@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(https://www.doktoruzman.com/assets/fonts/MaterialIcons-Regular.html) format('woff2'),
    url(../fonts/MaterialIcons-Regular.woff) format('woff'),
    url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}
a i, button i, a:link i {
    margin-right: 5px;
}
html {
    height: 100%;
}
body {
    background-color: var(--site-color-gray);
    color: #272b41;
    font-size: 14px;
    height: 100%;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
    color: #272b41;
    font-weight: 500;
}
.h1,h1{
    font-size:2.5rem;
}
.h2,h2{
    font-size:2rem;
}
.h3,h3{
    font-size:1.75rem;
}
.h4,h4{
    font-size:1.5rem;
}
.h5,h5{
    font-size:1.25rem;
}
.h6,h6{
    font-size:1rem;
}

a {
    color: #2E3842;
}
a:hover {
    color: var(--site-color-primary);
}
a:hover,
a:active,
a:focus {
    outline: none;
    text-decoration: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}
input,
button,
a{
    color: #004242;
    font-weight: 500;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
button:focus {
    outline: 0;
}
input[type=text],
input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
p{
    font-size: 16px;
}


.ellipsis-1{
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 26px;
}

.ellipsis-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.transition2s{
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.border-radius-left-none{
    border-radius: 0 10px 10px 0 !important;
}
.border-radius-right-none{
    border-radius: 10px 0 0 10px !important;
}
.btn.focus, .btn:focus {
    box-shadow: inherit;
}
.form-control {
    border-color: #dcdcdc;
    color: #333;
    font-size: 15px;
    min-height: 45px;
    padding: 6px 15px;
}
.table .form-control {
    font-size: 14px;
    min-height: 38px;
}
.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}
.form-control::-webkit-input-placeholder {
    color: #858585;
    font-size: 14px;
}
.form-control::-moz-placeholder {
    color: #858585;
    font-size: 14px;
}
.form-control:-ms-input-placeholder {
    color: #858585;
    font-size: 14px;
}
.form-control::-ms-input-placeholder {
    color: #858585;
    font-size: 14px;
}
.form-control::placeholder {
    color: #858585;
    font-size: 14px;
}
.list-group-item {
    border: 1px solid #f0f0f0;
    z-index: 99999;
}
.content {
    min-height: 200px;
    padding: 15px 0 0;
}
.inline-block {
    display: inline-block;
}
/*-----------------
2. Table
-----------------------*/

.table {
    color: #272b41;
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
}
.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #f8f9fa;
}
.table.no-border > tbody > tr > td,
.table > tbody > tr > th,
.table.no-border > tfoot > tr > td,
.table.no-border > tfoot > tr > th,
.table.no-border > thead > tr > td,
.table.no-border > thead > tr > th {
    border-top: 0;
    padding: 10px 8px;
}
.table-nowrap td,
.table-nowrap th {
    white-space: nowrap
}
.table.dataTable {
    border-collapse: collapse !important;
}
table.table td h2 {
    display: inline-block;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}
table.table td h2.table-avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: inherit;
    font-weight: 400;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    white-space: nowrap;
}
table.table td h2 a {
    color: #272b41;
}
table.table td h2 a:hover {
    color: var(--site-color-primary);
}
table.table td h2 span {
    color: #888;
    display: block;
    font-size: 12px;
    margin-top: 3px;
}
.table thead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}
.table thead tr th {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.table tbody tr:last-child {
    border-color: transparent;
}
.table.table-center td,
.table.table-center th {
    vertical-align: middle;
}
.table-hover tbody tr:hover {
    background-color: #f7f7f7;
}
.table-hover tbody tr:hover td {
    color: #474648;
}
.table-striped thead tr {
    border-color: transparent;
}
.table-striped tbody tr {
    border-color: transparent;
}
.table-striped tbody tr:nth-of-type(even) {
    background-color: rgba(255, 255, 255, 0.3);
}
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(235, 235, 235, 0.4);
}
.table-bordered {
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
}
.table-bordered th,
.table-bordered td {
    border-color: rgba(0, 0, 0, 0.05);
}
.card-table .card-body {
    padding: 0;
}
.card-table .card-body .table > thead > tr > th {
    border-top: 0;
}
.card-table .table tr td:first-child,
.card-table .table tr th:first-child {
    padding-left: 1.5rem;
}
.card-table .table tr td:last-child,
.card-table .table tr th:last-child {
    padding-right: 1.5rem;
}
.card-table .table td, .card-table .table th {
    border-top: 1px solid #e2e5e8;
    padding: 1rem 0.75rem;
    white-space: nowrap;
}

/*-----------------
3. Bootstrap Classes
-----------------------*/

.btn.focus, .btn:focus {
    box-shadow: unset;
}
.btn-white {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #272b41;
}
.btn.btn-rounded {
    border-radius: 50px;
}
.bg-primary,
.badge-primary {
    background-color: #3f51b5 !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #2196f3 !important;
}
.bg-success,
.badge-success {
    background-color: #00e65b !important;
}
a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #00cc52 !important;
}
.bg-info,
.badge-info {
    background-color: #005858 !important;
}
a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #005858 !important;
    color: #fff!important;
}
.bg-warning,
.badge-warning {
    background-color: #ffbc34 !important;
}
a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #e9ab2e !important;
}
.bg-danger,
.badge-danger {
    background-color: #ff0100 !important;
}
a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #e63333 !important;
}
.bg-white {
    background-color: #fff;
}
.bg-purple,
.badge-purple {
    background-color: #9368e9 !important;
}
.text-primary,
.dropdown-menu > li > a.text-primary {
    color: #3f51b5 !important;
}
.text-success,
.dropdown-menu > li > a.text-success {
    color: #00cc52 !important;
}
.text-danger,
.dropdown-menu > li > a.text-danger {
    color: #ff0100 !important;
}
.text-info,
.dropdown-menu > li > a.text-info {
    color: #009efb !important;
}
.text-warning,
.dropdown-menu > li > a.text-warning {
    color: #ffbc34 !important;
}
.text-purple,
.dropdown-menu > li > a.text-purple {
    color: #7460ee !important;
}
.text-muted {
    color: #757575 !important;
    font-size: 12px;
}

.mb-30px{
    margin-bottom: 30px !important;
}

.btn-doktoruzman {
    background-color: #39cabb;
    border: 1px solid #39cabb;
    color: #fff;
}
.btn-doktoruzman:hover,
.btn-doktoruzman:focus,
.btn-doktoruzman.active,
.btn-doktoruzman:active,
.open > .dropdown-toggle.btn-doktoruzman {
    background-color: #00887a;
    border: 1px solid #00887a;
    color: #fff;
}
.btn-doktoruzman.active.focus,
.btn-doktoruzman.active:focus,
.btn-doktoruzman.active:hover,
.btn-doktoruzman.focus:active,
.btn-doktoruzman:active:focus,
.btn-doktoruzman:active:hover,
.open > .dropdown-toggle.btn-doktoruzman.focus,
.open > .dropdown-toggle.btn-doktoruzman:focus,
.open > .dropdown-toggle.btn-doktoruzman:hover {
    background-color: #39cabb;
    border: 1px solid #39cabb;
}
.btn-doktoruzman.active:not(:disabled):not(.disabled),
.btn-doktoruzman:active:not(:disabled):not(.disabled),
.show > .btn-doktoruzman.dropdown-toggle {
    background-color: #39cabb;
    border-color: #39cabb;
    color: #fff;
}
.btn-doktoruzman.active:focus:not(:disabled):not(.disabled),
.btn-doktoruzman:active:focus:not(:disabled):not(.disabled),
.show > .btn-doktoruzman.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-doktoruzman.disabled, .btn-doktoruzman:disabled {
    background-color: #379c92;
    border-color: #379c92;
    color: #fff;
}
.btn-secondary.active:focus:not(:disabled):not(.disabled),
.btn-secondary:active:focus:not(:disabled):not(.disabled),
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-primary {
    background-color: #007bff;
    border: 1px solid #007bff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-primary {
    background-color: #2196f3;
    border: 1px solid #2196f3;
}
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary.focus:active,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
    background-color: #2196f3;
    border: 1px solid #2196f3;
}
.btn-primary.active:not(:disabled):not(.disabled),
.btn-primary:active:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle {
    background-color: #2196f3;
    border-color: #2196f3;
    color: #fff;
}
.btn-primary.active:focus:not(:disabled):not(.disabled),
.btn-primary:active:focus:not(:disabled):not(.disabled),
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #3f51b5;
    border-color: #3f51b5;
    color: #fff;
}
.btn-secondary.active:focus:not(:disabled):not(.disabled),
.btn-secondary:active:focus:not(:disabled):not(.disabled),
.show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-success {
    background-color: #00e65b;
    border: 1px solid #00e65b
}
.btn-success:hover,
.btn-success:focus,
.btn-success.active,
.btn-success:active,
.open > .dropdown-toggle.btn-success {
    background-color: #00cc52;
    border: 1px solid #00cc52;
    color: #fff;
}
.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success.focus:active,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
    background-color: #00cc52;
    border: 1px solid #00cc52
}
.btn-success.active:not(:disabled):not(.disabled),
.btn-success:active:not(:disabled):not(.disabled),
.show > .btn-success.dropdown-toggle {
    background-color: #00cc52;
    border-color: #00cc52;
    color: #fff;
}
.btn-success.active:focus:not(:disabled):not(.disabled),
.btn-success:active:focus:not(:disabled):not(.disabled),
.show > .btn-success.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-success.disabled, .btn-success:disabled {
    background-color: #00e65b;
    border-color: #00e65b;
    color: #fff;
}
.btn-info {
    background-color: #009efb;
    border: 1px solid #009efb
}
.btn-info:hover,
.btn-info:focus,
.btn-info.active,
.btn-info:active,
.open > .dropdown-toggle.btn-info {
    background-color: #028ee1;
    border: 1px solid #028ee1
}
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info.focus:active,
.btn-info:active:focus,
.btn-info:active:hover,
.open > .dropdown-toggle.btn-info.focus,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:hover {
    background-color: #028ee1;
    border: 1px solid #028ee1
}
.btn-info.active:not(:disabled):not(.disabled),
.btn-info:active:not(:disabled):not(.disabled),
.show > .btn-info.dropdown-toggle {
    background-color: #028ee1;
    border-color: #028ee1;
    color: #fff;
}
.btn-info.active:focus:not(:disabled):not(.disabled),
.btn-info:active:focus:not(:disabled):not(.disabled),
.show > .btn-info.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-info.disabled, .btn-info:disabled {
    background-color: #009efb;
    border-color: #009efb;
    color: #fff;
}
.btn-warning {
    background-color: #ffbc34;
    border: 1px solid #ffbc34
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.active,
.btn-warning:active,
.open > .dropdown-toggle.btn-warning {
    background-color: #e9ab2e;
    border: 1px solid #e9ab2e
}
.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning.focus:active,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
    background-color: #e9ab2e;
    border: 1px solid #e9ab2e
}
.btn-warning.active:not(:disabled):not(.disabled),
.btn-warning:active:not(:disabled):not(.disabled),
.show > .btn-warning.dropdown-toggle {
    background-color: #e9ab2e;
    border-color: #e9ab2e;
    color: #fff;
}
.btn-warning.active:focus:not(:disabled):not(.disabled),
.btn-warning:active:focus:not(:disabled):not(.disabled),
.show > .btn-warning.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-warning.disabled, .btn-warning:disabled {
    background-color: #ffbc34;
    border-color: #ffbc34;
    color: #fff;
}
.btn-danger {
    background-color: #ff0100;
    border: 1px solid #ff0100;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active,
.btn-danger:active,
.open > .dropdown-toggle.btn-danger {
    background-color: #e63333;
    border: 1px solid #e63333;
}
.btn-danger.active.focus,
.btn-danger.active:focus,
.btn-danger.active:hover,
.btn-danger.focus:active,
.btn-danger:active:focus,
.btn-danger:active:hover,
.open > .dropdown-toggle.btn-danger.focus,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:hover {
    background-color: #e63333;
    border: 1px solid #e63333;
}
.btn-danger.active:not(:disabled):not(.disabled),
.btn-danger:active:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle {
    background-color: #e63333;
    border-color: #e63333;
    color: #fff;
}
.btn-danger.active:focus:not(:disabled):not(.disabled),
.btn-danger:active:focus:not(:disabled):not(.disabled),
.show > .btn-danger.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-danger.disabled, .btn-danger:disabled {
    background-color: #f62d51;
    border-color: #f62d51;
    color: #fff;
}
.btn-light.active:focus:not(:disabled):not(.disabled),
.btn-light:active:focus:not(:disabled):not(.disabled),
.show > .btn-light.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-dark.active:focus:not(:disabled):not(.disabled),
.btn-dark:active:focus:not(:disabled):not(.disabled),
.show > .btn-dark.dropdown-toggle:focus {
    box-shadow: unset;
}
.btn-outline-primary {
    color: #3f51b5;
    border-color: #3f51b5;
}
.btn-outline-primary:hover {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: none;
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #3f51b5;
    background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-outline-success {
    color: #00e65b;
    border-color: #00e65b;
}
.btn-outline-success:hover {
    background-color: #00e65b;
    border-color: #00e65b;
}
.btn-outline-success:focus, .btn-outline-success.focus {
    box-shadow: none;
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
    color: #00e65b;
    background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active,
.btn-outline-success:not(:disabled):not(.disabled).active,
.show > .btn-outline-success.dropdown-toggle {
    background-color: #00e65b;
    border-color: #00e65b;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus,
.btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-success.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-outline-info {
    color: #009efb;
    border-color: #009efb;
}
.btn-outline-info:hover {
    color: #fff;
    background-color: #009efb;
    border-color: #009efb;
}
.btn-outline-info:focus, .btn-outline-info.focus {
    box-shadow: none;
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
    background-color: transparent;
    color: #009efb;
}
.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
    background-color: #009efb;
    border-color: #009efb;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus,
.btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-info.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-outline-warning {
    color: #ffbc34;
    border-color: #ffbc34;
}
.btn-outline-warning:hover {
    color: #212529;
    background-color: #ffbc34;
    border-color: #ffbc34;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
    box-shadow: none;
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
    background-color: transparent;
    color: #ffbc34;
}
.btn-outline-warning:not(:disabled):not(.disabled):active,
.btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .btn-outline-warning.dropdown-toggle {
    color: #212529;
    background-color: #ffbc34;
    border-color: #ffbc34;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-outline-danger {
    color: #ff0100;
    border-color: #ff0100;
}
.btn-outline-danger:hover {
    color: #fff;
    background-color: #ff0100;
    border-color: #ff0100;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
    box-shadow: none;
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
    background-color: transparent;
    color: #ff0100;
}
.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
    background-color: #ff0100;
    border-color: #ff0100;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-danger.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-outline-light {
    color: #ababab;
    border-color: #e6e6e6;
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
    color: #ababab;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: var(--site-color-primary);
    border-color: var(--site-color-primary);
}
.pagination > li > a,
.pagination > li > span {
    color: var(--site-color-primary);
}
.page-link:hover {
    color: var(--site-color-primary);
}
.page-link:focus {
    box-shadow: unset;
}
.page-item.active .page-link {
    background-color: var(--site-color-primary);
    border-color: var(--site-color-primary);
}
.dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    box-shadow: inherit;
    font-size: 14px;
    transform-origin: left top 0;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: var(--site-color-primary);
}
.navbar-nav .open .dropdown-menu {
    border: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.card {
    border: none;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.1);
    margin-bottom: 15px;
    border-radius: 10px;
    transition: all .2s ease;
}
.card:hover {
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    transition: all .2s ease;
}
.card-body {
    padding: 20px;
}
.card-title {
    margin-bottom: 15px;
}
.card-header {
    border-bottom: 1px solid #f0f0f0;
    padding: 1rem 1.5rem;
    border-radius: 15px;
}
.card-header h4{
    font-size: 16px;
}
.kurumlarFiltre .card-header-title{
    font-size: 16px;
    font-weight: 500;
}
.card-header:first-child{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.card-footer {
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    padding: 1rem 1.5rem;
}
.card .card-header {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}
.card .card-header .card-title {
    margin-bottom: 0;
    font-size: 15px;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--site-color-primary);
    text-shadow: unset;
}
.bootstrap-datetimepicker-widget table td.today::before{
    border-bottom-color: var(--site-color-primary);
}
.bg-info-light {
    background-color: rgba(2, 182, 179,0.12) !important;
    color: #1db9aa !important;
}
.bg-primary-light {
    background-color: rgba(17, 148, 247,0.12) !important;
    color: #2196f3 !important;
}
.bg-danger-light {
    background-color: rgba(242, 17, 54,0.12) !important;
    color: #e63c3c !important;
}
.bg-warning-light {
    background-color: rgba(255, 152, 0,0.12) !important;
    color: #f39c12 !important;
}
.bg-success-light {
    background-color: rgba(15, 183, 107,0.12) !important;
    color: #26af48 !important;
}
.bg-purple-light {
    background-color: rgba(197, 128, 255,0.12) !important;
    color: #c580ff !important;
}
.bg-default-light {
    background-color: rgba(40, 52, 71,0.12) !important;
    color: #283447 !important;
}
.text-xs {
    font-size: .75rem !important;
}
.text-sm {
    font-size: .875rem !important;
}
.text-lg {
    font-size: 1.25rem !important;
}
.text-xl {
    font-size: 1.5rem !important;
}
.form-control:focus {
    border-color: #bbb;
    box-shadow: none;
    outline: 0 none;
}
#custom-upload-button {
    padding: 7px 15px!important;
    color: #4351eb!important;
    background-color: rgb(249, 248, 255)!important;
    border: 1px solid #7581ff!important;
    display: inline-block!important;
    border-radius: 5px;
    cursor: pointer;
    transition: ease-in-out .3s;
}
#custom-upload-button:hover {
    background-color: #007bff!important;
    transition: ease-in-out .3s;
    color: #fff!important;
}
#custom-upload-text {
    margin-left: 10px;
    color: #aaa;
}

/*-----------------
4. Avatar
-----------------------*/

.avatar {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 3rem
}
.avatar > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.avatar-title {
    width: 100%;
    height: 100%;
    background-color: var(--site-color-primary);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.avatar-away::before,
.avatar-offline::before,
.avatar-online::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25%;
    height: 25%;
    border-radius: 50%;
    content: '';
    border: 2px solid #fff;
}
.avatar-online::before {
    background-color: #00e65b;
}
.avatar-offline::before {
    background-color: #ff0100;
}
.avatar-away::before {
    background-color: #ffbc34;
}
.avatar .border {
    border-width: 3px !important;
}
.avatar .rounded {
    border-radius: 6px !important;
}
.avatar .avatar-title {
    font-size: 18px;
}
.avatar-xs {
    width: 1.65rem;
    height: 1.65rem;
}
.avatar-xs .border {
    border-width: 2px !important;
}
.avatar-xs .rounded {
    border-radius: 4px !important;
}
.avatar-xs .avatar-title {
    font-size: 12px;
}
.avatar-xs.avatar-away::before,
.avatar-xs.avatar-offline::before,
.avatar-xs.avatar-online::before {
    border-width: 1px;
}
.avatar-sm {
    width: 50px;
    height: 50px;
}
.search-box2{
    width: 100%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.search-box2 form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.search-box2 .search-btn{
    height: 35px;
    padding: 0px 10px;
    margin-left: 10px;
    margin-top: 1px;

}
.search-box2 input {
    width: 400px;
    padding-left: 50px;
}

.avatar-sm .border {
    border-width: 3px !important;
}

.ustbanner{
    margin-top: -74px;
}

.avatar-sm .rounded {
    border-radius: 4px !important;
}
.avatar-sm .avatar-title {
    font-size: 15px;
}
.avatar-sm.avatar-away::before,
.avatar-sm.avatar-offline::before,
.avatar-sm.avatar-online::before {
    border-width: 2px;
}
.avatar-lg {
    width: 3.75rem;
    height: 3.75rem;
}
.avatar-lg .border {
    border-width: 3px !important;
}
.avatar-lg .rounded {
    border-radius: 8px !important;
}
.avatar-lg .avatar-title {
    font-size: 24px;
}
.avatar-lg.avatar-away::before,
.avatar-lg.avatar-offline::before,
.avatar-lg.avatar-online::before {
    border-width: 3px;
}
.avatar-xl {
    width: 5rem;
    height: 5rem;
}
.avatar-xl .border {
    border-width: 4px !important;
}
.avatar-xl .rounded {
    border-radius: 8px !important;
}
.avatar-xl .avatar-title {
    font-size: 28px;
}
.avatar-xl.avatar-away::before,
.avatar-xl.avatar-offline::before,
.avatar-xl.avatar-online::before {
    border-width: 4px;
}
.avatar-xxl {
    width: 5.125rem;
    height: 5.125rem;
}
.avatar-xxl .border {
    border-width: 6px !important;
}
.avatar-xxl .rounded {
    border-radius: 8px !important;
}
.avatar-xxl .avatar-title {
    font-size: 30px;
}
.avatar-xxl.avatar-away::before,
.avatar-xxl.avatar-offline::before,
.avatar-xxl.avatar-online::before {
    border-width: 4px;
}
.avatar-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.avatar-group .avatar + .avatar {
    margin-left: -.75rem;
}
.avatar-group .avatar-xs + .avatar-xs {
    margin-left: -.40625rem;
}
.avatar-group .avatar-sm+.avatar-sm {
    margin-left: -.625rem;
}
.avatar-group .avatar-lg + .avatar-lg {
    margin-left: -1rem;
}
.avatar-group .avatar-xl + .avatar-xl {
    margin-left: -1.28125rem;
}
.avatar-group .avatar:hover {
    z-index: 1;
}

/*-----------------
5. Select2
-----------------------*/

.select2-results__option {
    padding: 6px 15px;
    font-size: 11px;
}
.select2-container .select2-selection--single {
    border: 1px solid #dcdcdc;
    min-height: 45px;
    outline: none;
    border-radius: 10px;
}
.select2-search__field{
    outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    right: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #dcdcdc transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.select2-container{
    width: 100%!important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #dcdcdc;
    border-width: 0 6px 6px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 30px;
    padding-left: 15px;
}
.kategoritut{
    margin-top: 8px;
}
.modalekran{
    margin-top: 5px;
}
.kategoritut .select2-container--default .select2-selection--single .select2-selection__rendered{

    color: #272b41;
    font-size: 14px;
    font-weight: normal;
    line-height: 35px!important;
}
.kategoritut .select2-container .select2-selection--single{
    height: 38px;
    width: 12vw;
    outline: none;
    margin-right: 5px;
}
.kategoritut .select2-container--default .select2-selection--single .select2-selection__arrow b{
    margin-top: -6px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #272b41;
    font-size: 13px;
    font-weight: normal;
    line-height: 45px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--site-color-primary);
}
.select2-container--default .select2-selection--multiple {
    border: 1px solid #dcdcdc;
    min-height: 46px;
}
.select2-dropdown {
    border-color: #dcdcdc;
}

/*-----------------
6. Nav Tabs
-----------------------*/

.nav-tabs {
    border-bottom: 1px solid #f0f0f0;
}
.card-header-tabs {
    border-bottom: 0;
}
.nav-tabs > li > a {
    margin-right: 0;
    color: #888;
    border-radius: 0;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    border-color: transparent;
    color: #272b41;
}
.nav-tabs.nav-tabs-solid > li > a {
    color: #272b41;
}
.nav-tabs.nav-tabs-solid > .active > a,
.nav-tabs.nav-tabs-solid > .active > a:hover,
.nav-tabs.nav-tabs-solid > .active > a:focus {
    background-color: var(--site-color-primary);
    border-color: var(--site-color-primary);
    color: #fff;
}
.tab-content {
    padding-top: 20px;
}
.nav-tabs .nav-link {
    border-radius: 0;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    background-color: #eee;
    border-color: transparent;
    color: #272b41;
}
.nav-tabs.nav-justified > li > a {
    border: 0;
    border-bottom: 3px solid transparent;
    background-color: var(--site-color-gray2);
    color: #333;
    font-weight: 500;
    padding: 12px;
    font-size: 13px;
    width: 100%;
}
.nav-tabs.nav-justified > li > a:hover,
.nav-tabs.nav-justified > li > a:focus {
    background-color: unset;
    color: var(--site-color-primary);
}
.nav-tabs.nav-justified.nav-tabs-solid > li > a {
    border-color: transparent;
}
.nav-tabs.nav-tabs-solid > li > a {
    color: #272b41;
}
.nav-tabs.nav-tabs-solid > li > a.active,
.nav-tabs.nav-tabs-solid > li > a.active:hover,
.nav-tabs.nav-tabs-solid > li > a.active:focus {
    background-color: var(--site-color-primary);
    border-color: var(--site-color-primary);
    color: #fff;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded {
    border-radius: 50px;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a {
    border-radius: 50px;
}
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:hover,
.nav-tabs.nav-tabs-solid.nav-tabs-rounded > li > a.active:focus {
    border-radius: 50px;
}
.nav-tabs-justified > li > a {
    border-radius: 0;
    margin-bottom: 0;
}
.nav-tabs-justified > li > a:hover,
.nav-tabs-justified > li > a:focus {
    border-bottom-color: #ddd;
}
.nav-tabs-justified.nav-tabs-solid > li > a {
    border-color: transparent;
}
.nav-tabs.nav-justified.nav-tabs-top {
    border-bottom: 1px solid #ddd;
}
.nav-tabs.nav-justified.nav-tabs-top > li > a,
.nav-tabs.nav-justified.nav-tabs-top > li > a:hover,
.nav-tabs.nav-justified.nav-tabs-top > li > a:focus {
    border-width: 2px 0 0 0;
}
.nav-tabs.nav-tabs-top > li {
    margin-bottom: 0;
}
.nav-tabs.nav-tabs-top > li > a,
.nav-tabs.nav-tabs-top > li > a:hover,
.nav-tabs.nav-tabs-top > li > a:focus {
    border-width: 2px 0 0 0;
}
.nav-tabs.nav-tabs-top > li.open > a,
.nav-tabs.nav-tabs-top > li > a:hover,
.nav-tabs.nav-tabs-top > li > a:focus {
    border-top-color: #ddd;
}
.nav-tabs.nav-tabs-top > li+li > a {
    margin-left: 1px;
}
.nav-tabs.nav-tabs-top > li > a.active,
.nav-tabs.nav-tabs-top > li > a.active:hover,
.nav-tabs.nav-tabs-top > li > a.active:focus {
    border-top-color: var(--site-color-primary);
}
.nav-tabs.nav-tabs-bottom > li > a.active,
.nav-tabs.nav-tabs-bottom > li > a.active:hover,
.nav-tabs.nav-tabs-bottom > li > a.active:focus {
    border-bottom-width: 2px;
    border-color: transparent;
    border-bottom-color: var(--site-color-primary);
    background-color: transparent;
    transition: none 0s ease 0s;
    -moz-transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -ms-transition: none 0s ease 0s;
    -webkit-transition: none 0s ease 0s;
}
.nav-tabs.nav-tabs-solid {
    border: 0;
}
.nav-tabs.nav-tabs-solid > li {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
}
.nav-tabs.nav-tabs-solid > li > a {
    border-color: transparent;
}
.nav-tabs.nav-tabs-solid > li > a:hover,
.nav-tabs.nav-tabs-solid > li > a:focus {
    background-color: #f5f5f5;
}
.nav-tabs.nav-tabs-solid > .open:not(.active) > a {
    background-color: #f5f5f5;
    border-color: transparent;
}
.nav-tabs-justified.nav-tabs-top {
    border-bottom: 1px solid #ddd;
}
.nav-tabs-justified.nav-tabs-top > li > a,
.nav-tabs-justified.nav-tabs-top > li > a:hover,
.nav-tabs-justified.nav-tabs-top > li > a:focus {
    border-width: 2px 0 0 0;
}

/*-----------------
7. Modal
-----------------------*/

.modal {
    -webkit-overflow-scrolling: touch;
}
.modal-footer.text-center {
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.modal-footer.text-left {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
}
.modal-dialog.modal-md {
    max-width: 600px;
}
.custom-modal .modal-content {
    border: 0;
    border-radius: 10px;
}
.custom-modal .modal-header {
    padding: 1.25rem;
}
.custom-modal .modal-footer {
    padding: 1.25rem;
}
.custom-modal .modal-body {
    padding: 1.25rem;
}
.custom-modal .close {
    background-color: #ffffff;
    border-radius: 50%;
    color: var(--site-color-primary);
    font-size: 30px;
    height: 20px;
    line-height: 20px;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 26px;
    width: 20px;
    z-index: 99;
}
.custom-modal .modal-title {
    font-size: 20px;
    color: var(--site-color-primary);
}
.modal-backdrop.show {
    opacity: 0.4;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
}
.modal .card {
    box-shadow: unset;
}

/*-----------------
8. Components
-----------------------*/

.comp-header {
    margin-bottom: 1.875rem;
}
.comp-header .comp-title {
    color: #272b41;
}
.line {
    background-color: var(--site-color-primary);
    height: 2px;
    margin: 0;
    width: 60px;
}
.comp-buttons .btn {
    margin-bottom: 5px;
}
.pagination-box .pagination {
    margin-top: 0;
}
.comp-dropdowns .btn-group {
    margin-bottom: 5px;
}
.progress-example .progress {
    margin-bottom: 1.5rem;
}
.progress-xs {
    height: 4px;
}
.progress-sm {
    height: 15px;
}
.progress.progress-sm {
    height: 6px;
}
.progress.progress-md {
    height: 8px;
}
.progress.progress-lg {
    height: 18px;
}

/*-----------------
9. Slick Slider
-----------------------*/

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    box-shadow: 1px 6px 14px rgba(0,0,0,0.2);
    background: #fff;
    border-radius: 100%;
    cursor: pointer;
    border: none;
    outline: none;
    background: #fff;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-color: #0860dd;
    color: #fff;
    opacity: 1;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    color: #fff;
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 0.3;
    opacity: .75;
    color: #383838;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: -40px;
    z-index:1;
}
[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before {
    content: '←';
}
[dir='rtl'] .slick-prev:before {
    content: '→';
}
.slick-next {
    right: -20px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next:before {
    content: '→';
}
[dir='rtl'] .slick-next:before {
    content: '←';
}

/*-----------------
10. Focus Label
-----------------------*/

.form-focus {
    position: relative;
    margin-bottom: 15px!important;
}
.form-focus .focus-label {
    font-size: 14px;
    font-weight: 400;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translate3d(0, 22px, 0) scale(1);
    -ms-transform: translate3d(0, 22px, 0) scale(1);
    -o-transform: translate3d(0, 22px, 0) scale(1);
    transform: translate3d(0, 22px, 0) scale(1);
    transform-origin: left top;
    transition: 240ms;
    left: 12px;
    top: -8px;
    z-index: 1;
    color: #b8b8b8;
    margin-bottom: 0;
}

.nameinfo .focus-label {
    left: 30px;
}


.form-focus.focused .focus-label {
    opacity: 1;
    top: -18px;
    font-size: 12px;
    z-index: 1;
}
.form-focus .form-control:focus ~ .focus-label,
.form-focus .form-control:-webkit-autofill ~ .focus-label {
    opacity: 1;
    font-weight: 400;
    top: -18px;
    font-size: 12px;
    z-index: 1;
}
.form-focus .form-control {
    height: 50px;
    padding: 21px 12px 6px;
}
.form-focus .form-control::-webkit-input-placeholder {
    color: transparent;
    transition: 240ms;
}
.form-focus .form-control:focus::-webkit-input-placeholder {
    transition: none;
}
.form-focus.focused .form-control::-webkit-input-placeholder {
    color: #bbb;
}
.form-focus.select-focus .focus-label {
    opacity: 1;
    font-weight: 300;
    top: -20px;
    font-size: 12px;
    z-index: 1;
}
.form-focus .select2-container .select2-selection--single {
    border: 1px solid #e3e3e3;
    height: 50px;
}
.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
    right: 7px;
}
.form-focus .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #ccc transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}
.form-focus .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #ccc;
    border-width: 0 6px 6px;
}
.form-focus .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 30px;
    padding-left: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.form-focus .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #676767;
    font-size: 14px;
    font-weight: normal;
    line-height: 38px;
}
.form-focus .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #fc6075;
}

/*-----------------
11. Header
-----------------------*/

.header-nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: url("../img/shape-2.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    background-position: top;
    border: 0;
    border-bottom: 1px solid #00bfbf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    position: relative;
    height: 56px;
    padding: 0px 15px 0px;
    margin-bottom: 0;
    position: fixed;
    z-index: 20000;
    top: 0;
    right: 0;
    left: 0;
}
.main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.main-nav > li.active > a {
    color: var(--site-color-primary);
}
.main-nav > li .submenu li a {
    display: block;
    padding: 10px 15px;
    clear: both;
    white-space: nowrap;
    font-size: 12px;
    color: #2d3b48;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    width: 100%;
    border-top: 1px solid #f0f0f0;
}
.main-nav > li .submenu > li.has-submenu > a::after {
    content: "\f054";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    right: 15px;
    top: 12px;
    font-size: 13px;
}
.main-nav > li .submenu li {
    position: relative;
}
.main-nav li a {
    display: block;
    font-size: 13px;
    font-weight: 500;
}
.main-nav li.login-link {
    display: none;
}
.main-nav li.hekimlogin-link {
    display: none;
}
.header-contact-img {
    display: inline-block;
}
.header-contact-img i {
    color: rgba(0, 0, 0, 0.7);
    font-size: 25px;
    margin-top: 10px;
}
.header-contact-detail {
    display: inline-block;
    padding-left: 10px;
    padding-top: 10px;
}
.header-contact-detail p.contact-header {
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 2px;
    text-align: left;
}
.header-contact-detail p.contact-info-header {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;
}
.header-navbar-rht {
    margin: 0;
    padding: 0;
}
.header-navbar-rht li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-right: 10px;
    margin-bottom: 3px;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.header-navbar-rht li:last-child {
    padding-right:0px;
    padding-left: 15px;
}
.header-navbar-rht li .dropdown-menu {
    border: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.header-navbar-rht .dropdown-toggle::after {
    display: none;
}
.header-navbar-rht li .dropdown-menu::before {
    content: "";
    position: absolute;
    top: 2px;
    right: 0;
    border: 7px solid #fff;
    border-color: transparent transparent #ffffff #ffffff;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
}
.header-navbar-rht li .dropdown-menu .dropdown-item {
    border-top: 1px solid #f0f0f0;
    padding: 7px 10px;
    font-size: 12px;
}
.header-navbar-rht li .dropdown-menu .dropdown-item:first-child {
    border-top: 0;
    border-radius: 5px 5px 0 0;
}
.header-navbar-rht li .dropdown-menu .dropdown-item:last-child {
    border-radius: 0 0 5px 5px;
}
.header-navbar-rht li a.header-login:hover {
    background-color: #004242!important;
    border-color: #004242 !important;
    color: #fff !important;
}
.header-navbar-rht li a.header-hekimlogin:hover {
    background-color: #004242 !important;
    border-color: #004242 !important;
    color: #fff !important;
}
.header-navbar-rht li .dropdown-menu a:hover {
    color: #004242;
    letter-spacing: 0.5px;
    background-color: #fff;
}
.header-navbar-rht li a.header-login {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px 15px;
    text-align: center;
    font-size: 13px;
    background-color: #468b89 !important;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: -10px;
}

.header-navbar-rht li a.header-hekimlogin {
    background-color: #468b89;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px 15px !important;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
}
.header-navbar-rht li a.header-hastalogin{
    background-color: #468b89;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px 15px !important;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 10px;
}
.header-navbar-rht li a.header-hastalogin:hover {
    background-color: #004242;
    border-color: #004242;
    color: #fff;
}
.header .has-arrow .dropdown-toggle:after {
    border-top: 0;
    border-left: 0;
    border-bottom: 2px solid #004242;
    border-right: 2px solid #004242;
    content: '';
    height: 8px;
    display: inline-block;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 8px;
    vertical-align: 2px;
    margin-left: 10px;
}
.header .has-arrow .dropdown-toggle[aria-expanded="true"]:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
.user-menu {
    float: right;
    margin: 0;
    position: relative;
    z-index: 99;
}
.user-menu.nav > li > a {
    color: #fff;
    font-size: 14px;
    line-height: 58px;
    padding: 0 15px;
    height: 60px;
}
.user-menu.nav > li > a:hover,
.user-menu.nav > li > a:focus {
    background-color: rgba(0, 0, 0, 0.2);
}
.user-menu.nav > li > a:hover i,
.user-menu.nav > li > a:focus i {
    color: #fff;
}
.user-img {
    display: inline-block;
    position: relative;
}
.user-img > img {
    height: 31px;
    object-fit: cover;
    width: 31px;
}
.user-menu.nav > li > a.mobile_btn {
    border: 0;
    position: relative;
    padding: 0;
    margin: 0;
    cursor: pointer
}
.header-navbar-rht .dropdown-menu {
    min-width: 200px;
    padding: 0;
}
.header-navbar-rht .dropdown-menu .dropdown-item {
    padding: 7px 15px;
}
.header-navbar-rht .dropdown-menu .dropdown-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #e3e3e3;
    padding: 10px 15px;
}
.header-navbar-rht .dropdown-menu .dropdown-item:hover {
    color: var(--site-color-primary);
}
.user-header {
    text-align: center;
    padding: 10px 8px;
}
.user-header .user-text {
    align-self: center;
    margin-top: 10px;
}
.user-header .user-text h6 {
    font-size: 14px;
    max-width: 210px;
    margin: 0 auto 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header-navbar-rht .logged-item .nav-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 13px;
    color: #005858;
    font-weight: 500;
    line-height: 50px;
    padding: 0 10px;
}
.view-cart-header a{
    position: relative;
    font-size: 20px;
}
.unread-msg1{
    background-color: var(--site-color-primary);
    border-radius: 2px;
    color: #272b41;
    font-size: 10px;
    font-style: normal;
    padding: 0 5px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: -10px;
    right: -10px;
    /* transform: translateY(-50%); */
}
/*-----------------
12. Mobile Menu
-----------------------*/

.sidebar-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1040;
}
.menu-opened{
    z-index: 999998;
}
.menu-opened .main-menu-wrapper {
    transform: translateX(0);

}
.menu-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 55px;
    background-color: transparent;
    padding:  0 20px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    display: none;
}

.menu-close {
    font-size: 18px;
    color: #b7e9e1;
}
.bar-icon {
    display: inline-block;
    width: 31px;
}
.bar-icon span {
    background-color: #005858;
    display: block;
    float: right;
    height: 3px;
    margin-bottom: 7px;
    width: 31px;
    border-radius: 2px;
}
.bar-icon span:nth-child(2) {
    width: 16px;
}
.bar-icon span:nth-child(3) {
    margin-bottom: 0;
}
#mobile_btn {
    display: none;
    margin-right: 30px;
    margin-top: 10px;
}
html.menu-opened body {
    overflow: hidden;

}

/*-----------------
14. Login
-----------------------*/

.account-page {
    background-color: #fff;
}
.account-page .content {
    padding: 50px 0;
}
.login-right {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 20px;
    padding: 25px;
}
.login-header {
    margin-bottom: 20px;
}
.login-header p {
    margin-bottom: 0;
}
.login-header h3 {
    font-size: 18px;
    margin-bottom: 3px;
}
.login-header h3 a {
    color: var(--site-color-primary);
    float: right;
    font-size: 15px;
    margin-top: 2px;
}
.login-right .dont-have {
    color: #3d3d3d;
    margin-top: 20px;
    font-size: 13px;
}
.login-right .dont-have a {
    color: var(--site-color-primary);
}
.login-btn {
    font-size: 18px;
    font-weight: 500;
}
.login-or {
    color: #d4d4d4;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}
.or-line {
    background-color: #e5e5e5;
    height: 1px;
    margin-bottom: 0;
    margin-top: 0;
    display: block;
}
.span-or {
    background-color: #fff;
    display: block;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 42px;
}
.forgot-link {
    color: #3d3d3d;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight:400;
}
.btn-facebook {
    background-color: #3a559f;
    color: #fff;
    font-size: 13px;
    padding: 8px 12px;
}
.btn-google {
    background-color: #dd4b39;
    color: #fff;
    font-size: 13px;
    padding: 8px 12px;
}
.social-login .btn:hover, .social-login .btn:focus {
    color: #fff;
}

/*-----------------
15. Home
-----------------------*/
.activesearch{
    background-color: var(--site-color-primary)!important;
    color: #fff!important;
    border: 1px solid var(--site-color-primary)!important;
    animation: blowUpModal 0.5s cubic-bezier(0.15, 1.01, 0.34, 1.02) forwards;
}
.labelsearch{
    cursor: pointer;
    margin-right: -1px!important;
    border: 1px solid #fff;
    -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
    transition:all .5s ease 0s;
}
.labelsearch:hover{
    border: 1px solid var(--site-color-primary);
    background-color:#dfe4ff!important;
}

.activesearchonline{
    background-color: #a102d6!important;
    color: #fff!important;
    border: 1px solid #a102d6!important;
    animation: blowUpModal 0.5s cubic-bezier(0.15, 1.01, 0.34, 1.02) forwards;
}
.labelsearchonline{
    cursor: pointer;
    margin-right: -1px!important;
    border: 1px solid #fff;
    -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
    transition:all .5s ease 0s;
}
.labelsearchonline:hover{
    border: 1px solid #a102d6;
    background-color:#ede0ff!important;
}

.section-header h2 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight: 500;
    text-align: center;
}
.section-header p {
    color: #757575;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 15px;
    text-align: center;
}

.section-header .sub-title {
    color: black;
    font-size: 16px;
    max-width: 600px;
    margin: 15px auto 0;
}
.sehirsec{
    width: 100%;
    height: 100%;
    border: 1px solid #fff!important;
    outline: none;
    float: left;
    text-align-last: center;
}
.polikliniksec{
    width: 100%;
    height: 100%;
    border: 1px solid #fff!important;
    outline: none;
    float: left;
    text-align-last: center;
}
.anatomysection{
    /* background-image: url(../img/bgsaydam.png); */
    background-color: #ebf7f6 ;
    background-size: contain;
    background-position: center;
    background-attachment: fixed;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    padding: 20px 0px 20px;
    position: relative;
}
.section-welcome {
    background-image: url(../img/soruisareti.png);
    background-color: #fff;
    background-repeat: no-repeat;
    padding-bottom: 70px;
}
.anatomiesdata img{
    border-top-left-radius: 15px!important;
    border-top-right-radius: 15px!important;
    width: 100%;
}
.height-10 {
    height: 10px;
}
.height-20 {
    height: 20px;
}
.height-40 {
    height: 40px;
}
.banner-wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 65px;
    text-align: center !important;
}
.bgimage{
    /* background-image: url(../../images/doktorcenter.png); */
    background-repeat: no-repeat;
    background-size: contain;
    width: auto;
    height: 280px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;

}
.banner-wrapper .banner-header {
    margin-bottom: 85px;

}
.banner-wrapper .banner-header h1 {
    margin-bottom: 10px;
    font-size: 26px;
    font-weight: 600;
    color: #004242;
}

.banner-wrapper .banner-header p {
    color: rgb(0 130 130 / 65%);
    font-size: 16px;
    margin-bottom: 0;
}
.search-box form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
}
.bloggetir{
    margin-left: auto;
    margin-right: auto;
}
.main-nav li.hekimloginmobil-link{
    display: none;
}
.konumbul{
    display: block!important;
    position: absolute;
    z-index: 1000;
    color: var(--site-color-primary);
    font-size: 45px;
}
.konumbul.active{
    color: #fff;
    text-shadow: -1px 0 blue, 0 1px blue, 1px 0 blue, 0 -1px blue;
}

.mapmodal{
    text-align: center;
}
.modalleft{
    text-align: center;
}
.navbarshadow{
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.15);
}



.search-box .form-control {
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    border-radius: 10px;
    padding-left: 35px;
}
.search-box .search-location {
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    margin-right: 12px;
    position: relative;
    width: 240px;
}
.search-location .form-control {
    background: #fff url(../img/location.png) no-repeat 10px center;
}
.search-box .search-info {
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
    width: 350px;
}
.kategorii{
    margin-top: -15px;
}
.kategorii label{
    margin: 0px;
    font-size: 13px;
}
.searchdiv{
    width: 100%;

    background-color: #fff;
}
.select{
    outline: none;
}
.searchcity{
    -ms-flex: 0 0 auto!important;
    flex: 0 0 auto!important;
    width: auto!important;
}
.search-info .form-control {
    background: #fff url(../img/search.png) no-repeat 10px center;
}
.search-box .search-btn {
    width: 46px;
    -ms-flex: 0 0 46px;
    flex: 0 0 46px;
    height: 46px;
    margin-top: 3px;
}
.search-box .search-btn span {
    display: none;
    font-weight: 500;
}
.search-box .form-text {
    color: #757575;
    font-size: 13px;
}
.section-specialities {
    padding: 30px 0;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    /* background-image: url(../img/shape-2.png); */
    background-color: #f9f9f9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    align-items: center;
    position: relative;
    background-blend-mode: Darken;

}
.speicality-item p{
    display: table-caption;
}
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 5px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.buttondiv{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 55px;
    width: 150px;
    background-color: #fff;
    margin-right: 0px!important;
    padding: 0px!important;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 5px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #fff;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    display: none;
    font-family: 'slick';
    font-size: 76px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '-';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button {
    background-color: #0860dd;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #0860dd;
}
.slick-slide {
    outline: none !important;
}
.specialities-slider .slick-slide {
    display: block;
    padding: 0 12px;
    margin-left: 0;
    margin-right: 20px;
    margin-top: 10px;
}
.specialities-slider .slick-dots {
    margin-top: 44px;
    position: unset;
}
.speicality-img {
    position: relative;
    height: 150px;
    box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
    border-radius: 100%;
    width: 150px;
    background: #fff;
}
.speicality-img img {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 100%;
}
.speicality-img span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
    right: 10px;
    box-shadow: 1px 6px 14px rgba(0,0,0,0.2);
    border-radius: 50%;
    padding: 5px;
    background-color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.speicality-img span i {
    font-size: 15px;
    color:#0860dd;
}
.speicality-item p {
    font-size: 16px;
    font-weight: 500;
    margin: 30px 0 0;
}
.section-doctor {
    background: #f9f9f9 url(../img/shape-2.png);
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    align-items: center;
    position: relative;
    background-blend-mode: Darken;
    padding: 40px 0;
}
.section-doctor .section-header {
    margin-bottom: 30px;
}
.section-doctor .section-header p {
    margin-top: 10px;
}
.doctor-slider .slick-slide{
    display: block;
    margin-left: 0;
    padding: 10px;
    width: 300px;
}
.profile-widget {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius:4px;
    margin-bottom:30px;
    position:relative;
    padding: 15px;
}
.imgyenilerarka{
    opacity: 0;
    -webkit-transition:all .5s ease 0s;
    -moz-transition:all .5s ease 0s;
    -o-transition:all .5s ease 0s;
    transition:all .5s ease 0s;
    position: absolute;
    top: -1px;
    left: -1px;
    border-radius: 15px;
}
.profile-widget:hover > .imgyenilerarka {
    opacity: 1;
    background: url("../img/shape-24.png");
    background-position-y: top;
    background-position-x: left;
    background-repeat: no-repeat;
}
.doc-imgyeniler{
    width: 120px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 100%!important;
}
.doc-img {
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 4px;
}
.doc-img img {
    border-radius: 4px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    width: 100%;
    border-radius: 100%;
}
.blogbuton{
    position: absolute;
    bottom: 10px;
    left: 1px;
    width: 100%;

}
.doc-img:hover img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15);
}
.profile-widget .fav-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    border-radius: 3px;
    color: #2E3842;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
    visibility: hidden;
    z-index: 99;
}
.profile-widget:hover .fav-btn {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.profile-widget .fav-btn:hover {
    background-color: #fb1612;
    color: #fff;
}
.pro-content {
    padding: 15px 0 0;
}
.pro-content .title {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 5px;
}

.profile-widget .verified {
    color: #28a745;
    margin-left: 3px;
}
.profile-widget p.speciality {
    font-size: 13px;
    color: #757575;
    margin-bottom: 5px;
    min-height: 40px;
}
.rating {
    list-style: none;
    margin: 0 0 7px;
    padding: 0;
    font-size: 12px;
}
.rating i {
    color: #dedfe0;
}
.rating i.filled {
    color: #f4c150;
}
.profile-widget .rating {
    color: #757575;
    font-size: 14px;
    margin-bottom: 15px;
}
.profile-widget .rating i {
    font-size: 14px;
}
.available-info {
    font-size: 13px;
    color: #757575;
    font-weight: 400;
    list-style: none;
    padding: 0;
    margin-bottom: 15px;
}
.available-info li + li {
    margin-top: 5px;
}
.available-info li i {
    width: 22px;
}
.row.row-sm {
    margin-left: -3px;
    margin-right: -3px;
}
.row.row-sm > div {
    padding-left: 3px;
    padding-right: 3px;
}
.view-btn {
    color: #0860dd;
    font-size: 13px;
    border: 2px solid #0860dd;
    text-align: center;
    display: block;
    font-weight: 500;
    padding: 6px;
}
.view-btn:hover, .view-btn:focus {
    background-color: #0860dd;
    color: #fff;
}
.book-btn {
    background-color: #0860dd;
    border: 2px solid #0860dd;
    color: #fff;
    font-size: 13px;
    text-align: center;
    display: block;
    font-weight: 500;
    padding: 6px;
}
.book-btn:hover, .book-btn:focus {
    background-color: #07bebe;
    border-color: #07bebe;
    color: #fff;
}
.section-doctor .profile-widget {
    box-shadow: 2px 2px 13px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    min-height: 350px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}

.about-content p {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}
.about-content p + p {
    margin-top: 20px;
}
.about-content a {
    background-color: #0860dd;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    margin-top: 30px;
    min-width: 150px;
    padding: 15px 20px;
    text-align: center;
}
.about-content a:hover, .about-content a:focus {
    background-color: #07bebe;
    border-color: #07bebe;
    color: #fff;
}
.section-features {
    background-color: #fff;
    padding: 40px 0;
}
.feature-item img {
    border-radius: 100%;
    box-shadow: 1px 6px 14px rgba(0,0,0,0.2);
    height: 115px;
    object-fit: cover;
    width: 115px;
    display: block;
    margin: auto;
}
.feature-item p {
    font-weight: 500;
    margin: 20px 0 0;
}
.features-slider .slick-slide {
    margin-right: 62px;
}
.features-slider .slick-center {
    opacity: 1;
    transform: scale(1.20);
}
.features-slider .slick-list {
    padding: 16px 50px !important
}
.features-slider .slick-dots {
    margin-top: 44px;
    position: unset;
}
.section-blogs {
    /* background: url(../img/shape-2.png); */
    background-color: #f9f9f9;
    box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.15);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    align-items: center;
    position: relative;
    background-blend-mode: Darken;
    padding: 40px 0;
}
.view-all .btn {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 30px;
}

.full-slide-home {
    background: #e3e3e3;
}
.slide-image {
    width: 100%;
    min-height: 358px;
    display: flex!important;
    justify-content: center;
    flex-direction: column;
    padding: 70px 50px 70px 100px;
    vertical-align: middle;
    background-position: right;
    background-size: contain;
}
.slide-image h2 {
    font-size: 36px;
    font-weight: 500;
}
.slide-ul li:before {
    font-family: "Line Awesome Free";
    display: inline-block;
    padding-right: 6px;
    vertical-align: middle;
    content: "\f192";
    color: #a2a1a1;
    font-size: 10px;
}
.slide-ul li {
    color: #757575;
    font-size: 13px;
}
.home-tile-section {
    background-color: #fff;
    padding: 50px 0;
}
.book-btn1 {
    background-color: #0860dd;
    border: 2px solid #0860dd;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    padding: 6px 10px;
}
.book-btn1:hover{
    background-color: #07bebe;
    border-color: #07bebe;
    color: #ffffff;
}
.doctor-book-card {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0px 3px 20px #0000000b;
    overflow: hidden;
    max-height: 300px;
}
.doctor-book-card img {
    vertical-align: middle;
    border-radius: .25rem;
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.doctor-book-card:hover img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15);
}
.doctor-book-card-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #f1f1f1;
    width: 100%;
    padding: 20px;
    height:100%;
    border-radius: .25rem;
}
.doctor-book-card-content > div{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.doctor-book-card-content .book-btn1{
    font-size: 14px;
}
.search-box1 form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.search-box1 .form-control {
    border: 1px solid #ccc;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    border-radius: 5px;
    padding-left: 35px;
}
.search-box1 .search-location {
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    margin-right: 12px;
    position: relative;
    width: 240px;
}
.search-box1 .search-location .form-control {
    background: #fff url(../img/location.png) no-repeat 10px center;
}
.search-box1 .search-info {
    -ms-flex: 0 0 490px;
    flex: 0 0 490px;
    margin-right: 12px;
    position: relative;
    width: 490px;
}
.search-box1 .search-info .form-control {
    background: #fff url(https://www.doktoruzman.com/assets/css/style.css?v=1.156) no-repeat 10px center;
}
.search-box1 .search-btn {
    width: 46px;
    -ms-flex: 0 0 46px;
    flex: 0 0 46px;
    height: 46px;
}
.search-box1 .search-btn span {
    display: none;
    font-weight: 500;
}
.search-box1 .form-text {
    color: #757575;
    font-size: 13px;
}
.section-search1 {
    background: #f9f9f9 url(../img/search-bg.png) no-repeat bottom center;
    min-height: 580px;
    background-size: 100% auto;
    position: relative;
    background-blend-mode: Darken;
    padding: 80px 0;
}
.banner-wrapper2 {
    margin: 0 auto;
    max-width: 680px;
    width: 100%;
}
.search-box1 .search-location1 {
    margin-right: 12px;
    position: relative;
    width: 400px;
    margin-bottom: 0;
}
.banner-wrapper2{
    margin: 0 auto;
    max-width: 680px;
    width: 100%;
}
.search-detect {
    padding: 5px 9px 5px 28px;
    position: absolute;
    top: 8px;
    right: 5px;
    font-size: 13px;
    color: #757575;
    border-radius: 5px;
    background: #e3e3e3 url(../img/google-map.png) no-repeat 9px center;
    cursor: pointer;
}
.section-search-pharmacy{
    min-height: inherit !important;
    background: #fff;
    padding: 40px 0;
}
.tile-card-content-1 {
    background: rgb(0, 0, 0);
    background: rgba(13, 13, 13, 0.33);
}
.doctor-book-card h3{
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    color: #fff;
    font-size: 18px;
}
.full-slide-home .slick-prev{
    left: 30px;
}
.full-slide-home .slick-next{
    right: 30px;
}
.full-slide-home .slick-slide > div > .col-12{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
/*-----------------
16. Search
-----------------------*/

.breadcrumb-bar {
    width: 100%;
    line-height: 40px;
}
#content .breadcrumb-bar {
    margin-top: 0px!important;
    background-color: #39cabb;
    padding: 10px 0;
    width: 100%;
}
#content .breadcrumb-bar .breadcrumb-title{
    color: #fff;
}

#content .page-breadcrumb ol li a {
    color: #333;
}
#content .page-breadcrumb ol li.active {
    color: var(--site-color-primary);
}

#content .page-breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    color: var(--site-color-primary);
    font-size: 11px;
}
#content{
    padding: 0!important;
    margin-left: 0px!important;
}
.breadcrumb-item+.breadcrumb-item::before{
    content: '\f105';
    font-weight: 600;
    font-family: "Line Awesome Free";
}
.breadcrumb-bar .breadcrumb-title {
    color: #333;
    font-size: 16px;
    font-weight: 500;
    margin: 2px 0 5px 5px;
    width: fit-content;
}
.page-breadcrumb ol {
    background-color: transparent;
    font-size: 14px;
    margin-bottom: 0;
    padding: 0px;
    width: fit-content;
    font-weight: 500;
}
.page-breadcrumb ol .breadcrumb-item{
    width: max-content;
    padding: 6px 5px;
}
.page-breadcrumb ol li a {
    color: #333;
    font-weight: 400;
    border-bottom: 1px solid #666;
}
.page-breadcrumb ol li a:hover{
    color: var(--site-color-primary-hover);
    border-bottom: 1px solid var(--site-color-primary-hover);
}
.page-breadcrumb ol li.active {
    font-weight: 500;
    color: var(--site-color-primary);
}
.page-breadcrumb .breadcrumb-item + .breadcrumb-item:before {
    color: #333;
    font-size: 11px;
}
.sort-by {
    float: right;
}
.sort-title {
    color: #fff;
    font-size: 14px;
    margin-right: 10px;
}
.custom-short-by .sort-title{
    color: #2e3842;
}
.custom-short-by > div{
    margin-right: 20px;
}
.custom-short-by > div:first-child{
    margin-right: 0;
}
.sortby-fliter {
    display: inline-block;
    width: 120px;
}
.cal-icon {
    position: relative;
    width: 100%;
}
.cal-icon:after {
    color: #979797;
    content: '\f073';
    display: block;
    font-family: "Line Awesome Free";
    font-size: 16px;
    font-weight: 400;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 10px;
}.custom_check {
    color: #666;
    display: inline-block;
    position: relative;
    font-size: 13px;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.custom_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}
.custom_check input:checked ~ .checkmark {
    background-color: #fff;
}
.custom_check .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 3px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}
.custom_check .checkmark::after {
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-weight: 900;
    position: absolute;
    display: none;
    left: 4px;
    top: 0;
    color: #0860dd;
    font-size: 11px;
}
.custom_check input:checked ~ .checkmark:after {
    display: block
}
.custom_radio {
    color: #555;
    display: inline-block;
    position: relative;
    font-size: 14px;
    font-size: 0.9375rem;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.radio_input .custom_radio + .custom_radio {
    margin-left: 15px;
}
.custom_radio input {
    position: absolute;
    opacity: 0
}
.custom_radio input:checked ~ .checkmark:after {
    opacity: 1
}
.custom_radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%
}
.custom_radio .checkmark:after {
    display: block;
    content: "";
    position: absolute;
    opacity: 0;
    top: 3px;
    left: 3px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ff9b44;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.filter-widget {
    margin-bottom: 20px;
}
.filter-widget h4 {
    font-size: 13px;
    margin-bottom: 15px;
}
.filter-widget .custom_check {
    line-height: 18px;
}
.btn-search .btn {
    background-color: #0860dd;
    border: 1px solid #0860dd;
    color: #fff;
    min-height: 35px;
    font-weight:500;
    font-size:13px;
}
.doctor-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.doc-info-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.doc-info-right {
    width: 100%;
}
.doctor-img {
    width: 100%;
    height: auto;
    max-width: 120px;
}
.haritadagor{
    position: absolute;
    bottom: 0;
}
.doktorayrinti{
    display: block;
}
.doktorayrinti a{
    padding: 5px 10px!important;
    width: max-content!important;
    float: right!important;
}
.doctor-img img {
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.doc-department {
    color: var(--site-color-primary);
    font-size: 14px;
}
.doc-department img {
    width: 19px;
    display: inline-block;
    margin-right: 10px;
}
.pharmacy-location,
.pharmacy-title{
    color: #2E3842;
}
.doc-location a {
    color: var(--site-color-primary);
    font-weight: 500;
}
.doctor-widget .doc-name {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 3px;
}
.doc-speciality {
    font-size: 14px;
    color: #757575;
    margin-bottom: 0px;
}
.doctor-widget .rating i {
    font-size: 14px;
}
.doctor-widget .average-rating {
    font-size: 14px;
    font-weight: 500;
}
.clinic-details {
    margin-bottom: 15px;
}
.clinic-details h5 {
    font-weight: normal;
    color: #757575;
    margin-bottom: 25px;
}
.clinic-details ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.clinic-details ul li {
    display: inline-block;
    padding-right: 5px;
    width: 120px;
    margin-left: 5px;
    margin-bottom: 10px;
}
.clinic-details ul li:last-child {
    padding-right: 0;
    margin-top: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
}
.clinic-details ul li a {
    display: inline-block;
}
.clinic-details .hospitalGalleryImg a{
    position: relative;
    width: 100%;
    height: 150px;
    display: block;
}
.clinic-details .hospitalGalleryImg a img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 5px;
}

.clinic-details ul li a img {
    border-radius: 5px;
    width: 115px;
}
.clinic-services {
    color: #272b41;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.clinic-services span {
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
}
.clinic-services span + span {
    margin-left: 5px;
}
.clini-infos {
    margin-bottom: 15px;
}
.clini-infos h2 b.strike{
    text-decoration: line-through;
    font-weight: 500;
}
.clini-infos ul {
    font-size: 14px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.clini-infos ul li {
    display: block;
    line-height: 30px;
    color: #4E4852;
}
.clini-infos ul li i {
    font-size: 15px;
}
.clinic-booking a {
    background-color: #fff;
    border-radius: 5px;
    color: var(--site-color-primary);
    display: block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 6px 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.clinic-booking a.view-pro-btn:hover, .clinic-booking a.view-pro-btn:focus {
    background: var(--site-color-primary);
    color: #fff;
}
.clinic-booking a.apt-btn {
    background-color: var(--site-color-primary);
    color: #fff;
    margin-right: 15px;
}
.apt-btn:hover {
    background-color: #289783!important;
    outline-color: #289783!important;
    border-color: #289783!important;
}
.clinic-booking a.apt-btn:hover, .clinic-booking a.apt-btn:focus {
    background-color: #0db9f2;
    border-color: #0db9f2;
    color: #fff;
}
.doctor-img1{
    margin-right: 20px;
}
.doctor-img1 img{
    border-radius: 4px;
}

/*-----------------
17. Doctor Profile
-----------------------*/

.clinic-direction {
    color: #757575;
    font-size: 14px;
    margin-bottom: 25px;
}
.clinic-direction a {
    color: var(--site-color-primary);
    font-weight: 500;
}
.doctor-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.doctor-action a + a {
    margin-top: 10px;
    margin-right: 10px;
}
.doctor-action .fav-btn:hover {
    background-color: #fb1612;
    border-color: #fb1612;
    color: #fff;
}
.call-btn {
    width: 100%;
    font-size: 13px;
}
.msg-btn {
    width: 100%;
    font-size: 13px;
}
.user-tabs .nav-tabs > li > button {
    border: 0;
    border-bottom: 3px solid transparent;
    background-color: var(--site-color-gray2);
    color: #333;
    font-weight: 500;
    padding: 12px;
    font-size: 13px;
        width: 100%;
}
.user-tabs .nav-tabs.nav-tabs-bottom > li > button.active,
.user-tabs .nav-tabs.nav-tabs-bottom > li > button.active:hover,
.user-tabs .nav-tabs.nav-tabs-bottom > li > button.active:focus {
    border-bottom-width: 3px;
    color: var(--site-color-primary);
    border-color: var(--site-color-primary);
    background-color: #fff;
}
.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active,
.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:hover,
.user-tabs .nav-tabs.nav-tabs-bottom > li > a.active:focus {
    border-bottom-width: 3px;
    color: var(--site-color-primary);
    border-color: var(--site-color-primary);
}
.user-tabs .med-records {
    display: inline-block;
    min-width: 130px;
}
.user-tabs .nav-tabs > li > button:hover {
    background-color: unset;
    color: var(--site-color-primary);
}
.widget {
    margin-bottom: 20px;
}
.widget-title {
    margin-bottom: 15px;
}
.experience-box {
    position: relative;
}
.experience-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.experience-list::before {
    background: #ddd;
    bottom: 0;
    content: "";
    left: 8px;
    position: absolute;
    top: 8px;
    width: 2px;
}
.experience-list > li {
    position: relative;
}
.experience-list > li:last-child .experience-content {
    margin-bottom: 0;
}
.experience-user .avatar {
    height: 32px;
    line-height: 32px;
    margin: 0;
    width: 32px;
}
.experience-list > li .experience-user {
    background: #fff;
    height: 10px;
    left: 4px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4px;
    width: 10px;
}
.experience-list > li .experience-content {
    background-color: #fff;
    margin: 0 0 20px 40px;
    padding: 0;
    position: relative;
}
.experience-list > li .experience-content .timeline-content {
    color: #757575;
}
.experience-list > li .experience-content .timeline-content a.name {
    font-weight: 500;
}
.experience-list > li .time {
    color: #757575;
    display: block;
    font-size: 13px;
}
.before-circle {
    background-color: rgba(32, 192, 243, 0.2);
    border-radius: 50%;
    height: 12px;
    width: 12px;
    border: 2px solid var(--site-color-primary);
}
.exp-year {
    color: var(--site-color-primary);
    margin-bottom: 2px;
}
.exp-title {
    font-size: 16px;
}
.awards-widget .experience-list > li:last-child p {
    margin-bottom: 0;
}
.service-list {
    margin-bottom: 30px;
}
.service-list:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.service-list ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.service-list ul li {
    float: left;
    margin: 6px 0;
    padding-left: 25px;
    position: relative;
    width: 33%;
}
.service-list ul li::before {
    color: #ccc;
    content: '\f30b';
    font-family: "Line Awesome Free";
    font-weight: 900;
    left: 0;
    position: absolute;
}
.galery-list {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 20px;
}
.galery-list + .galery-list {
    margin-top: 20px;
}
.location-list {
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding: 20px;
}
.location-list + .location-list {
    margin-top: 20px;
}
.clinic-content .clinic-name {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 3px;
}
.clinic-content .clinic-direction a {
    display: inline-block;
    margin-top: 8px;
}
.timings-days {
    font-weight: bold;
    color: #272b41;
    margin-bottom: 5px;
}
.timings-times span {
    display: block;
}
.galery-list .consult-price {
    font-size: 20px;
    font-weight: 500;
    color: #272b41;
}
.location-list .consult-price {
    font-size: 20px;
    font-weight: 500;
    color: #272b41;
}
.review-listing {
    border-bottom: 1px solid #f5f7fc;
    padding-bottom: 10px;
}
.review-listing > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.review-listing > ul li + li {
    margin-top: 20px;
    border-top: 1px dashed #f0f0f0;
    padding-top: 20px;
}
.review-listing > ul li .comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    position: relative;
}
.review-listing > ul li .comment:last-child {
    margin-bottom: 0;
}
.review-listing > ul li .comment .comment-body {
    margin-left: 16px;
    width: 100%;
}
.review-listing > ul li .comment .comment-body .meta-data {
    position: relative;
    margin-bottom: 10px;
}
.review-listing > ul li .comment .comment-body .meta-data span {
    display: block;
    font-size: 16px;
    color: #757575;
}
.review-listing > ul li .comment .comment-body .meta-data span.comment-author {
    font-weight: 600;
    color: #272b41;
    text-transform: capitalize;
}
.review-listing > ul li .comment .comment-body .meta-data span.comment-date {
    font-size: 14px;
}
.review-listing > ul li .comment .comment-body .meta-data .review-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 3px;
    right: 0;
    width: auto;
}
.review-listing > ul li .comment .comment-body .meta-data .review-count i{
    font-size: 16px;
}
.review-listing > ul li .comment .comment-body .comment-content {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 500;
}
.review-listing > ul li .comment .comment-body .comment-reply .comment-btn {
    color: var(--site-color-primary);
    display: inline-block;
    font-weight: 500;
    font-size: 15px;
}
.review-listing .recommend-btn {
    float: right;
    color: #757575;
    font-size: 14px;
    padding: 5px 0;
    margin-bottom: 0;
    width: 100%;
}
.review-listing .recommend-btn a {
    border: 1px solid rgba(128,137,150,0.4);
    border-radius: 4px;
    display: inline-block;
    padding: 4px 12px;
    color: #ffffff;
    margin-left: 3px;
    margin-right: 3px;
    transition: all .3s;
}
.review-listing .recommend-btn a.like-btn:hover {
    background-color: #28a745;
    border: 1px solid #28a745;
    color: #fff;
}
.review-listing .recommend-btn a.dislike-btn:hover {
    background-color: #dc3545;
    border: 1px solid #dc3545;
    color: #fff;
}
.review-listing .recommend-btn a i {
    font-size: 16px;
}
.review-listing > ul li .comments-reply {
    list-style: none;
    margin-left: 65px;
    padding: 0;
}
.recommended {
    color: #28a745;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}
.star-rating {
    direction: rtl;
}
.star-rating input[type=radio] {
    display: none
}
.star-rating label {
    color: #bbb;
    cursor: pointer;
    font-size: 26px;
    padding: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input[type=radio]:checked ~ label {
    color: #f2b600
}
.terms-accept a {
    color: var(--site-color-primary);
    font-weight: 500;
}
.business-widget {
    background-color: #fcfcfc;
    border: 1px solid #f0f0f0;
    padding: 20px;
    margin-bottom: 0;
}
.listing-day {
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    margin-bottom: 10px;
}
.listing-day:last-child {
    margin-bottom: 0;
}
.listing-day.current {
    border-bottom: 1px solid #ddd;
    padding-bottom: 13px;
    margin-bottom: 13px;
}
.listing-day .day {
    font-weight: 500;
}
.listing-day.current .day {
    font-weight: bold;
}
.listing-day.current .day span {
    display: block;
    font-weight: normal;
}
.time-items {
    color: #757575;
}
.time-items > span {
    display: block;
    text-align: right;
}
.time-items > span.open-status {
    margin-bottom: 3px;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message {
    display: none;
}
/*-----------------
18. Booking
-----------------------*/

.booking-doc-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.booking-info h4{
    font-size: 14px;
}
.booking-doc-info .booking-doc-img {
    width: 80px;
    margin-right: 15px;
}
.booking-doc-info .booking-doc-img img {
    border-radius: 4px;
    height: 80px;
    width: 80px;
    object-fit: cover;
}
.schedule-widget {
    border-radius: 4px;
    min-height: 100px;
}
.schedule-header h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 3px 0 0;
}
.schedule-header {
    border-bottom: 1px solid #f0f0f0;
    border-radius: 4px 4px 0 0;
    padding: 10px 20px;
}
.day-slot ul {
    float: left;
    list-style: none;
    margin-bottom: 0;
    margin-left: -5px;
    margin-right: -5px;
    padding: 0;
    position: relative;
    width: 100%;
}
.day-slot li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    width: 14.28%;
}
.day-slot li span {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
}
.day-slot li span.slot-date {
    display: block;
    color: #757575;
    font-size: 14px;
}
.slot-date{
    width: 100%;
    display: block;
}
.day-slot li small.slot-year {
    color: #757575;
    font-size: 14px;
}
.day-slot li.left-arrow {
    left: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 20px !important;
    transform: translateY(-50%);
}
.day-slot li.right-arrow {
    right: -11px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 20px !important;
    transform: translateY(-50%);
}
.schedule-cont {
    padding: 20px;
}
.time-slot ul {
    list-style: none;
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 0;
    padding: 0;
}
.time-slot li {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    width: 14.28%;
}
.time-slot li .timing {
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
    color: #757575;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px 5px;
    text-align: center;
    position: relative;
}
.time-slot li .timing:hover {
    background-color: #fff;
}
.time-slot li .timing:last-child {
    margin-bottom: 0;
}
.time-slot li .timing.selected {
    background-color: #42c0fb;
    border: 1px solid #42c0fb;
    color: #fff;
}


.time-slot li .timing.selected::before {
    color: #fff;
    content: "\f00c";
    font-family: "Line Awesome Free";
    font-size: 12px;
    font-weight: 900;
    position: absolute;
    right: 6px;
    top: 6px;
}
.schedule-list {
    border-bottom: 1px solid #cfcfcf;
    margin-bottom: 50px;
    padding-bottom: 50px;
}
.schedule-list:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.submit-section.proceed-btn {
    margin: 0 0 30px;
}

/*-----------------
19. Checkout
-----------------------*/

.info-widget {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.card-label > label {
    background-color: #fff;
    color: #959595;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    margin: 6px auto auto 8px;
    padding: 0 7px;
}
.card-label > input {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05);
    display: block;
    height: 50px;
    margin-top: -13px;
    padding: 5px 15px 0;
    transition: border-color .3s;
    width: 100%;
}
.exist-customer a {
    color: var(--site-color-primary);
    font-weight: 500;
}
.payment-widget .payment-list + .payment-list {
    margin-bottom: 15px;
}
.payment-radio {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    line-height: 25px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
    color: #272b41;
    text-transform: capitalize;
}
.payment-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.payment-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    margin: 3px 0 0 0;
    border: 2px solid #ddd;
    border-top-color: rgb(221, 221, 221);
    border-right-color: rgb(221, 221, 221);
    border-bottom-color: rgb(221, 221, 221);
    border-left-color: rgb(221, 221, 221);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.payment-radio input:checked ~ .checkmark {
    border-color: var(--site-color-primary);
}
.payment-radio .checkmark::after {
    position: absolute;
    left: 2px;
    top: 2px;
    content: '';
    width: 8px;
    height: 8px;
    background-color: var(--site-color-primary);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -o-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.payment-radio input:checked ~ .checkmark::after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}
.booking-date {
    padding: 0;
    list-style: none;
}
.booking-date li {
    position: relative;
    font-size: 12px;
    font-weight: 500;
    color: #272b41;
    text-transform: capitalize;
    margin-bottom: 30px;
}
.booking-date li span {
    float: right;
    color: #757575;
    font-weight: 400;
    font-size: 12px;
    text-align: right;
}
.booking-date li span a{
    color: var(--site-color-primary);
    font-size: 13px;
    width: 100%;
    display: inline-block;
}
.booking-fee {
    padding: 0;
    list-style: none;
}
.booking-fee li {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #272b41;
    text-transform: capitalize;
    margin-bottom: 15px;
}
.booking-fee li span {
    float: right;
    color: #757575;
    font-weight: 400;
    font-size: 15px;
}
.booking-total {
    border-top: 1px solid #e4e4e4;
    margin-top: 20px;
    padding-top: 20px;
}
.booking-total ul {
    padding: 0;
    list-style: none;
    margin: 0;
}
.booking-total ul li span {
    font-size: 18px;
    font-weight: 600;
    color: #272b41;
}
.booking-total ul li .total-cost {
    color: var(--site-color-primary);
    font-size: 16px;
    float: right;
}

/*-----------------
20. Booking Success
-----------------------*/

.success-page-cont {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display:flex;
}
.success-card .card-body {
    padding: 50px 20px;
}
.success-cont {
    text-align: center;
}
.success-cont i {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    width: 60px;
    height: 60px;
    border: 2px solid var(--site-color-primary);
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    font-size: 30px;
    margin-bottom: 30px;
    background-color: var(--site-color-primary);
}
.success-cont h3 {
    font-size: 24px;
}
.success-cont p {
    margin-bottom: 30px;
}
.success-cont strong {
    font-weight: 600;
}
.view-inv-btn {
    font-size: 16px;
    font-weight: 600;
    padding: 12px 30px;
}

/*-----------------
21. Invoice View
-----------------------*/

.invoice-content {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    margin-bottom: 30px;
    padding: 30px;
}
.invoice-item .invoice-logo {
    margin-bottom: 30px;
}
.invoice-item .invoice-logo img {
    width: auto;
    max-height: 52px;
}
.invoice-item .invoice-text h2 {
    color:#272b41;
    font-size:36px;
    font-weight:600;
}
.invoice-item .invoice-details {
    text-align:right;
    color:#757575;
    font-weight:500
}
.invoice-item .invoice-details strong {
    color:#272b41
}
.invoice-item .invoice-details-two {
    text-align:left
}
.invoice-item .invoice-text {
    padding-top:42px;
    padding-bottom:36px
}
.invoice-item .invoice-text h2 {
    font-weight:400
}
.invoice-info {
    margin-bottom: 30px;
}
.invoice-info p {
    margin-bottom: 0;
}
.invoice-info.invoice-info2 {
    text-align: right;
}
.invoice-item .customer-text {
    font-size: 18px;
    color: #272b41;
    font-weight: 600;
    margin-bottom: 8px;
    display: block
}
.invoice-table tr th,
.invoice-table tr td,
.invoice-table-two tr th,
.invoice-table-two tr td {
    color: #272b41;
    font-weight: 600;
    padding: 10px 20px;
    line-height: inherit
}
.invoice-table tr td,
.invoice-table-two tr td {
    color: #757575;
    font-weight: 500;
}
.invoice-table-two {
    margin-bottom:0
}
.invoice-table-two tr th,
.invoice-table-two tr td {
    border-top: 0;
}
.invoice-table-two tr td {
    text-align: right
}
.invoice-info h5 {
    font-size: 16px;
    font-weight: 500;
}
.other-info {
    margin-top: 10px;
}

/*-----------------
22. Schedule Timings
-----------------------*/

.tab-content.schedule-cont .card-title {
    margin-bottom: 10px;
}
.doc-times {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.doc-slot-list {
    background-color: #d9534f;
    border: 1px solid #d43f3a;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    margin: 10px 10px 0 0;
    padding: 6px 15px;
}
.doc-slot-list a {
    color: #e48784;
    display: inline-block;
    margin-left: 5px;
}
.doc-slot-list a:hover {
    color: #fff;
}
.schedule-nav .nav-tabs {
    border: 0 !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.schedule-nav .nav-tabs li {
    margin: 5px 15px 5px 0;
    display: inline-block;
}
.schedule-nav .nav-tabs li:last-child {
    margin-right: 0;
}
.schedule-nav .nav-tabs > li > a {
    border: 1px solid #dcddea;
    border-radius: 4px;
    padding: 6px 15px;
    text-transform: uppercase;
}
.schedule-nav .nav-tabs li a.active {
    background: #ff4877;
    border: 1px solid #ff4877 !important;
    color: #fff;
}
.hours-info .form-control {
    min-height: auto;
}
.hours-info .btn.btn-danger.trash {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 38px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.edit-link {
    color: var(--site-color-primary);
    font-size: 16px;
    margin-top: 4px;
}

/*-----------------
23. Doctor Dashboard
-----------------------*/

.dash-widget {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.circle-bar {
    margin-right: 15px;
}
.dct-border-rht {
    border-right: 1px solid #f0f0f0;
}
.dash-widget h6 {
    font-size: 16px;
    font-weight: 400;
}
.dash-widget h3 {
    font-size: 24px;
    margin-bottom: 5px;
}
.dash-widget p {
    color: #757575;
    font-size: 14px;
    margin-bottom: 0;
}
.circle-bar > div {
    display: inline-block;
    position: relative;
    text-align: center;
}
.circle-bar > div img {
    left: 0;
    position: absolute;
    top: 50%;
    right: 0;
    text-align: center;
    margin: 0 auto;
    transform: translateY(-50%);
}
.circle-bar > div canvas {
    width: 90px !important;
    height: 90px !important;
}
.dash-card .row {
    margin-left: -10px;
    margin-right: -10px;
}
.dash-card .row > div {
    padding-left: 10px;
    padding-right: 10px;
}
.appointment-tab {
    margin-bottom: 30px;
}
.appointment-tab .nav-tabs {
    background-color: #fff;
    padding: 1.5rem;
    border: 1px solid #f0f0f0;
    border-radius: .25rem 0.25rem 0 0 !important;
    border-bottom: 0;
}
.appointment-tab .tab-content {
    padding-top: 0;
}
.appointment-tab .card {
    border-radius: 0;
}
.submit-btn-bottom {
    margin-bottom: 30px;
}

/*-----------------
24. Patient Profile
-----------------------*/

.add-new-btn {
    background-color: #0860dd;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 10px 20px;
}
.add-new-btn:focus, .add-new-btn:hover,.add-new-btn:active {
    background-color: #0860dd;
    color: #fff;
}
.patient-info {
    margin-top: 15px;
}
.patient-info ul {
    padding: 0;
    list-style: none;
    font-size: .875rem;
    margin: 0;
}
.patient-info ul li {
    position: relative;
    font-size: .875rem;
    font-weight: 500;
    color: #272b41;
    text-transform: capitalize;
}
.patient-info ul li + li {
    margin-top: 15px;
}
.patient-info ul li i {
    width: 18px;
}
.patient-info ul li span {
    color: #757575;
    float: right;
    font-weight: 400;
}

/*-----------------
25. Add Billing
-----------------------*/

.biller-info, .billing-info {
    margin-bottom: 15px;
}
.add-more-item {
    margin-bottom: 10px;
}
.add-more-item a {
    color: #0860dd;
    font-weight: 500;
}
.signature-wrap {
    float: right;
    margin-bottom: 20px;
    text-align: center;
    width: 220px;
}
.signature {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px dashed #ccc;
    border-radius: 4px;
    color: #272b41;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    height: 85px;
    margin-bottom: 15px;
    width: 100%;
}
.signature:hover {
    background-color: #fcfcfc;
}
.sign-name {
    width:100%;
    float:right;
}
.pat-widget-profile .pro-widget-content {
    padding: 0;
}
.pat-widget-profile .booking-date li {
    font-size: .875rem;
}
.pat-widget-profile .booking-date li span {
    font-size: .875rem;
}

/*-----------------
26. Chat
-----------------------*/

.chat-page .content {
    padding: 0;
}
.chat-page .content > .container-fluid {
    padding: 0;
}
.chat-page .footer {
    display: none;
}
.chat-window {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.chat-cont-left {
    border-right: 1px solid #f0f0f0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    left: 0;
    max-width: 35%;
    position: relative;
    z-index: 4;
}
.chat-cont-left .chat-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    color: #272b41;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 0 15px;
}
.chat-cont-left .chat-header span {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}
.chat-cont-left .chat-header .chat-compose {
    color: #8a8a8a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.chat-cont-left .chat-search {
    background-color: #f5f5f6;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 15px;
    width: 100%;
}
.chat-cont-left .chat-search .input-group {
    width: 100%;
}
.chat-cont-left .chat-search .input-group .form-control {
    background-color: #fff;
    border-radius: 50px;
    padding-left: 36px;
}
.chat-cont-left .chat-search .input-group .form-control:focus {
    border-color: #ccc;
    box-shadow: none;
}
.chat-cont-left .chat-search .input-group .input-group-prepend {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 15px;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: 4;
}
.chat-window .chat-scroll {
    min-height: 300px;
    max-height: calc(100vh - 224px);
    overflow-y: auto;
}
.chat-cont-left .chat-users-list {
    background-color: #fff;
}
.chat-cont-left .chat-users-list a.media {
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 15px;
    transition: all 0.2s ease 0s;
}
.chat-cont-left .chat-users-list a.media:last-child {
    border-bottom: 0;
}
.chat-cont-left .chat-users-list a.media .media-img-wrap {
    margin-right: 15px;
    position: relative;
}
.chat-cont-left .chat-users-list a.media .media-img-wrap .avatar {
    height: 45px;
    width: 45px;
}
.chat-cont-left .chat-users-list a.media .media-img-wrap .status {
    bottom: 7px;
    height: 10px;
    right: 4px;
    position: absolute;
    width: 10px;
    border: 2px solid #fff;
}
.chat-cont-left .chat-users-list a.media .media-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name,
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat {
    max-width: 249px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-name {
    color: #272b41;
    text-transform: capitalize;
}
.chat-cont-left .chat-users-list a.media .media-body > div:first-child .user-last-chat {
    color: #8a8a8a;
    font-size: 14px;
    line-height: 24px;
}
.chat-cont-left .chat-users-list a.media .media-body > div:last-child {
    text-align: right;
}
.chat-cont-left .chat-users-list a.media .media-body > div:last-child .last-chat-time {
    color: #8a8a8a;
    font-size: 13px;
}
.chat-cont-left .chat-users-list a.media:hover {
    background-color: #f5f5f6;
}
.chat-cont-left .chat-users-list a.media.read-chat .media-body > div:last-child .last-chat-time {
    color: #8a8a8a;
}
.chat-cont-left .chat-users-list a.media.active {
    background-color: #f5f5f6;
}
.chat-cont-right {
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
    max-width: 65%;
}
.chat-cont-right .chat-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 72px;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    padding: 0 15px;
}
.chat-cont-right .chat-header .back-user-list {
    display: none;
    margin-right: 5px;
    margin-left: -7px;
}
.chat-cont-right .chat-header .media {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.chat-cont-right .chat-header .media .media-img-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
}
.chat-cont-right .chat-header .media .media-img-wrap .avatar {
    height: 50px;
    width: 50px;
}
.chat-cont-right .chat-header .media .media-img-wrap .status {
    border: 2px solid #fff;
    bottom: 0;
    height: 10px;
    position: absolute;
    right: 3px;
    width: 10px;
}
.chat-cont-right .chat-header .media .media-body .user-name {
    color: #272b41;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}
.chat-cont-right .chat-header .media .media-body .user-status {
    color: #666;
    font-size: 14px;
}
.chat-cont-right .chat-header .chat-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.chat-cont-right .chat-header .chat-options > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    color: #8a8a8a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    margin-left: 10px;
    width: 30px;
}
.chat-cont-right .chat-body {
    background-color: #f5f5f6;
}
.chat-cont-right .chat-body ul.list-unstyled {
    margin: 0 auto;
    padding: 15px;
    width: 100%;
}
.chat-cont-right .chat-body .media .avatar {
    height: 30px;
    width: 30px;
}
.chat-cont-right .chat-body .media .media-body {
    margin-left: 20px;
}
.chat-cont-right .chat-body .media .media-body .msg-box > div {
    padding: 10px 15px;
    border-radius: .25rem;
    display: inline-block;
    position: relative;
}
.chat-cont-right .chat-body .media .media-body .msg-box > div p {
    color: #272b41;
    margin-bottom: 0;
}
.chat-cont-right .chat-body .media .media-body .msg-box + .msg-box {
    margin-top: 5px;
}
.chat-cont-right .chat-body .media.received {
    margin-bottom: 20px;
}
.chat-cont-right .chat-body .media:last-child {
    margin-bottom: 0;
}
.chat-cont-right .chat-body .media.received .media-body .msg-box > div {
    background-color: #fff;
}
.chat-cont-right .chat-body .media.sent {
    margin-bottom: 20px;
}
.chat-cont-right .chat-body .media.sent .media-body {
    -webkit-box-align: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    margin-left: 0;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div {
    background-color: #e3e3e3;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div p {
    color: #272b41;
}
.chat-cont-right .chat-body .chat-date {
    font-size: 14px;
    margin: 1.875rem 0;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-transform: capitalize;
}
.chat-cont-right .chat-body .chat-date:before {
    background-color: #e0e3e4;
    content: "";
    height: 1px;
    margin-right: 28px;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 100%;
}
.chat-cont-right .chat-body .chat-date:after {
    background-color: #e0e3e4;
    content: "";
    height: 1px;
    left: 50%;
    margin-left: 28px;
    position: absolute;
    top: 50%;
    width: 100%;
}
.chat-cont-right .chat-footer {
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    padding: 10px 15px;
    position: relative;
}
.chat-cont-right .chat-footer .input-group {
    width: 100%;
}
.chat-cont-right .chat-footer .input-group .form-control {
    background-color: #f5f5f6;
    border: none;
    border-radius: 50px;
}
.chat-cont-right .chat-footer .input-group .form-control:focus {
    background-color: #f5f5f6;
    border: none;
    box-shadow: none;
}
.chat-cont-right .chat-footer .input-group .input-group-prepend .btn,
.chat-cont-right .chat-footer .input-group .input-group-append .btn {
    background-color: transparent;
    border: none;
    color: #9f9f9f;
}
.chat-cont-right .chat-footer .input-group .input-group-append .btn.msg-send-btn {
    background-color: #0860dd;
    border-color: #0860dd;
    border-radius: 50%;
    color: #fff;
    margin-left: 10px;
    min-width: 46px;
    font-size: 20px;
}
.msg-typing {
    width: auto;
    height: 24px;
    padding-top: 8px
}
.msg-typing span {
    height: 8px;
    width: 8px;
    float: left;
    margin: 0 1px;
    background-color: #a0a0a0;
    display: block;
    border-radius: 50%;
    opacity: .4
}
.msg-typing span:nth-of-type(1) {
    animation: 1s blink infinite .33333s
}
.msg-typing span:nth-of-type(2) {
    animation: 1s blink infinite .66666s
}
.msg-typing span:nth-of-type(3) {
    animation: 1s blink infinite .99999s
}
.chat-cont-right .chat-body .media.received .media-body .msg-box {
    position: relative;
}
.chat-cont-right .chat-body .media.received .media-body .msg-box:first-child:before {
    border-bottom: 6px solid transparent;
    border-right: 6px solid #fff;
    border-top: 6px solid transparent;
    content: "";
    height: 0;
    left: -6px;
    position: absolute;
    right: auto;
    top: 8px;
    width: 0;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box {
    padding-left: 50px;
    position: relative;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box:first-child:before {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #e3e3e3;
    border-top: 6px solid transparent;
    content: "";
    height: 0;
    left: auto;
    position: absolute;
    right: -6px;
    top: 8px;
    width: 0;
}
.chat-msg-info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clear: both;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 5px 0 0;
}
.chat-msg-info li {
    font-size: 13px;
    padding-right: 16px;
    position: relative;
}
.chat-msg-info li:not(:last-child):after {
    position: absolute;
    right: 8px;
    top: 50%;
    content: '';
    height: 4px;
    width: 4px;
    background: #d2dde9;
    border-radius: 50%;
    transform: translate(50%, -50%)
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box .chat-msg-info li:not(:last-child)::after {
    right: auto;
    left: 8px;
    transform: translate(-50%, -50%);
    background: #aaa;
}
.chat-cont-right .chat-body .media.received .media-body .msg-box > div .chat-time {
    color: rgba(50, 65, 72, 0.4);
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-time {
    color: rgba(50, 65, 72, 0.4);
}
.chat-msg-info li a {
    color: #777;
}
.chat-msg-info li a:hover {
    color: #2c80ff
}
.chat-seen i {
    color: #00d285;
    font-size: 16px;
}
.chat-msg-attachments {
    padding: 4px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 -1px
}
.chat-msg-attachments > div {
    margin: 0 1px
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-info {
    flex-direction: row-reverse;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-attachments {
    flex-direction: row-reverse
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div .chat-msg-info li {
    padding-left: 16px;
    padding-right: 0;
    position: relative;
}
.chat-attachment img {
    max-width: 100%;
}
.chat-attachment {
    position: relative;
    max-width: 130px;
    overflow: hidden;
}
.chat-attachment {
    border-radius: .25rem;
}
.chat-attachment:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    content: "";
    opacity: 0.4;
    transition: all .4s;
}
.chat-attachment:hover:before {
    opacity: 0.6;
}
.chat-attach-caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    padding: 7px 15px;
    font-size: 13px;
    opacity: 1;
    transition: all .4s;
}
.chat-attach-download {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all .4s;
    color: #fff;
    width: 32px;
    line-height: 32px;
    background: rgba(255, 255, 255, 0.2);
    text-align: center;
}
.chat-attach-download:hover {
    color: #495463;
    background: #fff;
}
.chat-attachment:hover .chat-attach-caption {
    opacity: 0;
}
.chat-attachment:hover .chat-attach-download {
    opacity: 1;
}
.chat-attachment-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -5px;
}
.chat-attachment-list li {
    width: 33.33%;
    padding: 5px;
}
.chat-attachment-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 5px solid rgba(230, 239, 251, 0.5);
    height: 100%;
    min-height: 60px;
    text-align: center;
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.chat-cont-right .chat-body .media.sent .media-body .msg-box > div:hover .chat-msg-actions {
    opacity: 1;
}
.chat-msg-actions {
    position: absolute;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: all .4s;
    z-index: 2;
}
.chat-msg-actions > a {
    padding: 0 10px;
    color: #495463;
    font-size: 24px;
}
.chat-msg-actions > a:hover {
    color: #2c80ff;
}

@keyframes blink {
    50% {
        opacity: 1
    }
}
.btn-file {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 20px;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    overflow: hidden;
    padding: 0 0.75rem;
    position: relative;
    vertical-align: middle;
}
.btn-file input {
    cursor: pointer;
    filter: alpha(opacity=0);
    font-size: 23px;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

/*-----------------
27. Doctor Profile Settings
-----------------------*/

.profile-image img {
    margin-bottom: 1.5rem;
}
.change-photo-btn {
    background-color: var(--site-color-primary);
    border-radius: 50px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 0 auto;
    padding: 10px 15px;
    position: relative;
    transition: .3s;
    text-align: center;
    width: 220px;
}
.change-photo-btn input.upload {
    bottom: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 220px;
}
.dropzone {
    background-color: #fbfbfb!important;
    border: 1px solid #dcdcdc!important;
    border-radius: 15px;
}
.dropzone h3{
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
}
.btn-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: absolute;
    padding: 0;
    font-size: 10px;
    width: 20px;
    height: 20px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    right: 3px;
    top: 3px;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.upload-images {
    position: relative;
    width: 80px;
}
.upload-images img {
    border-radius: 4px;
    height: 80px;
    width: auto;
}
.upload-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.upload-wrap .upload-images + .upload-images {
    margin-left: 20px;
}
.contact-card .card-body {
    padding-bottom: 0.625rem;
}
.custom_price_cont {
    margin-top: 20px;
}
.btn.btn-danger.trash {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 46px;
    width: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.add-more a {
    color: var(--site-color-primary);
}
.bootstrap-tagsinput {
    border-color: #dcdcdc;
    box-shadow: inherit;
    min-height: 46px;
    width: 100%;
    border-radius: 0;
}
.bootstrap-tagsinput.focus {
    border-color: #bbb;
}
.bootstrap-tagsinput .tag {
    background-color: var(--site-color-primary);
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-right: 2px;
    padding: 11px 15px;
    border-radius: 0;
}
.services-card .bootstrap-tagsinput input {
    width: 160px;
}
.submit-section .submit-btn {
    padding: 12px 30px;
    font-weight: 600;
    font-size: 16px;
    min-width: 120px;
}
.submit-section .submit-btn.BtnNewPrimary:disabled{
    opacity: .5;
    cursor: no-drop;
}
.submit-section .submit-btn + .submit-btn {
    margin-left: 15px;
}

/*-----------------
28. Calendar
-----------------------*/

#calendar-events {
    background-color: #fcfcfc;
}
.calendar-events {
    border: 1px solid transparent;
    cursor: move;
    padding: 10px 15px;
}
.calendar-events:hover {
    border-color: #e9e9e9;
    background-color: #fff;
}
.calendar-events i {
    margin-right: 8px;
}
.calendar {
    float: left;
    margin-bottom: 0;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5rem;
}
.none-border .modal-footer {
    border-top: none;
}
.fc-toolbar h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    text-transform: uppercase;
}
.fc-day {
    background: #fff;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
    z-index: 0;
}
.fc th.fc-widget-header {
    background: #eeeeee;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0;
    text-transform: uppercase;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-popover {
    border-color: #f3f3f3;
}
.fc-basic-view .fc-day-number,
.fc-basic-view .fc-week-number {
    padding: 2px 5px;
}
.fc-button {
    background: #f1f1f1;
    border: none;
    color: #797979;
    text-transform: capitalize;
    box-shadow: none !important;
    border-radius: 3px !important;
    margin: 0 3px !important;
    padding: 6px 12px;
    height: auto !important;
}
.fc-text-arrow {
    font-family: inherit;
    font-size: 16px;
}
.fc-state-hover {
    background: #f3f3f3;
}
.fc-state-highlight {
    background: #f0f0f0;
}
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    background-color: var(--site-color-primary) !important;
    color: #fff !important;
    text-shadow: none !important;
}
.fc-cell-overlay {
    background: #f0f0f0;
}
.fc-unthemed .fc-today {
    background: #fff;
}
.fc-event {
    border-radius: 2px;
    border: none;
    color: #000 !important;
    cursor: pointer;
    font-size: 13px;
    margin: 1px 7px;
    padding: 2px;
    text-align: center;
}
.fc-basic-view td.fc-week-number span {
    padding-right: 8px;
    font-weight: 700;
}
.fc-basic-view td.fc-day-number {
    padding-right: 8px;
    font-weight: 700;
}
.event-form .input-group .form-control {
    height: 40px;
}

/*-----------------
29. Patient Dashboard
-----------------------*/

.profile-sidebar {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    margin-bottom:30px;
    overflow: hidden;
    margin-top: 80px;
}
.pro-widget-content {
    border-bottom: 1px solid #f0f0f0;
    padding: 20px;
    text-align: center;
}

.profile-info-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
}
.profile-info-widget .booking-doc-img {
    margin-right: 15px;
}
.profile-info-widget .booking-doc-img img {
    border-radius: 4px;
    height: 90px;
    width: 90px;
    object-fit: cover;
}
.profile-det-info {
    overflow: hidden;
}
.profile-det-info h3 {
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.profile-det-info .rating i{
    font-size: 18px;
}
.patient-details h5 {
    color: #757575;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.patient-details h5 i {
    width: 18px;
}
.dashboard-menu ul {
    color: #757575;
    font-size: 14px;
    line-height: 17px;
    list-style: none;
    margin: 0;
    padding: 0;
    text-transform: capitalize;
}
.dashboard-menu ul li {
    line-height: inherit;
}
.dashboard-menu > ul > li {
    border-bottom:1px solid #f0f0f0;
    position: relative;
}
.dashboard-menu > ul > li:last-child {
    border-bottom: 0;
}
.dashboard-menu ul li a span,
.dashboard-menu ul li a i {
    display: inline-block;
    vertical-align: middle;
}
.dashboard-menu > ul > li > a {
    color: #757575;
    display: block;
    padding: 16px 20px;
}
.dashboard-menu > ul > li:hover > a,
.dashboard-menu > ul > li.active > a {
    color:#0860dd;
}
.dashboard-menu ul li a i {
    font-size: 16px;
    margin-right: 10px;
    width: 16px;
}
.unread-msg {
    background-color: var(--site-color-primary);
    border-radius: 2px;
    color: #272b41;
    font-size: 10px;
    font-style: normal;
    padding: 0 5px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

/*-----------------
30. Profile Settings
-----------------------*/

.change-avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.change-avatar .profile-img {
    margin-right: 15px;
}
.change-avatar .profile-img img {
    border-radius: 4px;
    height: 100px;
    width: 100px;
    object-fit: cover;
}
.change-avatar .change-photo-btn {
    margin: 0 0 10px;
    width: 150px;
}
.widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img {
    padding: 0;
}
.widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}

/*-----------------
31. Appoitment List
-----------------------*/

.widget-profile {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
}
.widget-profile .profile-info-widget {
    display: block;
    text-align: center;
}
.widget-profile .profile-info-widget a{
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.widget-profile .profile-info-widget a img{
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 50%;
}
.widget-profile .profile-info-widget .booking-doc-img {
    display: inline-block;
    margin: 0 0 15px;
    width: auto;
    padding: 8px;
    background-color: #f7f7f7;
    border-radius: 50%;
}
.widget-profile .profile-info-widget .booking-doc-img img {
    border-radius: 50%;
    height: 120px;
    width: 120px;
}
.appointment-list .profile-info-widget {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    text-align: left;
}
.appointment-list .profile-info-widget .booking-doc-img img {
    border-radius: 4px;
    height: 120px;
    object-fit: cover;
    width: 120px;
}
.hastabilgiimg .booking-doc-img img {
    border-radius: 4px;
    height: auto;
    object-fit: cover;
    max-width: 100%;
}
.appointments .appointment-list {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding: 40px 20px 20px;
    min-height: 210px;
}
.appointments .appointment-list:last-child {
    margin-bottom: 30px;
}
.appointments .appointment-action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    width: 100%;
}
.appointment-action a + a {
    margin-left: 5px;
}
.appointment-action a {
    font-size: 16px;
    width: 100%;
    margin-bottom: 5px;
    padding: 5px !important;
    font-weight: 500;

}
.appointment-action a:hover {
    color: #fff;

}
.appointment-action a i{
    margin-right: 5px;

}
.info-details {
    list-style: none;
    margin: 0;
    padding: 0;
}
.info-details li .title {
    color: #272b41;
    font-weight: 500;
}
.info-details li .text {
    color: #757575;
    display: block;
    font-size: 16px;
    overflow: hidden;
}
.info-details li {
    margin-bottom: 10px;
}
.info-details li:last-child {
    margin-bottom: 0;
}

/*-----------------
32. Reviews
-----------------------*/

.doc-review.review-listing {
    margin: 0;
}
.review-listing.doc-review > ul > li {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    padding: 20px 20px 40px;
    position: relative;
}

/*-----------------
33. Voice call
-----------------------*/

.modal-open .main-wrapper {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

.call-main-row {
    bottom: 0;
    left: 0;
    overflow: auto;
    padding-bottom: inherit;
    padding-top: inherit;
    position: absolute;
    right: 0;
    top: 0;
}
.call-main-wrapper {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}
.call-view {
    display: table-cell;
    height: 100%;
    float: none;
    padding: 0;
    position: static;
    vertical-align: top;
    width: 75%;
}
.call-window {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
    background-color: #fff;
    border: 1px solid #f0f0f0;
}
.fixed-header {
    background-color: #fff;
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 15px;
}
.fixed-header .navbar {
    border: 0 none;
    margin: 0;
    min-height: auto;
    padding: 0;
}
.fixed-header .user-info a {
    color: #272b41;
    font-weight: 500;
}
.typing-text {
    color: var(--site-color-primary);
    font-size: 12px;
    text-transform: lowercase;
}
.last-seen {
    color: #888;
    display: block;
    font-size: 12px;
}
.custom-menu {
    margin-top: 6px;
}
.fixed-header .custom-menu {
    margin: 0 0 1px;
}
.custom-menu.nav > li > a {
    color: #bbb;
    font-size: 26px;
    line-height: 32px;
    margin-left: 15px;
    padding: 0;
}
.custom-menu.navbar-nav > li > a:hover,
.custom-menu.navbar-nav > li > a:focus {
    background-color: transparent;
}
.custom-menu .dropdown-menu {
    left: auto;
    right: 0;
}
.call-contents {
    display: table-row;
    height: 100%;
}
.call-content-wrap {
    height: 100%;
    position: relative;
    width: 100%;
}
.voice-call-avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-flex: 2;
    flex: 2;
}
.voice-call-avatar .call-avatar {
    margin: 15px;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 3px;
    background-color: #fff;
}
.call-duration {
    display: inline-block;
    font-size: 30px;
    margin-top: 4px;
    position: absolute;
    left: 0;
}
.voice-call-avatar .call-timing-count {
    padding: 5px;
}
.voice-call-avatar .username {
    font-size: 20px;
    font-weight: 500;
}
.call-footer {
    background-color: #fff;
    border-top: 1px solid #f0f0f0;
    padding: 15px;
}
.call-icons {
    text-align: center;
    position: relative;
}
.call-icons .call-items {
    border-radius: 5px;
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}
.call-icons .call-items .call-item {
    display: inline-block;
    text-align: center;
    margin-right: 5px;
}
.call-icons .call-items .call-item:last-child {
    margin-right: 0;
}
.call-icons .call-items .call-item a {
    color: #777;
    border: 1px solid #ddd;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    display: inline-block;
    font-size: 20px;
}
.call-icons .call-items .call-item a i {
    width: 18px;
    height: 18px;
}
.user-video {
    bottom: 0;
    left: 0;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}
.user-video img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}
.user-video video {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}
.my-video {
    position: absolute;
    z-index: 99;
    bottom: 20px;
    right: 20px;
}
.my-video ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.my-video ul li {
    float: left;
    width: 120px;
    margin-right: 10px;
}
.my-video ul li img {
    border: 3px solid #fff;
    border-radius: 6px;
}
.end-call {
    position: absolute;
    top: 7px;
    right: 0;
}
.end-call a {
    background-color: #f06060;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    line-height: 10px;
    padding: 8px 25px;
    text-transform: uppercase;
}
.call-users {
    position: absolute;
    z-index: 99;
    bottom: 20px;
    right: 20px;
}
.call-users ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.call-users ul li {
    float: left;
    width: 80px;
    margin-left: 10px;
}
.call-users ul li img {
    border-radius: 6px;
    padding: 2px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.call-mute {
    width: 80px;
    height: 80px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    text-align: center;
    line-height: 80px;
    border-radius: 6px;
    font-size: 30px;
    color: #fff;
    display: none;
    top: 0;
    border: 3px solid transparent;
}
.call-users ul li a:hover .call-mute {
    display: block;
}
.call-details {
    margin: 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.call-info {
    margin-left: 10px;
    width: 100%;
}
.call-user-details,
.call-timing {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.call-description {
    white-space: nowrap;
    vertical-align: bottom;
}
.call-timing {
    color: #727272;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-top: 1px;
    overflow: hidden;
    white-space: pre;
}

/*-----------------
34. Video Call
-----------------------*/

.content-full {
    height: 100%;
    position: relative;
    width: 100%;
}
.video-window .fixed-header {
    padding: 0;
    border: 0;
}
.video-window .fixed-header .nav > li > a {
    padding: 18px 15px;
}

/*-----------------
35. Outgoing Call
-----------------------*/

.call-box .call-wrapper {
    height: auto;
    text-align: center;
}
.call-box .call-wrapper .call-avatar {
    margin-bottom: 30px;
    cursor: pointer;
    animation: ripple 2s infinite;
}
.call-box .call-wrapper .call-user {
    margin-bottom: 30px;
}
.call-box .call-wrapper .call-user span {
    display: block;
    font-weight: 500;
    text-align: center;
}
.call-box .call-wrapper .call-items {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}
.call-box .call-wrapper .call-items .call-item {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid transparent;
    border-radius: 100%;
    color: #fff;
    line-height: 0;
    margin: 0 5px;
    padding: 15px;
}
.call-box .call-wrapper .call-items .call-item:hover {
    opacity: 0.9;
}
.call-box .call-wrapper .call-items .call-item:first-child {
    margin-top: -30px;
}
.call-box .call-wrapper .call-items .call-item:last-child {
    margin-top: -30px;
}
.call-box .call-wrapper .call-items .call-item.call-end {
    padding: 20px;
    margin: 30px 20px 0;
    background: #f06060;
    border: 1px solid #f06060;
    color: #fff;
    line-height: 0;
    border-radius: 100%;
}
.call-box .call-wrapper .call-items .call-item.call-start {
    padding: 20px;
    margin: 30px 20px 0;
    background: #55ce63;
    border: 1px solid #55ce63;
    color: #fff;
    line-height: 0;
    border-radius: 100%;
}
.call-box.incoming-box .call-wrapper .call-items .call-item.call-start {
    margin: 0 10px;
}
.call-box.incoming-box .call-wrapper .call-items .call-item.call-end {
    margin: 0 10px;
}
.call-box .call-avatar {
    border-radius: 100%;
    height: 140px;
    max-width: 140px;
    min-width: 140px;
    position: relative;
    width: 100%;
    border: 10px solid #fafafa;
}
.call-box .btn {
    background: rgba(0, 0, 0, 0);
    transition: all 0.3s ease 0s;
}
@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    }
    100% {
        -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
    }
}
@keyframes ripple {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
    }
    100% {
        -moz-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
    }
}

/*-----------------
36. Incoming Call
-----------------------*/

.incoming-btns {
    margin-top: 20px;
}
.call-wrapper {
    position: relative;
    height: calc(100vh - 145px);
}
.call-page .footer {
    display: none;
}
.dropdown-action .dropdown-toggle::after {
    display: none;
}
.call-modal .modal-body {
    padding: 40px;
}
.call-modal .modal-content {
    border: 0;
    border-radius: 10px;
}
.call-box .call-wrapper .call-user h4 {
    font-size: 24px;
}

/*-----------------
37. Terms and Conditions
-----------------------*/

.terms-text {
    margin-bottom: 20px;
}
.terms-text h4 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
}
.terms-text p {
    color: #666;
    display: inline-block;
    font-size: 16px;
}

/*-----------------
38. Blog
-----------------------*/

.blog {
    background-color: #fff;
    border-radius: 15px;
    margin-bottom: 30px;
    padding: 1.5rem;
    position: relative;
    transition: all .2s ease;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.1);
}
.blog:hover{
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
}
.blog-image {
    overflow: hidden;
}
.blog-image,
.blog-image > a,
.blog-image img {
    display: block;
    position: relative;
    width: 100%;
    height: 180px;
}
.blog-single-post .blog-image img, .blog-single-post .blog-image , .blog-single-post .blog-image > a  {
    height: auto;
}
.blog-single-post .blog-image ,.blog-single-post .blog-image img{
    height: auto;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
}
.SaglikRehberiItem{
    position: relative;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}
.SaglikRehberiItem a.image{
    display: block;
    position: relative;
    width: 100%;
    height: 200px;
}
.SaglikRehberiItem a.image img{
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    border-radius: 20px 20px 0 0;

    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.SaglikRehberiItem a.image:hover img{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15);
}
.SaglikRehberiItem .PostTime{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px 6px;
    -webkit-box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 10%);
}
.SaglikRehberiItem .PostTime span{
    line-height: 20px;
}
.SaglikRehberiItem .PostTime span.day{
    font-size: 25px;
    margin-bottom: 5px;
    font-weight: 700;
}
.SaglikRehberiItem .PostTime span.mount{
    font-size: 14px;
    font-weight: 600;
}
.SaglikRehberiItem .PostTime span.year{
    font-size: 14px;
    font-weight: 600;
}
.blog-image img {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.blog-image a:hover img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15);
}
.blog-image {
    margin-bottom: 30px;
    border-radius: 15px;
}
.blog-image-bg{
    background-size: cover !important;
    background-position: center center !important;
    height: calc( 70vh );
    display: block;
    margin: 0 auto;
    overflow: hidden;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    margin-bottom: 30px;
    border-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
}
.blogdetay-image-div{
    position: relative;
    height: 450px;
    margin-bottom: 15px;
}
.blogdetay-image {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    height: 100%;
    border-radius: 15px 15px 0 0;
}
/* .blogdetay-image:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    transform: scale(1.02);
} */



.blogdetay-video {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 15px 15px 0px 0px;
    -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);

}



.blogdetay-gallery {
    display: block;
    width: 100%;
    padding: 10px 0;
    height: 120px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease;
    margin-bottom: 15px;
    border-radius: 15px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;

}

.blogdetay-gallery .owl-carousel .owl-item img{
    max-height: 80px;
}

.blogdetay-gallery .imagegalery {
    position: relative;
    width: 100%;
    height: 80px;
    margin-bottom: 15px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    border-radius: 10px;
}

.blogdetay-gallery .imagegalery img {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    height: 100%;
    border-radius: 10px;
}

.blogdetay-gallery .imagegalery:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.makaleyiyazan{
    font-weight: 600;
    letter-spacing: 1px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f9f9f9;
}
.makaleyiyazan i{
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    font-size: 26px;
}
.saglikrehberiFiltre{
    background-color: var(--site-color-primary) !important;
}
.saglikrehberiFiltre h4{
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin: 0px;
    padding: 0px;
}
.saglikrehberiFiltre i{
    position: absolute;
    right: 20px;
    top: 20px;
    padding: 5px;
    font-size: 26px;
    color: #fff;
}
.kurumlarFiltre i{
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    font-size: 26px;
}
.EczaDeposuHeader i{
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    font-size: 26px;
}
.EvdeSaglikHizmetlerHeader i{
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 5px;
    font-size: 26px;
}
.blog-content {
    position: relative;
    padding: 20px;

}
.blog .blog-content a h2{
    font-weight: 600;
    font-size: 22px;
    color: var(--site-color-primary);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.blog .blog-content a:hover h2{
    color: var(--site-color-primary-hover);
}
.blog .blog-content h1{
    font-weight: 600;
    font-size: 26px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.blog .blog-content h2{
    font-weight: 600;
    font-size: 24px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.blog .blog-content h3{
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.blog .blog-content h4{
    font-weight: 600;
    font-size: 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.blog .blog-content h5{
    font-weight: 600;
    font-size: 18px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.blog .blog-content h6{
    font-weight: 600;
    font-size: 16px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.blog .blog-content li{
    list-style: circle;
    line-height: 30px;
    font-size: 13px;
}

.blog .MakaleAltBilgi{
    background-color: var(--site-color-primary-light);
    color: #333;
    padding: 10px 20px;
    border-radius: 5px;
}
.blog .MakaleAltBilgi a{
    color: var(--site-color-primary);
    font-weight: 500;
}
.blog .MakaleAltBilgi a:hover{
    color: var(--site-color-primary-hover);
}
.blog .MakaleAltBilgi2{
    background-color: var(--site-color-gray2);
    color: #333;
    padding: 10px 20px;
    border-radius: 5px;
}
#loadMore{
    font-size: 13px;
}
#showLess{
    font-size: 13px;
}
#loadMore2{
    font-size: 13px;
}
#showLess2{
    font-size: 13px;
}
#loadMore3{
    font-size: 13px;
}
#showLess3{
    font-size: 13px;
}
#showLess3:hover {
    color: #000;
}

#loadMore:hover{
    color: #000;
}
#loadMore3:hover{
    color: #000;
}
#loadMore2:hover{
    color: #000;
}
.blog-title {
    font-size: 22px;
    margin: 0 0 20px;
}
.blog-title a {
    color: #272b41;
    font-size: 15px;
}
.blog-title a:hover {
    color: var(--site-color-primary);
}
.grid-blog .blog-content p {
    margin: 10px 0 15px;
}
.blog-content p {
    color: #666;
    font-size: 16px;
    margin: 0 0 30px;
}
.read-more {
    display: inline-block;
    font-size: 16px;
    padding: 0;
    color: var(--site-color-primary);
    text-decoration: underline;
    font-weight: bold;
}
.blog-info {
    color: #757575;
    font-size: 16px;
    margin-bottom: 15px;
}
.blog-info a {
    color: #757575;
}
.blog-info a:hover {
    color: #757575;
}
.blog-info i {
    color: var(--site-color-primary);
    font-size: 16px;
    margin-right: 5px;
}
.entry-meta {
    color: #757575;
    font-size: 14px;
    list-style: none;
    padding: 0;
}
.entry-meta li {
    display: inline-block;
}
.entry-meta li:last-child {
    margin-right: 0;
}
.blog-pagination{
    margin-left: auto;
    margin-right: auto;
}
.blog-pagination .pagination li a {
    padding: 12px 20px;
    font-weight: 600;
    color: #2E3842;
    margin-right: 10px;
    border-radius: inherit !important;
    border-color: #f0f0f0;
}
.blog-pagination .pagination li.disabled a {
    border-color: #f0f0f0;
}
.blog-pagination .pagination li.active a {
    background: var(--site-color-primary);
    border-color: transparent;
    color: #ffffff;
}
.post-left .post_infos {
    margin: 0;
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.post-left .post_infos div {
    margin-bottom: 5px;
    margin-right: 20px;
    font-size: 13px;
}
.post-left .post_infos div:first-child {
    margin-right: 10px;
}
.post-left .post_infos div:last-child {
    margin-right: 0;
}
.entry-meta.meta-item .post-author{
    display: flex;
}

.contenthastaliklar a{
    display: block;
}
.contenthastaliklar a h3{
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.contenthastaliklar a:hover h3{
    color: var(--site-color-primary);
}
.post-author a {
    font-size: 13px;
    display: flex;
    align-items: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}
.post-author a.post-author_docname{
    width: 100%;
}
.post-author a.post-author_docname h3{
    max-width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin: 0;
    line-height: 30px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.post-author a:hover h3{
    color: var(--site-color-primary);
}

.video {
    position: relative;
    padding-bottom: 56%;
    height: 0;
    overflow: hidden;
}
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.latest-posts {
    margin: 0;
    padding: 0;
}
.latest-posts li {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
.latest-posts li:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
.post-thumb {
    border-radius: 4px;
    width: 80px;
    float: left;
    overflow: hidden;
}
.post-thumb a img {
    border-radius: 4px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    -moz-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -ms-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -o-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    -webkit-transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
    transition: all 2000ms cubic-bezier(.19,1,.22,1) 0ms;
}
.post-thumb a:hover img {
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    transform: scale(1.15);
}
.post-info {
    margin-left: 95px;
}
.post-info h3 {
    font-size: 13px;
    margin: 0 0 5px;
}
.post-info h3 a:hover {
    color: var(--site-color-primary-hover);
}
.post-info h4 {
    font-size: 13px;
    margin: 0 0 5px;
}
.post-info h4 a {
    color: #272b41;
}
.post-info h4 a:hover {
    color: var(--site-color-primary);
}
.post-info p {
    color: #757575;
    font-size: 11px;
    margin: 0;
}
.post-info span.datetarih{
    color: #757575;
    font-size: 11px;
    margin: 0;
}
.post-info p i {
    color: var(--site-color-primary);
    font-size: 14px;
    margin-right: 4px;
}
.category-widget{
    margin-bottom: 30px;
}
.category-widget .categories {
    height: 100%;
    background-color: #fff;
    list-style: none;
    padding: 0;
    border-radius: 0 20px 20px 20px;
}
.category-widget .categories .category{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
    font-size: 11px;
    font-weight: 500;
    padding: 5px 0;
    margin-bottom: 5px;
    border-bottom: 1px solid #f3f3f3;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.category-widget .categories a {
    border-radius: 0px;
    font-size: 13px;
    display: block;
    width: 100%;
}
.category-widget .categories .category:hover {
    color: var(--site-color-primary);
    border-color: var(--site-color-primary);
    padding-left: 5px;
}
.category-widget .categories .category:hover i{
    color: var(--site-color-primary);
}
.category-widget .categories > a > i {
    color: var(--site-color-primary);
    font-size: 18px;
    margin-right: 10px;
}
.tags-widget .card-body {
    padding-bottom: 1rem;
}
.tags {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.tags li {
    float: left;
}
.tag {
    background-color: #fff;
    border-radius: 4px;
    color: #272b41;
    padding: 5px 10px;
    position: relative;
    margin: 0 .5rem .5rem 0;
    font-size: 14px;
    border: 1px solid #ccc;
    display: inline-block;
}
.tag:hover {
    background-color: var(--site-color-primary);
    border-color: var(--site-color-primary);
    color: #fff;
}
.comment-by {
    display: block;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 10px;
}
.comments-list .comment-block p {
    font-size: 12px;
    margin-bottom: 5px;
}

/*-----------------
39. Blog Details
-----------------------*/
.blog-view {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.blog-view .blog-title {
    font-size: 24px;
    color: var(--site-color-primary);
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f3f3;
}
.blog-content p:last-child {
    margin-bottom: 0;
}
.blog-view .blog-info {
    border: 0;
    margin-bottom: 20px;
    padding: 0;
}
.social-share {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.social-share > div {
    display: flex;
    margin-left: 10px;
    text-align: center;
}
.social-share > div:first-child {
    margin-left: 0;
}
.social-share > div > a,
.social-share > div > button {
    background-color: #fff;
    border: 1px solid #eee;
    color: #666;
    height: 40px;
    font-size: 14px;
    padding: 0px 8px;
    line-height: 45px;
    border-radius: 5px;
}
.social-share > div > a i,
.social-share > div > button i{
    font-size: 26px;
    margin-right: 0px;
}
.social-share > div > a span,
.social-share > div > button span{
    margin-left: 8px;
    display: inline-block;
    height: 38px;
    margin-top: -13px;
    vertical-align: middle;
}

.social-share > div > a:hover,
.social-share > div > button:hover {
    background-color: var(--site-color-primary);
    color: #fff;
    border-color:  var(--site-color-primary);
}
.blog-reply > a {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}
.blog-date {
    color: #999;
    font-size: 12px;
}
.blog-comments .comments-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}
.blog-comments .comments-list li {
    clear: both;
    padding-left: 80px;
}
.blog-comments .comments-list li .comment {
    margin-bottom: 20px;
}
.blog-comments .comments-list li .comment-author {
    left: 0;
    position: absolute;
}
.blog-comments .comments-list li img.avatar {
    height: 58px;
    width: 58px;
    border-radius: 58px;
}
.blog-comments .comment-btn {
    color: var(--site-color-primary);
    display: inline-block;
    font-weight: 500;
    font-size: 11px;
}
.blog-author-name {
    color: #272b41;
    font-size: 16px;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-weight: 600;
}
.new-comment label {
    font-weight: 500;
}
.comment-submit .btn {
    background-color: var(--site-color-primary);
    border-color: var(--site-color-primary);
    border-radius: 0;
    font-size: 18px;
    padding: 8px 26px;
    color: #fff;
}
.about-author-img {
    background-color: #fff;
    height: 100px;
    overflow: hidden;
    position: absolute;
    width: 100px;
}
.author-details {
    margin-left: 120px;
}
.author-details .blog-author-name {
    display: inline-block;
    margin-bottom: 10px;
}
.DrImageForPost{
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--site-color-primary-opacity);
    padding: 5px 5px 5px 20px;
    display: flex;
    align-items: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    transform: scaleY(0);
    transform-origin: bottom;
}
.bloghastaliklar:hover .DrImageForPost{
    transform: scaleY(1);
}
.bloghastaliklar .PostDevaminiOku{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.bloghastaliklar .PostDevaminiOku a{
    border-radius: 0px 0px 20px 20px;
    box-shadow: none;
    border-top: 1px solid #f3f3f3;
}
.DrImageForPost .DrImageForPostDiv{
    display: block;
    position: relative;
    width: 50px;
    height: 40px;
}
.DrImageForPost .DrImageForPostDiv img {
    border-radius: 100%;
    margin-right: 10px;
    width: 40px;
    height: 100%;
    margin-right: 10px;
}
.DrImageForPost .PostDrInfo{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.DrImageForPost .PostDrInfo i{
    padding: 5px;
    font-size: 24px;
    color: #fff;
}
.DrImageForPost span{
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}
.custom-edit-service .service-upload {
    border: 1px solid #dcdcdc;
    border-radius: .25rem;
    text-align: center;
    padding: 70px 0;
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
}
.custom-edit-service .service-upload input[type="file"] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.custom-edit-service .service-upload i{
    font-size: 50px;
    color: #858585;
}
.custom-edit-service .service-upload span {
    font-size: 15px;
    color: #858585;
    margin-top: 14px;
    display: block;
}
.custom-edit-service .upload-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.custom-edit-service .upload-wrap li {
    margin: 10px;
}
.custom-edit-service .upload-wrap li:first-child{
    margin-left: 0;
}
.custom-edit-service .upload-wrap li img{
    max-width: 100%;
}
/*-----------------
40. Blog Grid
-----------------------*/

.grid-blog .blog-title {
    font-size: 18px;
    margin: 0 0 5px;
    min-height: 43px;
    font-weight: 600;
}
.grid-blogbg {
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-position-x: right;
}
.grid-blog .blog-content p {
    margin: 0 0 15px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.grid-blog .blog-info {
    margin-bottom: 15px;
}
.grid-blog .blog-image {
    border-top-left-radius: 20px!important;
    border-top-right-radius: 20px!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    margin-bottom: 0px;
}
.blog.grid-blog {
    padding: 0px;
    border-radius: 20px;
}
.bloglink{
    text-align: center;
    margin-top: 30px;
}
.grid-blog .entry-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0px;
}
.grid-blog .entry-meta li {
    margin-bottom: 10px;
    width: 100%;
}

.grid-blog .entry-meta li:first-child {
    text-align: right;
    line-height: 0px;
    color: #aaa;
}

.grid-blog .entry-meta li:last-child {
    /* flex: 0 0 100px; */
    /* max-width: 100px; */
    font-size: 14px;
}
.grid-blog .post-author {
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px;
}
.grid-blog .post-author a:hover {
    color: var(--site-color-primary)
}

/*-----------------
41. Map List & Grid
-----------------------*/
.map-page .footer {
    display: none;
}
.map-page .header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1030;
}
.map-page .content {
    padding-top: 115px;
}
.map-right {
    bottom: 0;
    height: 100%;
    min-height: 100%;
    padding-right: 30px;
    position: fixed;
    right: 0;
    top: 115px;
    z-index: 1029;
}
.map-listing {
    height: calc(100vh - 145px);
    width: 100%;
}
.map-listing .profile-widget {
    width: 200px !important;
    padding: 0;
    border: 0;
    margin-bottom: 0;
}
.map-right .available-info {
    margin-bottom: 0;
}
.view-icons {
    display: inline-flex;
    float: right;
}
.view-icons a {
    align-items: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #212529;
    display: flex;
    font-size: 20px;
    justify-content: center;
    padding: 4px 10px;
    text-align: center;
    margin-left: 10px;
    width: 44px;
    height: 44px;
}
.view-icons a:hover {
    border-color: var(--site-color-primary);
    color: var(--site-color-primary);
}
.view-icons a.active {
    background-color: var(--site-color-primary);
    border-color: var(--site-color-primary);
    color: #fff;
}


/*-----------------
42. Loader
-----------------------*/

#loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}
.loader {
    display: inline-block;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    position: absolute;
    top: 50%;
}
.loader span {
    -webkit-animation: loader 1.3s linear infinite;
    animation: loader 1.3s linear infinite;
    background-color: var(--site-color-primary);
    border-radius: 100%;
    display: inline-block;
    height: 50px;
    position: absolute;
    width: 50px;
}
.loader span:last-child {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
}
@keyframes loader {
    0% {
        transform: scale(0, 0);
        opacity: 0.5;
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}
@-webkit-keyframes loader {
    0% {
        -webkit-transform: scale(0, 0);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: scale(1, 1);
        opacity: 0;
    }
}

/*-----------------
43. Product
-----------------------*/

.product-custom span.price{
    font-size: 20px;
    font-weight: 500;
}
.product-custom span.price-strike{
    font-weight: 400;
    text-decoration: line-through;
    color: #999;
}
.product-custom .cart-icon{
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    float: right;
}
.product-custom .profile-widget:hover .cart-icon{
    color: #fff;
    background-color: #0860dd;
}
.product-description .doctor-img1{
    width: 40%;
}
.doc-info-cont{
    width: 100%;
    text-align: left;
}
.product-description .doc-info-cont{
    width: 60%;
}
.feature-product span{
    padding-bottom: 10px;
    display: inline-block;
}
.feature-product ul li{
    padding: 3px 0;
}
ul.benifits-col li i{
    font-size: 20px;
    margin-right: 20px;
    color: var(--site-color-primary);
}
.custom-increment .input-group1{
    display: flex;
    display: -webkit-flex;
    width: 100%;
}

.custom-increment.cart .input-group1{
    justify-content: center;
    -webkit-justify-content: center;
}
.custom-increment input[type=text]{
    border: 1px solid #dbdbdb;
    border-radius: 0;
    padding: 7px 15px;
    text-align: center;
    width: 70%;
}
.custom-increment.cart input[type=text]{
    width: 60px;
}
.custom-increment input[type=text]:focus{
    border-color: transparent;
}
.custom-increment button{
    font-size: 14px;
    height: 39px;
    background: #dcdcdc;
    color: #000;
    border: 0;
    display: inline-block;
}
.custom-increment button:hover,
.custom-increment button:focus,
.custom-increment button:active {
    background: #dcdcdc !important;
    color: #000 !important;
    border: 0 !important;
}
.custom-increment.cart button{
    font-size: 10px;
}
.custom-increment button.btn-success{
    border-radius: 0 4px 4px 0;
}
.custom-increment button.btn-danger{
    border-radius: 4px 0px 0px 4px;
}

/*-----------------
44. Cart
-----------------------*/
.view-cart-header{
    position: relative;
}
.view-cart-header .shopping-cart {
    margin: 20px 0;
    float: right;
    background: white;
    width: 320px;
    position: absolute;
    right: 0;
    top: 99%;
    border-radius: 3px;
    padding: 20px;
    z-index: 999;
    box-shadow: 0 2px 20px rgba(0,0,0,.2);
    display: none;
}
.view-cart-header .shopping-cart.show-cart{
    opacity: 1;
    visibility: visible;
}
.view-cart-header .shopping-cart-total {
    float: right;
}
.view-cart-header .shopping-cart-items {
    padding-top: 0px;
}
.view-cart-header .shopping-cart-items li {
    margin-bottom: 10px;
    padding-right: 0;
    display: block;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 14px;
    position: relative;
}
.view-cart-header .shopping-cart-items .close-icon{
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer;
}
.view-cart-header .shopping-cart-items img {
    float: left;
    width: 70px;
    margin-right: 12px;
    max-width: 100%;
    height: auto;
}
.view-cart-header .shopping-cart-items .item-name {
    display: block;
    padding-top: 10px;
    font-size: 14px;
    padding-right: 20px;
}
.view-cart-header .shopping-cart-items .item-price {
    margin-right: 8px;
    color: var(--site-color-primary);
    font-size: 13px;
}
.view-cart-header .shopping-cart-items .item-quantity {
    color: #ABB0BE;
    font-size: 13px;
}
.view-cart-header .shopping-cart:after {
    border: 7px solid #fff;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 2px -1px rgba(0, 0, 0, 0.1);
    content: "";
    right: 0;
    position: absolute;
    top: 2px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.view-cart-header .cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}
.view-cart-header .booking-date li{
    padding: 0;
    display: block;
    width: 100%;
    margin-bottom: 10px;
}
.view-cart-header .booking-date li span{
    float: right;
}
.view-cart-header .booking-total{
    padding-top: 0;
    text-align: center;
}
.view-cart-header .apt-btn{
    font-size: 13px;
    padding: 7px 20px;
}
/*-----------------
45. Responsive
-----------------------*/

.section-search {
    /* background-image: url("../img/shape-2.png"); */
    background-color: #b7e9e1;
    background-repeat: no-repeat;
    background-size: cover!important;
    width: 100%;
    height: 500px;
    background-position: top;
    align-items: center;
    position: relative;
    background-blend-mode: Darken;
    margin-top: -4px;
}





.profilwebhide{
    display: none;
}

.login-left img{
    border-radius: 20px;
    margin-left: auto;
    display: block;
    margin-right: auto;
}
.login-left h1{
    font-size: 32px!important;
    font-weight: 600;
    text-align: center;
}


#fullscreenbtn {
    display: inline-block;
    width: 100%;
}
area {
    display:  -webkit-inline-box !important;
}
.anatomipath {
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border-radius: 50%;
    position: absolute;
    /* top: 45%;
    left: 52%;*/
    padding: 0;
    margin: 0;

    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);


    z-index: 1;
    border: 4px solid #000000;
    opacity: .5;

    animation: dot1 0.8s infinite;
    -moz-animation: dot1 0.8s infinite;
    -webkit-animation: dot1 0.8s infinite;
    -o-animation: dot1 0.8s infinite;

}

@keyframes dot1 {
    0% {
        opacity: .5;

        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    100% {
        opacity: 0;

        transform: translate(-50%, -50%) scale(2);
        -moz-transform: translate(-50%, -50%) scale(2);
        -webkit-transform: translate(-50%, -50%) scale(2);
        -o-transform: translate(-50%, -50%) scale(2);
    }
}

@-moz-keyframes  dot1 {
    0% {
        opacity: .5;

        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    100% {
        opacity: 0;

        transform: translate(-50%, -50%) scale(2);
        -moz-transform: translate(-50%, -50%) scale(2);
        -webkit-transform: translate(-50%, -50%) scale(2);
        -o-transform: translate(-50%, -50%) scale(2);
    }
}

@-webkit-keyframes  dot1 {
    0% {
        opacity: .5;

        transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
    }
    100% {
        opacity: 0;

        transform: translate(-50%, -50%) scale(2);
        -moz-transform: translate(-50%, -50%) scale(2);
        -webkit-transform: translate(-50%, -50%) scale(2);
        -o-transform: translate(-50%, -50%) scale(2);
    }
}

.cinsiyet{
    padding-inline-start: 0px!important;
}



.cinsiyet li:hover span {
    background-color: #292a30;

}
.cinsiyet li{
    list-style: none;
    margin-top: 40px;
    width: 115px;
    height: auto;
    position: relative;
}



.cinsiyet li span {
    background-color: var(--site-color-primary);
    display: block;
    height: 30px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all .2s ease;
}
.cinsiyet li a:hover span{
    background-color: #1ca38a!important;
    display: block;
    height: 30px;
    text-align: center;
    width: 100%;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all .2s ease;
}

.icanatomi ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

.onarka .geri{
    width: 100% !important;
    margin-right: 41px;
    display: block;
    margin: 0;
    padding: 0;
}
.icanatomi .geri2 {
    width: 100% !important;
    margin-right: 41px;
    display: block;
    margin: 0;
    padding: 0;
}

.icanatomi li{
    list-style: none;
    margin-top: 15px;
}

.icanatomi li:hover span {
    background-color: #292a30;

}
.icanatomi li span {
    background-color: var(--site-color-primary);
    display: block;
    height: 30px;
    text-align: center;
    width: 100%;
    color: #fff;
    line-height: 30px;
}

.anatomi {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: auto;
}

.kategoriler {
    margin-top: 15px;
    height: 100%;
}
.kategoriler li {
    margin-top: 15px;
    display: block;
    background-color: var(--site-color-primary);
    color: #fff;
    height: 40px;
    font-size: 16px;
    text-align: center;
    list-style: none;
    line-height: 40px;
}
.kategoriler li a {
    background-color: var(--site-color-primary);
    color: #fff;
    display: block;
    font-size: 13px;
}
.kategoriler li:hover a {
    background-color: #333;
    color: #fff;
}


.onarka li:hover span {
    background-color: #292a30;

}
.onarka li{
    list-style: none;
    margin-top: 15px;
}
.onarka li span {
    background-color: var(--site-color-primary);
    display: block;
    height: 30px;
    text-align: center;
    width: 100%;
    color: #fff;
    line-height: 30px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.tags a {
    border: 1px solid #f3f3f3;
    border-radius: 0px;
    display: block;
    width: 100%;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 10px;
}

.tags a:hover {
    background-color: var(--site-color-primary);
    color: #fff;
    border-color: var(--site-color-primary);
}



.grid-blog .doctorblog-title {
    margin: 0 0 5px;
    font-size: 14px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.diesseDiv{
    color: var(--site-color-primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 15px 20px;
    background-color: #fff;
    margin-bottom: 20px;
}
.diesseDiv .diesse-title {
    font-size: 18px;
    display: block;
    margin: 0;
    color: var(--site-color-primary);
}
.count{
    float: left;
    font-size: 12px;
    margin-left: 9px;
    margin-top: 3px;
}
.searchara{
    width: 144px!important;
    border-top-right-radius: 12px!important;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 12px!important;
    height: 49px!important;
}
#datalar {
    padding: 15px;
    background-color: #fff;
    position: absolute;
    left: calc(50% - 115px);
    display: none;
    max-width: 850px;
    z-index: 1000;
    border-radius: 10px;
    min-width: 236px;
    margin-top: 0px;
}
#datalar li {
    display: block;
    border-bottom: 1px solid #f0f0f0;
    padding: 0px;
}
#datalar li a {
    display: block;
    padding: 5px 10px;
}




/* Randevu Al */


.ui-datepicker-calendar thead th{
    padding: 0.25rem 0;
    text-align: center;
    font-size: 0.75rem;
    font-weight: 400;
    color: #78909C;
}
.ui-datepicker-calendar tbody td{
    width: 2.5rem;
    text-align: center;
    padding: 0;
}
.ui-datepicker-calendar tbody td span {

    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #9e9e9e;
    font-size: 16px;
    text-decoration: none;
}
.ui-datepicker-calendar tbody td a{
    display: block;
    border-radius: 0.25rem;
    line-height: 2rem;
    transition: 0.3s all;
    color: #546E7A;
    font-size: 0.875rem;
    font-weight: bold;
    text-decoration: none;
}
.ui-datepicker-calendar tbody td a:hover {
    background-color: #E0F2F1;
}
.ui-datepicker-calendar tbody td a.ui-state-active{
    background-color: #009688;
    color: white;
}
.ui-datepicker-header a.ui-corner-all {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    border-radius: 0.25rem;
    transition: 0.3s all;
}
.ui-datepicker-header a.ui-corner-all:hover {
    background-color: #ECEFF1;
}
.ui-datepicker-header a.ui-datepicker-prev {
    left: 0;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
    background-repeat: no-repeat;
    background-size: 0.5rem;
    background-position: 50%;
    transform: rotate(180deg);
}
.ui-datepicker-header a.ui-datepicker-next {
    right: 0;
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==');
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 50%;
}
.ui-datepicker-header a>span {
    display: none;
}
.ui-datepicker-title {
    text-align: center;
    line-height: 2rem;
    margin-bottom: 0.25rem;
    font-size: 0.875rem;
    font-weight: 500;
    padding-bottom: 0.25rem;
}
.ui-datepicker-week-col {
    color: #78909C;
    font-weight: 400;
    font-size: 0.75rem;
}


#ui-datepicker-div {
    display: none;
    background-color: #fff;
    box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1);
    margin-top: 0.25rem;
    border-radius: 0.5rem;
    padding: 0.5rem;
}

.ui-datepicker-calendar {
    width: 100%;
}




.timing.disabled {
    pointer-events: none;
}



#owl-demo .item{
    background: #289783;
    padding: 10px 15px;
    margin: 10px;
    color: #ffffff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 20px;
    text-align: center;
    height: auto;
}

#owl-demo .item .timing{
    display: list-item;
    list-style: none;
}
.about-content a{
    width: 100%;
}

#owl-demo .item .timing {
    background-color: #e9e9e9;
    border: 1px solid #e9e9e9;
    border-radius: 20px;
    color: #757575;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px 5px;
    text-align: center;
    margin-top: 10px;
}

#owl-demo .item .timing:hover{
    background-color: #03c0c0;
    border: 1px solid #03c0c0;
    color: #fff;
    font-weight: 500;
}
#owl-demo .item .timing.selected {
    background-color: #f00;
    border: 1px solid #f00;
    color: #fff;
}

.text-disabled {
    text-decoration: line-through;
    pointer-events: none;
    color: #ffffff!important;
    background-color: #24327d!important;
    border: 1px #ffffff solid!important;
}

/* to remove slide effect  css */
.animated  {
    -webkit-animation-duration : 0 ms  !important;
    animation-duration : 0 ms  !important;
    -webkit-animation-fill-mode : both  !important;
    animation-fill-mode : both  !important;
}


.fadeOut  {
    -webkit-animation-name : fadeOut  ;
    animation-name : fadeOut  ;
}
@-webkit-keyframes  fadeOut  {
    0% {
        opacity : 0   ;
    }
    100% {
        opacity : 0   ;
    }
}
@keyframes  fadeOut  {
    0% {
        opacity : 0   ;
    }
    100% {
        opacity : 0   ;
    }
}

/* Randev Finish*/


/* blog-quiz*/


.burmanRadio {
    margin-bottom: 10px;
}
.burmanRadio__input {
    display: none;
}
.burmanRadio__input:checked ~ .burmanRadio__label::after {
    opacity: 1;
    transform: scale(1);
}
.burmanRadio__label {
    cursor: pointer;
    line-height: 30px;
    position: relative;
    margin-left: 35px;
}
.burmanRadio__label::before, .burmanRadio__label::after {
    border-radius: 50%;
    position: absolute;
    top: -1.5px;
    left: -35px;
    transition: all .3s ease-out;
    z-index: 2;
}
.burmanRadio__label::before {
    content: "";
    border: 1.5px solid #E4E4E4;
    width: 20px;
    height: 20px;
    margin-top: 5px;
}
.burmanRadio__label::after {
    content: "";
    background: #7BC4CA;
    border: 1.5px solid #7BC4CA;
    color: #FFF;
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    width: 20px;
    height: 20px;
    transform: scale(0);
}
.burmanRadio__label:hover::before {
    border-color: #7BC4CA;
}

/*blog-quiz finish*/

.galerypost {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.galerypost li {
    float: left;
    margin-left: 15px;
    list-style: none!important;
}

.galerypost img {
    height: auto;
    margin: 15px 0;
}

.blogprofilefoto {
    height: 120px;
}

.videoif {
    width: 100%;
    height: auto;
    min-height: 315px;
}

.fontsize {
    font-size: 16px;
    border: 0;
    margin: 0 3px;
    padding: 0;
}
.fontsize img {
    width: 35px;
    height: auto;
}

.fontsize:hover {
    -webkit-box-shadow: -1px 11px 9px -3px rgba(0,0,0,0.09);
    -moz-box-shadow: -1px 11px 9px -3px rgba(0,0,0,0.09);
    box-shadow: -1px 11px 9px -3px rgba(0,0,0,0.09);
}

.fontsize i {
    font-size: 23px;
}

.googlemap {
    width: 100%;
    height: 249px;
    display: inline-block;
}

.doktormusun{
    background-color: #ffffff;
    border-color: transparent;
    color: #00947d!important;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 22px;
}
.doktormusun:hover{
    background-color: #004242!important;
    border-color: transparent!important;
    color: #fff!important;
    font-size: 13px;
    font-weight: 500;
}
.doktormusun:active{
    background-color: #004242!important;
    border-color: transparent!important;
    color: #fff!important;
    font-size: 13px;
    font-weight: 500;
}
.doktormusun:focus{
    background-color: #004242!important;
    border-color: transparent!important;
    color: #fff!important;
    font-size: 13px;
    font-weight: 500;
}
.videow {
    width: 100%;
    min-height: 335px;
}
.doktorrandevubanner{
    background-color: var(--site-color-primary);
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.doktorrandevubanner h3{
    padding: 10px 0px 5px;
    text-align: center;
    color: #fff;
    font-size: 22px;
}
.doktorrandevubanner p{
    color: #f3f3f3;
    font-size: 13px;
}
.modal ::-webkit-scrollbar{
    visibility: hidden;
}
.randevutur{
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
}
.randevutur button{
    padding: 8px 8px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background-color: transparent;
    border-radius: 0px;
    border: none;
}
.randevutur button.active{
    background-color: var(--site-color-primary);
    color: #fff;
}
.randevutur button i{
    margin-right: 5px;
    font-size: 20px;
}
.doktoradres{
    width: 100%;
    padding: 10px 0;
    text-align: left;
}
.doktoradres a{
    width: fit-content;
    font-size: 12px;
    display: contents;
}
.doktoradres a i{
    color: #b9b9b9;
    transition: all .5s ease;
}
.adresler li:hover i{
    color: var(--site-color-primary);
}
.adresrandevu{
    margin: 10px 0px 0px;
    padding: 10px 15px 0px 15px;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
}
.adressec{
    width: 100%;
    margin: 10px 0px;
}
.adressec p{
    font-weight: 400;
    color: #666;
    line-height: 22px;
    font-size: 12px;
}
.adressec .dropdown{
    font-size: 18px;
    font-weight: 400;
    outline: none;
}

.randevugunu{
    margin: 20px 0px 0px;
    padding: 0px 10px;
    font-weight: 600;
    width: 100%;
}
.randevugunu .owl-nav, .randevugunu .owl-dots{
    height: 0px;
}
.tarihsec a{
    margin-top: 10px;
    width: 75px;
}
.tarihsec i{
    font-size: 24px;
}
.prevnext{
    position: relative;
}
.tarihprevnav{
    position: absolute;
    top: 5px;
    left: -15px;
    color: rgb(6 137 135 / 50%);
    transition: all .3s ease;

}
.tarihnextnav{
    position: absolute;
    top: 5px;
    right: -15px;
    color: rgb(6 137 135 / 50%);
    transition: all .3s ease;
}
.tarihnextnav:hover, .tarihprevnav:hover{
    color: var(--site-color-primary);
}
.adresmenu {
    width: 100%;
    display: inline-block;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px rgb(204, 204, 204);
    transition: all .5s ease;
    position: relative;
    font-size: 14px;
    color: #474747;
    height: fit-content;
    text-align: left;
}
.adresmenu .selectdiv {
    cursor: pointer;
    display: block;
    padding: 6px;
    font-size: 13px;
}
.adresmenu .selectdiv span{
    font-size: 13px;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.adresmenu .selectdiv > i {
    font-size: 16px;
    color: #888;
    right: 8px;
    top: 1px;
    position: absolute;
    cursor: pointer;
    transition: all .3s ease-in-out;
    float: right;
    line-height: 20px;
}
.adresmenu:hover {
    box-shadow: 0 0 4px rgb(204, 204, 204);
}
.adresmenu:active {
    background-color: #f8f8f8;
}
.adresmenu.active:hover,
.adresmenu.active {
    box-shadow: 0 0 4px rgb(204, 204, 204);
    border-radius: 2px 2px 0 0;
    background-color: #f8f8f8
}
.adresmenu.active .selectdiv > i {
    transform: rotate(-90deg)
}
.adresmenu .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    margin-top: 1px;
    box-shadow: 0 1px 2px rgb(204, 204, 204);
    border-radius: 0 1px 2px 2px;
    overflow: hidden;
    display: none;
    max-height: 144px;
    overflow-y: auto;
    z-index: 9
}
.adresmenu .dropdown-menu li {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px;
    transition: all .2s ease-in-out;
    cursor: pointer;
    font-size: 12px;
}
.adresmenu .dropdown-menu {
    padding: 0;
    list-style: none
}
.adresmenu .dropdown-menu li:hover {
    background-color: #f2f2f2
}
.adresmenu .dropdown-menu li:active {
    background-color: #e2e2e2
}

.doktorarakategori1, .doktorarakategori2, .doktorarakategori3, .doktorarakategori4, .doktorarakategori5{
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    padding: 5px;
    height: 45px;
    width: 150px;
    border-radius: 10px;
    background-color: #fff;
    margin-right: 15px!important;
}
.formduzelt{
    min-height: 38px!important;
    padding: 0px 5px 4px 40px!important;
    color: #000!important;
}
.harita{
    border-radius: 10px;
    position: relative;
}
.haritahover{
    position: absolute;
    top: 0;
    color: #fff!important;
    width: 100%!important;
    height: 100%;
    display: block;
    opacity: 0;
    border-radius: 10px;
    cursor: pointer;
}
.haritahover:hover{
    background-color: rgba(63, 81, 181, .5);
    color: #fff!important;
    width: 100%!important;
    font-size: 36px;
    opacity: 1;
}
.haritahover .icon{
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    height: 100%;
}
.randevusaat{
    margin-bottom:10px;
    padding: 3px 10px;
    margin-right: 3px;
}
#modal-container2 {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    z-index: 1;
}
#modal-container2.four {
    z-index: 16500;
    transform: scale(1);
}
#modal-container2.four .modal-background {
    background: rgba(0, 0, 0, 0.2);
}
#modal-container2.four .modal-background .modal {
    animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
}
#modal-container2.four + .content2 {
    z-index: 1;
    animation: blowUpContent 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container2.four.out .modal-background .modal {
    animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container2.four.out + .content2 {
    animation: blowUpContentTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
#modal-container2 .modal-background {
    display: table-cell;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    vertical-align: middle;
}
#modal-container2 .modal-background .modal {
    background: white;
    display: inline-block;
    border-radius: 3px;
    font-weight: 300;
    width: calc(100vw - 130px);
    height: calc(100vh - 90px);
    position: relative;
}
#modal-container2 .modal-background .modal h2 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 15px;
}
#modal-container2 .modal-background .modal p {
    font-size: 18px;
    line-height: 22px;
}
#modal-container2 .modal-background .modal .modal-svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 3px;
}
#modal-container2 .modal-background .modal .modal-svg rect {
    stroke: #fff;
    stroke-width: 2px;
    stroke-dasharray: 778;
    stroke-dashoffset: 778;
}

.content2 {
    min-height: 100%;
    height: 100%;
    position: relative;
    z-index: 0;
}
.content2 h1 {
    padding: 75px 0 30px 0;
    text-align: center;
    font-size: 30px;
    line-height: 30px;
}
.content2 .buttons {
    max-width: 800px;
    margin: 0 auto;
    height: 100%;
    padding: 0;
    text-align: center;
}
.content2 .buttons .haritagenis {
    display: inline-block;
    text-align: center;
    padding: 30vh 15px 0px;
    font-size: 18px;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    width: 100%;
    height: 100%;
}
.modalclose{
    position: absolute;
    top: 0;
    right: 30px;
    color: #000;
    font-size: 36px;
    z-index: 1001;
}
.haritaclose{
    z-index: 1002;
    display: block;
}

@keyframes unfoldIn {
    0% {
        transform: scaleY(0.005) scaleX(0);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(1) scaleX(1);
    }
}
@keyframes unfoldOut {
    0% {
        transform: scaleY(1) scaleX(1);
    }
    50% {
        transform: scaleY(0.005) scaleX(1);
    }
    100% {
        transform: scaleY(0.005) scaleX(0);
    }
}
@keyframes zoomIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoomOut {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes fadeIn {
    0% {
        background: rgba(0, 0, 0, 0);
    }
    100% {
        background: rgba(0, 0, 0, 0.3);
    }
}
@keyframes fadeOut {
    0% {
        background: rgba(0, 0, 0, 0.3);
    }
    100% {
        background: rgba(0, 0, 0, 0);
    }
}
@keyframes scaleUp {
    0% {
        transform: scale(0.8) translateY(1000px);
        opacity: 0;
    }
    100% {
        transform: scale(1) translateY(0px);
        opacity: 1;
    }
}
@keyframes scaleDown {
    0% {
        transform: scale(1) translateY(0px);
        opacity: 1;
    }
    100% {
        transform: scale(0.8) translateY(1000px);
        opacity: 0;
    }
}
@keyframes scaleBack {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.85);
    }
}
@keyframes scaleForward {
    0% {
        transform: scale(0.85);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes quickScaleDown {
    0% {
        transform: scale(1);
    }
    99.9% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes slideUpLarge {
    0% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(-100%);
    }
}
@keyframes slideDownLarge {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0%);
    }
}
@keyframes moveUp {
    0% {
        transform: translateY(150px);
    }
    100% {
        transform: translateY(0);
    }
}
@keyframes moveDown {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(150px);
    }
}
@keyframes blowUpContent {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    99.9% {
        transform: scale(2);
        opacity: 0;
    }
    100% {
        transform: scale(0);
    }
}
@keyframes blowUpContentTwo {
    0% {
        transform: scale(2);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes blowUpModal {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes blowUpModalTwo {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}
@keyframes roadRunnerIn {
    0% {
        transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
    }
    70% {
        transform: translateX(30px) skewX(0deg) scaleX(0.9);
    }
    100% {
        transform: translateX(0px) skewX(0deg) scaleX(1);
    }
}
@keyframes roadRunnerOut {
    0% {
        transform: translateX(0px) skewX(0deg) scaleX(1);
    }
    30% {
        transform: translateX(-30px) skewX(-5deg) scaleX(0.9);
    }
    100% {
        transform: translateX(1500px) skewX(30deg) scaleX(1.3);
    }
}
@keyframes sketchIn {
    0% {
        stroke-dashoffset: 778;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes sketchOut {
    0% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 778;
    }
}
@keyframes modalFadeIn {
    0% {
        background-color: transparent;
    }
    100% {
        background-color: white;
    }
}
@keyframes modalFadeOut {
    0% {
        background-color: white;
    }
    100% {
        background-color: transparent;
    }
}
@keyframes modalContentFadeIn {
    0% {
        opacity: 0;
        top: -20px;
    }
    100% {
        opacity: 1;
        top: 0;
    }
}
@keyframes modalContentFadeOut {
    0% {
        opacity: 1;
        top: 0px;
    }
    100% {
        opacity: 0;
        top: -20px;
    }
}
@keyframes bondJamesBond {
    0% {
        transform: translateX(1000px);
    }
    80% {
        transform: translateX(0px);
        border-radius: 75px;
        height: 75px;
        width: 75px;
    }
    90% {
        border-radius: 3px;
        height: 182px;
        width: 247px;
    }
    100% {
        border-radius: 3px;
        height: 162px;
        width: 227px;
    }
}
@keyframes killShot {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
    100% {
        transform: translateY(300px) rotate(45deg);
        opacity: 0;
    }
}
@keyframes fadeToRed {
    0% {
        background-color: rgba(0, 0, 0, 0.6);
    }
    100% {
        background-color: rgba(255, 0, 0, 0.8);
    }
}
@keyframes slowFade {
    0% {
        opacity: 1;
    }
    99.9% {
        opacity: 0;
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
.sagmenu .card-body{
    padding:  10px 15px!important;
}
.about-author ul{
    padding-inline-start: 0px!important;
}
.tumkategoriler{
    background-color: transparent;
    color: #fff;
    border: none;
}
.tumkategoriler:hover{
    background-color: #fff;
    color: #000;
    border: none;
}
.modalayar{
    position: unset!important;
    margin-bottom: -65px;

}
.modalekran{
    background-color: #fff;
    color: #555;
    min-width: max-content;
    float: right;
    height: 35px;
    line-height: 20px;
}
.modalekran:hover{
    background-color: #fff;
    color: #000;
}

.doktortop{
    display: none;
    position: absolute;
    margin-left:  calc(40% - 150px);
}
.doktortop img{
    max-width: 400px;
}
.btnrandevu{
    padding: 10px 20px;
    font-weight: bold;
    letter-spacing: .6px;
    margin-right: 50px;
}
.btnrandevu i{
    margin-right: 10px;
}
.bildirimdoktor{
    width: 35px;
    height: auto;
    margin-bottom: 10px;
    border-radius: 100%;
    display: flex;
    float: left;
    margin-left: calc(50% - 80px);
    margin-right: 10px;
}
.bildirimdoktor img{
    height: 35px;
    width: 35px;
    border-radius: 100%;

}
.searchsection{
    margin-bottom: -146px;
}



.selectbox { width:100%; display:inline-block;
}
.selectbox-title.formayar { padding-left: 16px; padding-right: 30px;
}
.selectbox-content { border:1px solid #d5d5d5; max-height:205px; overflow:auto; display:none; border-top: none; position: absolute; background-color: #fff; width: fit-content; z-index: 1000;
}
.selectbox-content ul { list-style:none; margin:0px; padding:0px; cursor: pointer;  position: relative;
}
.selectbox-content ul li { padding-top:10px; width:100%; display:inline-block;
}
.selectbox-content ul li:last-child { border-bottom:none;
}
.selectbox-content ul li:first-child { border-top:none;
}
.selectbox-content .input-group {padding: 5px;
}
.loadbutton {
    padding: 10px;
}
.loadbutton .btn-primary {
    padding-top: 8px;
    padding-bottom: 8px;
}
.ul-list label {
    padding-left: 20px;
    width: max-content;
    padding-right: 20px;
}
#box {
    height: 30px;
    width: 100%;
}
/***** INPUT FORM STYLES *****/
.form-horizontal .control-label {
    text-align: left;
}

.control-label-pad .control-label {
    padding-top: 0px;
}

.formayar {
    min-height: 40px;
    border-radius: 0;
    border: 1px solid #d5d5d5;
    background-color: white;
    height: 40px;
    color: #555555;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
}
.formayar:focus {
    border-color: #289783;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(251, 197, 45, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(251, 197, 45, 0.6);
}

.formayar[disabled], .formayar[readonly], fieldset[disabled] .formayar {
    background-color: #dddddd;
}
.formayar[disabled]:focus, .formayar[readonly]:focus, fieldset[disabled] .formayar:focus {
    border: none;
    box-shadow: none;
}
.ozellikara{
    z-index: 1000;
}
.panel{
    width: max-content;
    min-width: 130px;
    margin-right: 5px;
}
.panel-body{
    cursor: pointer;
}
.form-group {
    margin-bottom: 0;
}
.form-group .control-label {
    color: #535353;
}

/*select style*/
.selectwrap {
    position: relative;
    float: left;
    width: 100%;
}
.selectwrap:after {
    font-family: 'Line Awesome Free';
    content: "\f0d7";
    color: #dcdcdc;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    line-height: 36px;
    position: absolute;
    width: 26px;
    height: 36px;
    background: white;
    right: 1px;
    top: 1px;
    pointer-events: none;
}

/***** CUSTOM CHECKBOX STYLES *****/
.custom-checkbox-label .checkbox-pad {
    padding-top: 7px;
}

.custom-checkbox label {
    font-weight: normal;
}

.checkbox-custom {
    opacity: 0;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    cursor: pointer;
}

.checkbox-custom-label {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    cursor: pointer;
    position: relative;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: '';
    background: white;
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    padding: 0px;
    text-align: center;
    border: 1px solid #289783;
    border-radius: 0px;
    margin-bottom: 4px;
    margin-right: 10px;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
    font-family: 'Line Awesome Free';
    content: "\f00c";
    color: #289783;
    font-weight: 600;
    font-size: 12px;
    line-height: 5px;
    padding-top: 6px;
}
.checkbox-custom:focus + .checkbox-custom-label {
    outline: 0px solid #dddddd;
}
.footeriyzico{
    max-width: 400px;
}
.soruresim{
    border-top: 1px solid #a7a7a780;
    width: 100%;
    margin-top: 15px;
    max-width: 500px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
}
.sorubaslik{
    text-align: center;
    padding: 15px 0;
}
.sonucgoster{
    width: 100%;
    margin-top: 15px;
}
.devaminioku{
    background-color: rgba(0, 130, 111, 0.122);
    color: var(--site-color-primary);
    display: block;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 90%!important;
    letter-spacing: 1px;
    font-weight: 500;
    border-radius: 10px;
    font-size: 12px;
}
.devaminioku:hover{
    background-color: var(--site-color-primary);
    color:#fff;
}
.arrows {
    width: 70px;
    margin: 20px auto 0;
}

.arrows img {
    width: 100%;
    height: auto;
}

@keyframes arrow
{
    0% {opacity:0}
    40% {opacity:1}
    80% {opacity:0}
    100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
    0% {opacity:0}
    40% {opacity:1}
    80% {opacity:0}
    100% {opacity:0}
}

.arrows path.a1 {
    animation-delay:-1s;
    -webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
    animation-delay:-0.5s;
    -webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {
    animation-delay:0s;
    -webkit-animation-delay:0s; /* Safari 和 Chrome */
}
.arrowdown{
    display: none;

}
/*================================================
Categories Area CSS
=================================================*/
.categories-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.categories-item {
    text-align: center;
}

.categories-item .icon {
    background-color: #9ad6fc;
    border-radius: 50%;
    display: inline-block;
    height: 130px;
    width: 130px;
    line-height: 160px;
    margin-bottom: 20px;
}

.categories-item .icon i {
    display: inline-block;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: #ffffff;
    color: #0473b9;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 55px;
}

.categories-item .icon i:hover {
    background-color: #0dbcc0;
    color: #ffffff;
}

.categories-item h3 {
    font-size: 22px;
    margin-bottom: 0;
}

.categories-item h3 a {
    color: #202647;
}

.categories-item-box {
    text-align: center;
    margin: 5px;
    padding: 25px;
}

.categories-item-box .icon {
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 50%;
}

.categories-item-box .icon i {
    display: inline-block;
    height: 100px;
    width: 100px;
    line-height: 100px;
    background-color: transparent;
    border: 1px dashed #209eec;
    color: #0473b9;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    font-size: 55px;
}

.categories-item-box .icon i:hover {
    background-color: #0dbcc0;
    color: #ffffff;
    border: 1px dashed #0dbcc0;
}

.categories-item-box h3 {
    font-size: 14px;
    margin-bottom: 0;
}

.categories-item-box h3 a {
    color: #202647;
}

.categories-slider.owl-theme .owl-nav {
    margin-top: 0;
}

.categories-slider.owl-theme .owl-nav .owl-prev, .categories-slider.owl-theme .owl-nav .owl-next {
    position: absolute;
    left: -50px;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    outline: 0;
    width: 50px;
    height: 50px;
    line-height: 51px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: transparent;
    border-style: solid;
    border-color: #fff;
    color: #fff;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
}

.categories-slider.owl-theme .owl-nav .owl-prev:hover, .categories-slider.owl-theme .owl-nav .owl-prev:focus, .categories-slider.owl-theme .owl-nav .owl-next:hover, .categories-slider.owl-theme .owl-nav .owl-next:focus {
    background-color: #0dbcc0;
    color: #ffffff;
    border-color: #0dbcc0;
    -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
}

.categories-slider.owl-theme .owl-nav .owl-prev i, .categories-slider.owl-theme .owl-nav .owl-next i {
    font-size: 40px;
    position: relative;
    top: 2px;
}

.categories-slider.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -50px;
}

.categories-slider.owl-theme:hover .owl-nav .owl-prev, .categories-slider.owl-theme:hover .owl-nav .owl-next {
    opacity: 1;
    visibility: visible;
    left: -10px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.categories-slider.owl-theme:hover .owl-nav .owl-next {
    left: auto;
    right: -10px;
}

.categories-shape {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.categories-item-box .icon img{
    border-radius: 100%;
    border: 5px solid #fff;
    width: 80px;
    height: 80px;
    -webkit-box-shadow: 0px 0px 9px rgb(0, 0, 0, 0.3);
    box-shadow: 0px 0px 9px rgb(0, 0, 0, 0.3);
}
/*================================================*/
.specialposition{
    display: flex;
    justify-content: left;
    text-align: left;
    align-items: center;
}

@-webkit-keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(1turn);
    }
}

.rainbow {
    position: relative;
    z-index: 0;
    border-radius: 10px;
    overflow: hidden;
    padding: 5px;
}
.rainbow::before {
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #b7cbe9;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#b7cbe9, #345389);
    -webkit-animation: rotate 3.3s linear infinite;
    animation: rotate 3.3s linear infinite;
}
.rainbow::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border-radius: 5px;
}
.anatomiimg{
    position: absolute;
    top: -160px;
    left: 0;
    right: 0;
}
.hastalikust{
    margin-top: 150px;
}
#bilgilist{
    background-color: #fff;
    padding: 15px 0 5px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 1000;

}
#kurumlist{
    background-color: #fff;
    padding: 15px 0 5px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    z-index: 1000;
}
.face{
    color: #38529a;
}
.twit{
    color: #4da6e9;
}
.insta{
    color: #ef6c4f;
}
.youtube{
    color: #f70000;
}
.single-process {
    margin-bottom: 30px;
}

.single-process .process-list {
    padding-left: 0;
    margin-bottom: 0;
}

.single-process .process-list li {
    list-style-type: none;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    color: #202647;
    padding: 10px 15px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
}

.single-process .process-list li::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #0473b9;
    z-index: -1;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
}

.single-process .process-list li:last-child {
    margin-bottom: 0;
}

.single-process .process-list li i {
    margin-right: 5px;
    color: #0473b9;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.single-process .process-list li:hover {
    color: #ffffff;
}

.single-process .process-list li:hover::before {
    width: 100%;
}

.single-process .process-list li:hover i {
    color: #ffffff;
}

.single-process .process-form {
    text-align: center;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
    box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);
    padding: 25px 20px;
    border-radius: 5px;
}

.single-process .process-form h3 {
    font-size: 22px;
    margin-bottom: 20px;
}

.single-process .process-form form .form-group .form-control {
    padding: 10px 10px 10px 10px;
    color: #202647;
    background-color: transparent;
    border: 1px solid #eeeeee;
    font-size: 14px;
    font-weight: 400;
    height: 45px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    border-radius: 5px;
}

.single-process .process-form form .form-group .form-control::-webkit-input-placeholder {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #6b6b84;
}

.single-process .process-form form .form-group .form-control:-ms-input-placeholder {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #6b6b84;
}

.single-process .process-form form .form-group .form-control::-ms-input-placeholder {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #6b6b84;
}

.single-process .process-form form .form-group .form-control::placeholder {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #6b6b84;
}

.single-process .process-form form .form-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    border: 1px solid #0dbcc0;
}

.single-process .process-form form .form-group .form-control:focus::-webkit-input-placeholder {
    color: transparent;
}

.single-process .process-form form .form-group .form-control:focus:-ms-input-placeholder {
    color: transparent;
}

.single-process .process-form form .form-group .form-control:focus::-ms-input-placeholder {
    color: transparent;
}

.single-process .process-form form .form-group .form-control:focus::placeholder {
    color: transparent;
}

.single-process .process-form form .nice-select {
    height: 45px;
    width: 100%;
    line-height: 45px;
    font-size: 14px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: transparent;
    border: 1px solid #eeeeee;
    color: #6b6b84;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    margin-bottom: 1rem;
}

.single-process .process-form form .nice-select:focus {
    background-color: transparent;
    border: 1px solid #0dbcc0;
}

.single-process .process-form form .nice-select .list {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
    box-shadow: 0px 0px 29px 0px rgba(102, 102, 102, 0.1);
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.single-process .process-form form .nice-select .list .option {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #202647;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
}

.single-process .process-form form .nice-select .list .option:hover {
    background-color: #0dbcc0 !important;
    color: #ffffff;
}

.single-process .process-form form .nice-select .list .option.selected {
    background-color: transparent;
    font-weight: 600;
}

.single-process .process-form form .nice-select::after {
    height: 8px;
    width: 8px;
    border-color: #0dbcc0;
    right: 15px;
}

.single-process .process-form form .process-btn .default-btn {
    padding: 10px 25px;
    display: block;
    width: 100%;
    cursor: pointer;
    border: none;
    font-size: 15px;
    background-color: #0473b9;
    border-radius: 5px;
}

.single-process .process-form form .process-btn .default-btn:hover {
    background-color: #0dbcc0;
}
.adresler{
    display: flex;
    flex-wrap: wrap;
}
.adresler li{
    width: max-content;
    text-align: center;
    padding: 6px 18px;
    font-size: 12px;
    color: #3c3c3c;
    font-weight: 500;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    margin-right: 3px;
    margin-bottom: 3px;
    transition: all .5s ease;
    display: flex;
    align-items: center;
}
.adresler li i{
    font-size: 20px;
}
.adresler li:hover{
    color: #fff!important;
    background-color: var(--site-color-primary)!important;
    border: 1px solid transparent!important;
    font-weight: 500!important;
    transition: all .3s ease ;
}
.adresler li:hover i{
    color: #fff!important;
}
.sonuc-info{
    margin-top: 30px;
    border-top: 1px solid #f0f0f0;
}
.sonuc-info img{
    width: 100%;
    max-width: 500px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
}
#wrapper {
    padding-left: 0;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
}

#sidebar-wrapper {
    height: 100%;
    width: 0;
    float: left;
    margin-left: -350px;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all 0.5s ease;
    border-right: 1px solid #f0f0f0;
    margin-top: 20px;
}
#sidebar-wrapper .theiaStickySidebar {
    height: 75vh;
    overflow: auto;
    margin: 30px 0;
}
#sidebar-wrapper .theiaStickySidebar::-webkit-scrollbar {
    width: 0px;
}
#sidebar-wrapper .card-body{
    padding: 0 20px!important;
}
#wrapper.toggled #sidebar-wrapper {
    width: 350px;
}

.sidebar-brand {
    position: absolute;
    top: 0;
    width: 350px;
    text-align: center;
    padding: 20px 0;
}
.sidebar-brand h2 {
    margin: 0;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
}

.sidebar-nav {
    position: absolute;
    top: 75px;
    width: 350px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav > li {
    text-indent: 10px;
    line-height: 42px;
}
.sidebar-nav > li a {
    display: block;
    text-decoration: none;
    color: #757575;
    font-weight: 600;
    font-size: 18px;
}
.sidebar-nav > li > a:hover,
.sidebar-nav > li.active > a {
    text-decoration: none;
    color: #fff;
    background: #F8BE12;
}
.sidebar-nav > li > a i.fa {
    font-size: 24px;
    width: 60px;
}
#navbar-wrapper {
    width: 100%;
    position: absolute;
}
#wrapper.toggled #navbar-wrapper {
    position: absolute;
    margin-right: -350px;
}
#navbar-wrapper .navbar {
    border-width: 0 0 0 0;
    font-size: 24px;
    margin-bottom: 0;
    border-radius: 0;
}
#navbar-wrapper .navbar a, #navbar-wrapper .navbar button{
    color: #ffffff;
    font-size: 13px;
    width: max-content;
    padding: 6px 10px;
    border-radius: 8px;
    display: block;
    background-color: var(--site-color-primary);
    border: 1px solid #fff;
}
#navbar-wrapper .navbar button:hover {
    color: #fff;
    background-color: #009090;
}

#content-wrapper {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 15px;
    top: 100px;
}
#wrapper.toggled #content-wrapper {
    position: absolute;
    margin-right: -350px;
    transition: all 0.5s ease;
    height: 85vh;
}



#wrapper2 {
    padding-right: 0;
    transition: all 0.5s ease;
    position: relative;
    overflow: hidden;
}

#sidebar-wrapper2 {
    height: 100%;
    width: 0;
    float: right;
    margin-right: -300px;
    overflow-y: auto;
    overflow-x: hidden;
    transition: all 0.5s ease;
    border-right: 1px solid #f0f0f0;
    margin-top: 20px;
}
#sidebar-wrapper2 .theiaStickySidebar {
    height: 95vh;
    overflow: auto;
    padding-top: 30px!important;
}
#sidebar-wrapper2 .theiaStickySidebar::-webkit-scrollbar {
    width: 0px;
}
#sidebar-wrapper2 .theiaStickySidebar::-webkit-scrollbar{
    opacity: 0;
}
#sidebar-wrapper .theiaStickySidebar::-webkit-scrollbar{
    opacity: 0;
}
#wrapper2.toggled #sidebar-wrapper2 {
    width: 300px;
}

.sidebar-brand {
    position: absolute;
    top: 0;
    width: 300px;
    text-align: center;
    padding: 20px 0;
}
.sidebar-brand h2 {
    margin: 0;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
}

.sidebar-nav {
    position: absolute;
    top: 75px;
    width: 300px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav > li {
    text-indent: 10px;
    line-height: 42px;
}
.sidebar-nav > li a {
    display: block;
    text-decoration: none;
    color: #757575;
    font-weight: 600;
    font-size: 18px;
}
.sidebar-nav > li > a:hover,
.sidebar-nav > li.active > a {
    text-decoration: none;
    color: #fff;
    background: #F8BE12;
}
.sidebar-nav > li > a i.fa {
    font-size: 24px;
    width: 60px;
}
#navbar-wrapper2 {
    width: 100%;
    position: absolute;
    z-index: 2;
}
#wrapper2.toggled #navbar-wrapper2 {
    position: absolute;
    margin-left: -300px;
}
#navbar-wrapper2 .navbar {
    border-width: 0 0 0 0;
    font-size: 24px;
    margin-bottom: 0;
    border-radius: 0;
}
#navbar-wrapper2 .navbar a {
    color: #ffffff;
    font-size: 16px;
    width: max-content;
    padding: 10px;
    border-radius: 10px;
    display: block;
    background-color: #289783;
    border: 1px solid #fff;
}
#navbar-wrapper2 .navbar a:hover {
    color: #289783;
    background-color: #fff;
}

#content-wrapper2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100px;
    float: left;
    padding: 20px;
}
#wrapper2.toggled #content-wrapper2 {
    position: absolute;
    margin-left: -300px;
    transition: all 0.5s ease;
    height: 85vh;
}

#doc_services ul{
    padding-inline-start: 0px;
}
#doc_services li{
    border-bottom: 1px solid #ececec;
    padding: 5px 15px;
    list-style: none;
}
.doctor-book-card {
    padding: 0px;
}

.about-widget ul{
    padding-inline-start: 0px;
}
.about-widget ul li{
    border-bottom: 1px solid #ececec;
    padding: 5px 15px;
    list-style: none;
}
.fc-daygrid-dot-event .fc-event-title{
    text-align: right;
}
.contenthastaliklar{
    min-height: 180px;
}
.bloghastaliklar{
    min-height: 380px;
}
.cevaplar{
    padding-left: 60px;
}
.account-content{
    margin-bottom: 20px;
}
.hastalardiv{
    border-top: 1px solid #f0f0f0;
}
.hastalardiv i{
    font-size: 42px;
    color: #40ccbd;
}
.hastalardiv .hastabilgi{
    display: grid;
}
.hastalardatepicker{
    padding-bottom: 20px;
}
.enyakinrandevu{
    display: block;
    color: #007bff;
    font-weight:500;
    font-size: 18px;
    width: 100%;
}
.hastabilgi span{
    font-size: 16px;
}
.hastabilgi small{
    font-size: 14px;
}
.adrescard{
    padding: 10px;
}
.write-review .NewCommentBtnDiv{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0 25px;
    padding: 15px 0;
    border-bottom: 1px solid #f0f0f0;
}
.write-review h4{
    font-size: 16px;
}
.tumsaatler a{
    width: max-content;
    color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#owl-demo .owl-stage-outer{
    height: 285px;
}

.istisaslar {
    padding: 0;
    margin: 3px 0;
    font-size: 11px;
    margin-left: 0px;
    list-style: none;
    color: #333;
}
.istisaslarDetay {
    padding: 0;
    margin: 3px 0;
    font-size: 13px;
    margin-left: 0px;
    list-style: none;
    color: #333;
    list-style: circle;
    padding-left: 20px;
}
.saatgoster .btn{
    padding: 2.5px 0px!important;
    font-size: 15px!important;
    line-height: 20px!important;
}
.saatgoster span{
    font-size: 12px;
}
.btn-light{
    background-color: #d2e4ff;
    color: #1662c6;
    border-color: transparent;
    font-weight: 500!important;
}
.btn-light:hover{
    background-color: #eef4fd;
    color: #1662c6;
    border-color: var(--site-color-primary);
}
.istisasbutons1{
    font-size: 12px;
    margin-top: 5px;
    color: var(--site-color-primary);
    font-weight: 500;
    text-decoration: underline;
}
.istisasbutons2{
    font-size: 14px;
    margin-top: 5px;
    color: #ff6161;
    font-weight: 500;
    text-decoration: underline;
}
.istisaslar span:after{
    content: ",";
}
.istisaslar span:last-child:after{
    content: "";
}
.kategoritut .dropdown-button{
    width: 100%;
    background: white;
    padding: 10px 10px;
    cursor: pointer;
    border: 1px solid lightgray;
    box-sizing: border-box;
    height: 30px;
    line-height: 10px;
}
.randevucard{
    position: sticky;
    top: 100px;
}
.randevucard:hover .doktorrandevubanner{
    background-color: var(--site-color-primary-hover);
}
.randevugunu .tarihler .owl-stage-outer{
    overflow-y: auto!important;

}
.randevugunu .tarihler .owl-stage-outer::-webkit-scrollbar{
    width: 0px!important;
}
.bg-higlt{
    z-index: 15016;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    animation: fadeIn .2s ease-in-out forwards;
}
a.image-popup-vertical-fit {
    cursor: -webkit-zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    /* ideally, transition speed should match zoom duration */
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
    padding: 110px 0 40px;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.5;
    z-index: 999990;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}
.mfp-arrow-left:before {
    border-right: none !important;
}
.mfp-arrow-right:before {
    border-left: none !important;
}
button.mfp-arrow, .mfp-counter {
    opacity: 0 !important;
    transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{
    opacity: 1 !important;
}


/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 16000;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999991;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 16005;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #CCC;
}
.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}
.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
}
.mfp-arrow:before,
.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}
.mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 110px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}


.onlinecolor{
    background-color: #ede9ff;
    color: #7216c6;
    border-color: transparent;
    font-weight: 500!important;
}
.onlinecolor:hover{
    background-color: #faf6ff;
    color: #7216c6;
    border-color: rgb(132 22 198 / 50%);
}
.doktoraraliste{
    margin-bottom: 3px;
    transition: all .2s ease;
}
.doktoraraliste .card-body{
    border-bottom: 1px solid #f0f0f0;
}

.adrestopborder{
    border-top: 1px solid #f0f0f0;
    padding-top: 20px;
}
.doc-name a i{
    font-size: 11px;
    color: #aeaeae;
}
.btn-group-sm>.btn, .btn-sm{
    font-size: 11px!important;
}

.card-body .btn{
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 0.5px;
}
.card-body .btn i{
    font-size: 12px;
    font-weight: 600;
    margin-right: 5px;
}
.card-body .recaptchadegistir{
    background-color: var(--site-color-primary);
    color: #fff !important;
    padding: 12px 20px;
}
.card-body .recaptchadegistir i{
    font-size: 18px;
}
.card-body .recaptchadegistir:hover{
    background-color: var(--site-color-primary-hover);
}
.mobileuser-text h6{
    color: #fff!important;
}
.mobileuser-text p{
    color: #d6d6d6!important;
}
.type1{
    border-right: 1px solid #f0f0f0;
}
.yakinimdaara{
    position: absolute;
    top: 10px;
    left: calc(50% - 15px);
    z-index: 20000;
    background-color: #fbfbfb;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 8px;
    color: #568aff;
    border: 1px solid #568aff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
}
.bolgedeara{
    position: absolute;
    top: 10px;
    left: calc(50% - 150px);
    z-index: 20000;
    background-color: #fbfbfb;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 400;
    border-radius: 8px;
    color: #568aff;
    border: 1px solid #568aff;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
}
.yakinimdaara:hover{
    background-color: #568aff;
    color: #fff;
    border: 1px solid #568aff;
}
.bolgedeara:hover{
    background-color: #568aff;
    color: #fff;
    border: 1px solid #568aff;
}
.doctorsheight{
    min-height: 200px;
}
.doctorsbookingleft{
    position: absolute;
    bottom: 10px;
    left: 5px;
    width: max-content;
    margin: 0 15px;
}

.doctorsbookingright{
    position: absolute;
    bottom: 10px;
    right: 5px;
    width: max-content;
    margin: 0 15px;
}
.adreshizmetler, .adreshastaliklar, .adressigortalar {
    list-style: circle;
    padding-inline-start: 20px;
    width: 100%;
}
.adreshizmetler li, .adreshastaliklar li, .adressigortalar li{
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#doc_adres h5, .kabuledilenyas{
    margin-top: 15px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    width: 100%;
}
#doc_adres h5{
    color: var(--site-color-primary);
    font-size: 16px;
    display: flex;
    align-items: center;
}
#doc_adres h5 i{
    font-size: 24px;
}
.posth1{
    font-size: 24px;
    margin-bottom: 15px;
}

.randevuturdr{
    display: block;
    width: 100%;
    padding: 7px 0px;
    border-radius: 5px!important;
}
.randevuturdr2{
    display: block;
    width: 100%;
    padding: 7px 0px;
    border-radius: 5px!important;
}
.yyg{
    background-color: #e2ecff;
    color: #7581ff;
    border: 1px solid #7581ff;
}
.og{
    background-color: #f3f1fc;
    color: #887ad7;
    border: 1px solid #887ad7;
}

.yyg.active{
    background-color: #007bff!important;
    color: #fff!important;
}
.og.active{
    background-color: #887ad7!important;
    color: #fff!important;
}

.yyg:hover{
    background-color: #007bff!important;
    color: #fff;
}
.og:hover{
    background-color: #887ad7!important;
    color: #fff;
}
.yyg2{
    background-color: #e2ecff;
    color: #7581ff;
    border: 1px solid #7581ff;
}
.og2{
    background-color: #f3f1fc;
    color: #887ad7;
    border: 1px solid #887ad7;
}

.yyg2.active{
    background-color: #007bff!important;
    color: #fff!important;
}
.og2.active{
    background-color: #887ad7!important;
    color: #fff!important;
}

.yyg2:hover{
    background-color: #007bff!important;
    color: #fff;
}
.og2:hover{
    background-color: #887ad7!important;
    color: #fff;
}
.downborder{
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
    margin-bottom: 15px;
}
.datalistborder{
    border: 1px solid #dbdbdb;
    outline-color: #b9c1f0;
    padding-left: 10px;
}
#randevuadresgetir{
    height: 41px;
    border: 1px solid #dbdbdb;
    outline-color: #b9c1f0;
    padding-left: 10px;
}
.hastabilgiicon{
    text-align: center;
}
.hastabilgiicon i{
    font-size: 26px;
    color: #007bff;
    opacity: 0.7;
}
.ogise .hastabilgiicon i{
    color: rgb(152, 62, 255)!important;
}
.fc .fc-button-group>.fc-button {
    position: relative;
    flex: 1 1 auto;
    background-color: #007bff;
    border-color: #007bff;
}
.fc .fc-button-group>.fc-button:hover {
    background-color: #38c9ba!important;
    border-color: #38c9ba!important;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
    background-color: #38c9ba!important;
    border-color: #38c9ba!important;
}
.fc .fc-toolbar-title {
    font-size: 18px!important;
}
.fc .fc-daygrid-day.fc-day-today{
   /*
    background-color: rgb(222 238 255 / 32%);
   cursor: pointer; */
   text-align: center;
   position: relative;
}
.fc .fc-daygrid-day.fc-day-future{
    /* background-color: rgb(222 238 255 / 32%);
    cursor: pointer; */
    text-align: center;
    position: relative;
}
.fc .fc-daygrid-day.fc-day-disabled{
    background-color: rgb(57 202 187 / 20%);
    cursor: not-allowed;
    text-align: center;
    position: relative;
}
/* .fc .fc-daygrid-day.fc-day-today:hover{
    background-color: rgb(0 123 255 / 40%);
} */
.fc .fc-daygrid-day.fc-day-today:hover .fc-daygrid-event{
    background-color: #fff!important;
}
/* .fc .fc-daygrid-day.fc-day-future:hover .fc-daygrid-event{
    background-color: #fff!important;
} */



.fc .fc-daygrid-day.fc-day-disabled:hover{

}

/* .fc .fc-daygrid-day.fc-day-future:hover:before {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "\f067";
    text-align: center;
    position: absolute;
    left: 5px;
    top: 5px;
    color: #fff;
    font-size: 16px;
    background-color: rgb(0 123 255 / 48%);
    border-radius: 50%;
    width: 28px;
    height: 27px;
} */
/* .fc .fc-daygrid-day.fc-day-today:hover:before {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "\f067";
    text-align: center;
    position: absolute;
    left: 5px;
    top: 5px;
    color: #fff;
    font-size: 16px;
    background-color: rgb(0 123 255 / 48%);
    border-radius: 50%;
    width: 28px;
    height: 27px;
} */
.fc-daygrid-event{
    cursor: pointer;
}
.fc-daygrid-event-harness{
    border: none;
    -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.25);
}
.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event{
    background-color: #fff;
    border: none;
}
.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover{
    background-color: #e5e2f4;
}
.fc-event-title{
    text-transform: capitalize;
    font-weight: 500!important;
}
.yukarisi button, .yukarisi a{

}
#poldoc{
    padding-inline-start: 0px;
    margin-top: -15px;
}
.submit-section label{
    font-size: 13px;
    line-height: 25px;
}
.fc .fc-timegrid-slot{
    height: 50px;
}
.fc-media-screen .fc-timegrid-event{
    -webkit-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 7px 10px 0px rgba(0,0,0,0.25);
    top: 5px!important;
    bottom: 5px!important;
    background-color: rgb(183,233,225, 0.5);
}
.fc-timegrid-event .fc-event-time{
    color: #333;
    margin: 0;
    padding: 2px 0;
    margin-left: 8px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 12px;
}
.fc-v-event .fc-event-title{
    color: #000;
    line-height: 10px;
}
.fc .fc-daygrid-event-harness:hover{
    background-color: rgb(57 202 187);
    -webkit-box-shadow: 0px 0px 28px 0px rgb(57 202 187);
    -moz-box-shadow: 0px 0px 28px 0px rgb(57 202 187);
    box-shadow: 0px 0px 28px 0px rgb(57 202 187);
}
.fc .fc-list-event-graphic{
    display: none;
}
.bootstrap-select button{
    background: #fff url(../img/search.png) no-repeat 10px center;
}
.bootstrap-select .dropdown-menu li a .fa-star-of-life{
    margin-right: 8px;
    color: var(--site-color-primary);
    background-color: #b7e9e1;
    border-radius: 50%;
    padding: 8px;
    font-size: 13px;
}
.bootstrap-select .dropdown-menu li a .text img{
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 5px;
}
.bootstrap-select .dropdown-menu li a.opt{
    padding: 8px 25px;
    border: none;
    border-top: 1px solid #e3e3e3;
}
.hastabilgiimg{
    border: 1px solid #eee;
}
.details-header .text{
    color: #333;
    font-weight: bold;
}
.details-header .row{
    border-bottom: 1px solid #eee;
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-right: 1px solid #eee;
}
.details-header .row:first-child{
    border-top: 1px solid #eee;
    padding-top: 4px;
}
.bootstrap-select .dropdown-toggle .filter-option img{
    height: 35px!important;
    margin-right: 5px;
}
.onaylarow .col-md-3{
    border-right: 1px solid rgb(0 88 88 / 20%);
    padding-top: 20px;
}
.onaylarow .col-md-3:last-child{
    border: none;
}
.onaylarow a:hover{
    color: #fff !important;
}
.iletisimbilgi{
    padding-bottom: 30px;
}
.btn-yesil{
    -webkit-transition: .3s all ease!important;
    -o-transition: .3s all ease!important;
    transition: .3s all ease!important;
    background-color: rgb(248, 255, 250)!important;
    color: #008827!important;
    border: 1px solid #008827!important;
    display: block!important;
    padding: 7px 15px!important;
    font-weight: 400!important;
}
.btn-yesil:hover{
    background-color: #008827!important;
    color: #fff!important;
}
.btn-mavi{
    -webkit-transition: .3s all ease!important;
    -o-transition: .3s all ease!important;
    transition: .3s all ease!important;
    background-color: rgb(249, 248, 255)!important;
    color: #4351eb!important;
    border: 1px solid #7581ff!important;
    display: block!important;
    padding: 7px 15px!important;
    font-weight: 400!important;
}
.btn-mavi:hover{
    background-color: #007bff!important;
    color: #fff!important;
}
.btn-sari{
    -webkit-transition: .3s all ease!important;
    -o-transition: .3s all ease!important;
    transition: .3s all ease!important;
    background-color: rgb(254, 255, 248)!important;
    color: #9cab00!important;
    border: 1px solid #9cab00!important;
    display: block!important;
    padding: 7px 15px!important;
    font-weight: 500!important;
}
.btn-sari:hover{
    background-color: #c5bf00!important;
    border: 1px solid #c5bf00!important;
    color: rgb(0, 0, 0)!important;
}

.btn-kirmizi{
    -webkit-transition: .3s all ease!important;
    -o-transition: .3s all ease!important;
    transition: .3s all ease!important;
    background-color: rgb(255, 248, 248)!important;
    color: #e84b4b!important;
    border: 1px solid #ff7575!important;
    display: block!important;
    padding: 7px 15px!important;
    font-weight: 400!important;
}
.btn-kirmizi:hover{
    background-color: #ff0000!important;
    color: #fff!important;
}


.btn-mor{
    -webkit-transition: .3s all ease!important;
    -o-transition: .3s all ease!important;
    transition: .3s all ease!important;
    background-color: rgb(255, 247, 255)!important;
    color: #7d30c5!important;
    border: 1px solid #8400e2!important;
    display: block!important;
    padding: 7px 15px!important;
    font-weight: 400!important;
}
.btn-mor:hover{
    background-color: #8400e2!important;
    color: #fff!important;
}

.sorusormodal  .close {
    position:absolute;
    top:10px;
    font-size:16px;
    right:5px;
    color:#999;
    cursor:pointer;
    background:none;
    border:none;
}

.sorusormodal .modal-frame {
    position:absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index:50;
    visibility:hidden;
    position: fixed;
}

.sorusormodal .modal-body {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    min-width: 280px;
    max-width: 600px;
    border-radius: 3px;
    background: #FFF;
    position: absolute;
    left: calc(47% - 285px);
    height: fit-content;
    top: calc(50% - 235px);
    z-index: 100;
}


.sorusormodal .modal-inner {
    padding:10px;
    opacity:0;
    -webkit-transform:scale(.5);
    -webkit-transition:.2s ease-in-out;
    -moz-transform:scale(.5);
    -moz-transition:.2s ease-in-out;
    -ms-transform:scale(.5);
    -ms-transition:.2s ease-in-out;
    -o-transform:scale(.5);
    -o-transition:.2s ease-in-out;
    transform:scale(.5);
    transition:.2s ease-in-out;
}


/**
*  Modal overlay
*/

.sorusormodal .modal-overlay {
    position:absolute;
    top:0;right:0;bottom:0;left:0;
    visibility:hidden;
    opacity:0;
    background:#333;
    -webkit-transition:.15s ease-in-out;
    -moz-transition:.15s ease-in-out;
    -ms-transition:.15s ease-in-out;
    -o-transition:.15s ease-in-out;
    transition:.15s ease-in-out;
}

.sorusormodal .modal-inner {
    -webkit-transform:scale(.95);
    -moz-transform:scale(.95);
    -ms-transform:scale(.95);
    -o-transform:scale(.95);
    transform:scale(.95);
}

/**
*  Enter states
*/

.sorusormodal .modal-frame.active {
    visibility:visible;
    height:inherit;
    display:block;
    z-index: 15017;
}

.sorusormodal .modal-frame.active .modal-body {
    -webkit-animation: popperIn .45s;
    -moz-animation: popperIn .45s;
    -ms-animation: popperIn .45s;
    -o-animation: popperIn .45s;
    animation: popperIn .45s;
}

@-webkit-keyframes popperIn {
    0% {
        opacity:0;
        -webkit-transform:scale(1.06);
    }
    40% { opacity:1;
    }

    100% {
        -webkit-transform:scale(1);
    }
}

@-moz-keyframes popperIn {
    0% {
        opacity:0;
        -moz-transform:scale(1.06);
    }
    40% { opacity:1;
    }

    100% {
        -moz-transform:scale(1);
    }
}

@keyframes popperIn {
    0% {
        opacity:0;
        transform:scale(1.06);
    }
    40% { opacity:1;
    }

    100% {
        transform:scale(1);
    }
}

@-webkit-keyframes popperOut {
    0% {
        opacity:1;
        -webkit-transform:scale(1);
    }
    30% { opacity:1;
    }
    40% {
        -webkit-transform:scale(1.05);
    }

    100% {
        opacity:0;
        -webkit-transform:scale(1.15);
    }
}

@-moz-keyframes popperOut {
    0% {
        opacity:1;
        -moz-transform:scale(1);
    }
    30% { opacity:1;
    }
    40% {
        -moz-transform:scale(1.05);
    }

    100% {
        opacity:0;
        -moz-transform:scale(1.15);
    }
}

@keyframes popperOut {
    0% {
        opacity:1;
        transform:scale(1);
    }
    30% { opacity:1;
    }
    40% {
        transform:scale(1.05);
    }

    100% {
        opacity:0;
        transform:scale(1.15);
    }
}

.sorusormodal .modal-frame.active .modal-inner {
    opacity:1;
    -webkit-transform: scale(1);
    -webkit-transition:.15s ease-in-out;
    -webkit-transition-delay:.13s;
    -moz-transform: scale(1);
    -moz-transition:.15s ease-in-out;
    -moz-transition-delay:.13s;
    -ms-transform: scale(1);
    -ms-transition:.15s ease-in-out;
    -ms-transition-delay:.13s;
    -o-transform: scale(1);
    -o-transition:.15s ease-in-out;
    -o-webkit-transition-delay:.13s;
    transform: scale(1);
    transition:.15s ease-in-out;
    transition-delay:.13s;

}

.sorusormodal .modal-frame.active .modal-overlay {
    opacity:.5;
    visibility:visible;
    height: 100%;
}

.sorusormodal .modal-frame.leave .modal-body {
    opacity:0;
    -webkit-animation: popperOut .5s;
    -webkit-transition:.3s ease-in-out;
    -webkit-transition-delay:.2s;
    -webkit-transform:scale(.95);
    -moz-animation: popperOut .5s;
    -moz-transition:.3s ease-in-out;
    -moz-transition-delay:.2s;
    -moz-transform:scale(.95);
    -ms-animation: popperOut .5s;
    -ms-transition:.3s ease-in-out;
    -ms-transition-delay:.2s;
    -ms-transform:scale(.95);
    animation: popperOut .5s;
    transition:.3s ease-in-out;
    transition-delay:.2s;
    transform:scale(.95);
}

.sorusormodal .modal-frame.leave .modal-inner {
    opacity:0;
    -webkit-transform:scale(.95);
    -webkit-transition:.15s ease-in-out;
    -moz-transform:scale(.95);
    -moz-transition:.15s ease-in-out;
    -ms-transform:scale(.95);
    -ms-transition:.15s ease-in-out;
    -o-transform:scale(.95);
    -o-transition:.15s ease-in-out;
    transform:scale(.95);
    transition:.15s ease-in-out;
}

.justify-content-between {
    justify-content: space-between;
}

.flex-column {
    flex-direction: column;
}
.info-panel {
    height: fit-content;
    max-width: 350px;
    position: absolute;
    bottom: 0;
}

.panel-default {
    background-color: #fff;
}

.panel {
    border: 0;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
    margin-bottom: 11px;
    width: 90%;
}

.panel-default>.panel-body {
    background-color: transparent;
}

.panel-body {
    padding: 20px;
}

.media:first-child {
    margin-top: 0;
}

.media {
    display: flex;
}
.media, .media-body {
    overflow: hidden;
    zoom: 1;
}

.media-body, .media-left, .media-right {
    display: block;
    vertical-align: initial;
}

.media-left, .media>.pull-left {
    padding-right: 10px;
}

.report-grid {
    display: grid;
    grid-template-columns: 55% auto;
}
.cookie-notice {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    bottom: 0;
    width: 100%;
    background-color: #004242;
    color: #fff;
    z-index: 999999;
}
.cookie-notice a{
    color: #0dc2c2;
    font-weight: 600;
}

.cookie-notice p {
    margin-bottom: 0;
    display: contents;
}
.cookie-notice .cookie {
    font-size: 1.2rem;
    margin-right: 0.3rem;
    margin-left: 1rem;
}

.cookie-notice .cookie-info{
    display: flex;
    align-items: center;
}
.cookie-notice .accept-cookies {
    cursor: pointer;
    border: none;
    outline: none;
    background: #ffffff;
    color: #191919;
    font-weight: 600;
    padding: 5px 20px;
    margin-right: 1rem;
    margin-left: 10px;
    transition: 0.35s ease;
    font-size: 13px;
    border-radius: 5px;
}

.cookie-notice .accept-cookies:hover {
    box-shadow: 0.01rem 0.01rem 0.1rem #DDDDDD;
    background: #00ffe6!important;
    color: #345388!important;
}
.ajs-content{
    padding: 20px!important;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button{
    border: none;
    background-color: #fff;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button:hover{
    border: none;
    background-color: #aae6dd;
}
.bootstrap-select .dropdown-menu{
    min-width: auto!important;
}


.bootstrap-select .dropdown-menu .dropdown-item{
    white-space: normal!important;
}
.soruavsom{
    margin-bottom: 5px;
}

.butonlars .active {
    background-color: #38cabb !important;
    border: 1px solid #38cabb!important;
    color: #fff!important
}
.btn_choose_sent input {
    -webkit-appearance: none;
    display: block;
    margin: 10px;
    width: 18px;
    height: 18px;
    border-radius: 12px;
    cursor: pointer;
    vertical-align: middle;
    box-shadow: hsla(0,0%,100%,.15) 0 1px 1px, inset hsla(0,0%,0%,.5) 0 0 0 1px;
    background-color: hsla(0,0%,0%,.2);
    background-image: -webkit-radial-gradient( #fff 0%, #fff 15%, #fff 28%, #fff 70% );
    background-repeat: no-repeat;
    -webkit-transition: background-position .15s cubic-bezier(.8, 0, 1, 1),
    -webkit-transform .25s cubic-bezier(.8, 0, 1, 1);
    outline: none;
}
.btn_choose_sent input:checked {
    -webkit-transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1),
    -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
}
.btn_choose_sent input:active {
    -webkit-transform: scale(1.5);
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
}
.btn_choose_sent input,
.btn_choose_sent input:active {
    background-position: 0 24px;
}
.btn_choose_sent input:checked {
    background-position: 0 0;
}
.btn_choose_sent input:checked ~ input,
.btn_choose_sent input:checked ~ input:active {
    background-position: 0 -24px;
}

.btn_choose_sent{
    color: #fff;
    box-shadow: 0 10px 20px rgba(125, 147, 178, .3);
    border: none;
    border-radius: 3px;
    font-size: 14px;
    line-height: 0px;
    padding: 16px 10px 15px 32px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    margin-top: 15px;
    transition: all .3s;
    height: auto;
    cursor: pointer;
    position: relative;
    outline: none;
}

.btn_choose_sent input{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    top: -3px;
}

.btn_choose_sent input:after{
    position: absolute;
    content: '';
    width: 80px;
    left: 0;
    right: 0;
    /* background: red; */
    /* z-index: -1; */
    height: 40px;
    top: -10px;
}

.bg_btn_chose{
    background-color: #359dcc !important;
}

.btn_choose_sent_check_b{
    color: #fff;
    box-shadow: 0 10px 20px rgba(125, 147, 178, .3);
    border: none;
    border-radius: 3px;
    font-size: 16px;
    line-height: 10px;
    padding:  16px 20px 16px 46px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    margin-right: 30px;
    transition: all .3s;
    height: auto;
    cursor: pointer;
    position: relative;
    outline: none;
}
.uyaricheckbox a , .payment-radio a{
    color: var(--site-color-primary);
}

.uyaricheckbox a:hover , .payment-radio a:hover{
    color: var(--site-color-primary);
}
p.control{
    margin-bottom: 0px;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark{
    top: 9px!important;
}
.tickyuvarlak{
    width: 80px;
    margin-right: 15px;
    display: inline-block;
    height: 80px;
    float: left;
    border-radius: 50%;
    padding: 6px;
    text-align: center;
    line-height: 80px;
}

.tickyuvarlak i{
    color: #3dee49;
    font-size: 69px;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.15);
    border-radius: 50%;
}
.randevutamamyazi{
    display: contents;
    float: left;
}
.randevutamamyazi .title{
    margin-bottom: 15px;
    display: block;
    font-weight: 600;
    font-size: 20px;
}
.randevutamamyazi label{
    color: #575757;
}
.cardisto{
    padding: 32px;
    margin: 25px 0;
}

.onaybekliyorrndv::before{
    color: #d49100;
    width: 25px;
    height: 30px;
    content: "\f017";
    font-family: "Line Awesome Free";
    font-weight: 600;
    position: absolute;
    margin-top: 1px;
    left: -1px;
    font-size: 16px;
}
.onaylanmisrndv::before{
    color: #00af14;
    width: 25px;
    height: 30px;
    content: "\f058";
    font-family: "Line Awesome Free";
    font-weight: 600;
    position: absolute;
    margin-top: 1px;
    left: -1px;
    font-size: 16px;
}
.yuzyuzerndv{
    background-color: rgba(0, 38, 255, 0.15)!important;
    border-left: 5px solid #1100ff!important;
    border-top: 1px solid #a39cff!important;
    border-bottom: 1px solid #a39cff!important;
    border-right: 1px solid #a39cff!important;
}

.onlinerndv{
    background-color: rgba(204, 0, 255, 0.15)!important;
    border-left: 5px solid #9700d3!important;
    border-top: 1px solid #df8fff!important;
    border-bottom: 1px solid #df8fff!important;
    border-right: 1px solid #df8fff!important;
}
.yuzyuzerndv:hover{
    background-color: rgba(0, 38, 255, 0.3)!important;
    border-left: 5px solid #1100ff!important;
    border-top: 1px solid #a39cff!important;
    border-bottom: 1px solid #a39cff!important;
    border-right: 1px solid #a39cff!important;
}

.onlinerndv:hover{
    background-color: rgba(204, 0, 255, 0.3)!important;
    border-left: 5px solid #9700d3!important;
    border-top: 1px solid #df8fff!important;
    border-bottom: 1px solid #df8fff!important;
    border-right: 1px solid #df8fff!important;
}

.iptaledildirndv{
    background-color: rgba(255, 0, 0, 0.15)!important;
    border-left: 5px solid #d30000!important;
}
.fc .fc-list-table th{
    width: 100%;
}
.fc .fc-timegrid-col.fc-day-today{
    background-color: #fff!important;

}
.fc-direction-ltr .fc-daygrid-event .fc-event-time{
    margin-left: 5px;
}
.fc-daygrid-dot-event .fc-event-title{
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.randevudurumne{
    position: absolute!important;
    right: -10px;
    top: -40px;
    padding: 1px 10px!important;
    font-size: 12px!important;
}

.profile-det-info{
    padding-top: 5px;
}

.review-listing .recommend-btn a{
    width: fit-content;
    position: absolute;
    right: 10px;
    bottom: 13px;
}
.makaleyegitbtn{
    width: fit-content;
    position: absolute;
    right: 10px;
    top: 13px;
}
#sifregoster{
    position:absolute;
    bottom:0px;
    right:0px;
    top:0px;
    width:50px;
    height: 50px;
    display:flex!important;
    justify-content:center;
    align-items:center;
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    color: var(--site-color-primary);
    font-size: 19px;
    cursor: pointer;
    transition: all 0.2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

#sifregoster:hover{
    background-color: var(--site-color-primary)!important;
    color: #fff!important;
}

#tekrarsifregoster{
    position:absolute;
    bottom:0px;
    right:0px;
    top:0px;
    width:50px;
    height: 50px;
    display:flex!important;
    justify-content:center;
    align-items:center;
    border-top-right-radius:.25rem;
    border-bottom-right-radius:.25rem;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    color: var(--site-color-primary);
    font-size: 19px;
    cursor: pointer;
    transition: all 0.2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -webkit-transition: all .2s ease;
}

#tekrarsifregoster:hover{
    background-color: var(--site-color-primary);
    color: #fff;
}
.btnonline{
    background-color: #a102d6;
    border: 1px solid #a102d6;
}
.btnonline:hover{
    background-color: #d041ff;
    border: 1px solid #d041ff;
}
.labelsearchonline{
    margin-left: 0.3px!important;
}
.bildirimbell{
    position: relative;
    padding: 8px!important;
    height: 35px;
    margin: auto 0;
    font-size: 16px!important;
    text-align: center;
    display: flex;
    align-items: center;
    border: 1px solid var(--site-color-primary);
    border-radius: 50%;
    color: var(--site-color-primary);
    background-color: rgb(255 255 255 / 73%);
}

.bildirimbell:hover{
    background-color: var(--site-color-primary);
    color: #fff;
}
.bildirimsayi{
    padding: 4px 6px;
    width: fit-content;
    height: auto;
    display: flex;
    align-items: center;
    border-radius: 100%;
    background-color: red;
    color: #fff;
    position: absolute;
    right: -5px;
    top: 0px;
    z-index: 10;
}
.webposition{
    right: 0;
    left: auto;
}
.webbildirimler{
    position: absolute;
    top: 110%;
    right: 10px;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
    -webkit-animation: kay .3s ease;
}
@keyframes kay
{
    0% {
        top: 0%;
    }
    100% {
        top: 110%;;
    }
}
.webbildirimler h4{
    padding: 15px 0;
    margin: 0;
}
.webbildirimler a{
    display: block;
    padding: 10px 0 0;
    border-top: 1px solid #dcdcdc;
    text-align: left;
    padding-left: 15px;
    font-weight: 500;
    padding: 10px 20px;
    color: var(--site-color-primary);
    max-width: 300px;
}
.webbildirimler .randevuiptalcolor{
    color: #b93232!important;
}
.webbildirimler .randevuiptalcolor:hover{
    background-color: #b93232!important;
    color: #fff!important;
}
.mobilebildirimler .randevuiptalcolor{
    color: #b93232!important;
}
.mobilebildirimler .randevuiptalcolor:hover{
    background-color: #b93232!important;
    color: #fff!important;
}
.webbildirimler a:hover{
    background-color: var(--site-color-primary);
    color: #fff;
}

.webbildirimler a:hover label{
    color: #d5d5d5;
}

.webbildirimler .bildirimbilgi:last-child a{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.webbildirimler a span{
    padding: 0 0 0 20px;
    float: right;
    font-size: 24px;
}

.webbildirimler label{
    font-size: 13px;
    color: #777;
    padding: 5px 0 0;
    margin: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}


.mobilebildirimler{
    position: absolute;
    top: 110%;
    left: 10px;
    width: 95vw;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
    -webkit-animation: kay .3s ease;
}
.mobilebildirimler h4{
    padding: 15px 0;
    margin: 0;
}
.mobilebildirimler a{
    display: block;
    padding: 10px 0 0;
    border-top: 1px solid #dcdcdc;
    text-align: left;
    padding-left: 15px;
    font-weight: 500;
    padding: 10px 20px;
    color: var(--site-color-primary);
}
.mobilebildirimler a:hover{
    background-color: var(--site-color-primary);
    color: #fff;
}

.mobilebildirimler a:hover label{
    color: #d5d5d5;
}

.mobilebildirimler .bildirimbilgi:last-child a{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.mobilebildirimler a span{
    padding: 0 0 0 20px;
    float: right;
    font-size: 24px;
}

.mobilebildirimler label{
    font-size: 13px;
    color: #777;
    padding: 5px 0 0;
    margin: 0;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}



.bildirimzamani{
    display: block;
    cursor: pointer;
}
.mobilebell{
    position: absolute;
    top: 0;
    right: 0;
}
.bildirimabsolite{
    position: absolute;
    right: 15px;
    top: 0;
}
.bildirimkapat{
    float: right;
    margin-right: 15px;
    font-size: 24px;
    padding: 5px;
    border-radius: 50%;
    cursor: pointer;
}
.anadiv404{
    height: 100vh;
    padding: 0 50px;
    align-items: center;
    display: grid;
    justify-content: center;
}
.img404{
    text-align: center;
}
.img404 img{
    max-width: 40%;
}
.dulogo{
    margin-left: auto;
    margin-right: auto;
}
.donbuton{
    text-align: right;
    position: relative;
}
.donbuton a{
    margin-right: 20px;
    float: left;
}
.donbuton i{
    margin-right: 5px;
}
.blokeler{
    padding: 8px 0;
    border-bottom: 1px solid #dcdcdc;
    background-color: #f3f3f3;
    line-height: 35px;
    color: #333;
    margin-bottom: 5px;
}
.blokeler label{
    margin-bottom: 0px!important;
}

.newsearchdiv{
    max-width: 760px; /* 640px */
    margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
}
.newsearchdiv .nav-tabs{
    border: none;
}
.newsearchdiv .nav-item{
    margin-right: 5px;
    padding-left: 3px;
    padding-right: 3px;
    margin: 0;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3);
}
.newsearchdiv .nav-tabs .nav-item:first-child .nav-link{
    border-top-left-radius: 10px!important;

}
.newsearchdiv .nav-tabs .nav-item:last-child .nav-link{
    border-top-right-radius: 10px!important;

}
.newsearchdiv .nav-tabs .nav-item:first-child{
    padding-left: 0px;
}
.newsearchdiv .nav-tabs .nav-item:last-child{
    padding-right: 0px;
}
.newsearchdiv .nav-tabs .nav-link{
    border: none;
    border-radius: 0px;
    padding: 6px 0;
    font-size: 14px;
    background-color: rgb(26 103 103 / 72%);
    color: #fff;
    text-align: center;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.newsearchdiv .nav-tabs .nav-link:hover{
    background-color: #004242;
    color: #fff;
}
.newsearchdiv .nav-tabs .nav-link.activeonline:hover{
    background-color: rgb(88 0 214 / 0.5);
    color: #fff;
}
.newsearchdiv .nav-tabs .nav-link i{
    font-size: 21px;
    margin-bottom: 5px;
    display: block;
}
.newsearchdiv .nav-tabs .nav-link.active{
    background-color: #004242;
    z-index: 999999;

}
.newsearchdiv .nav-tabs .nav-link.activeonline.active{
    background-color: #6d48c5;
    z-index: 999999;
}
.newsearchdiv .nav-tabs .nav-link.active::after{
    font-family: "Line Awesome Free";
    content: "\f0d7";
    position: absolute;
    bottom: -24px;
    left: 50%;
    margin-left: -8px;
    font-size: 22px;
    opacity: 1;
    font-weight: 600;
    color: #004242;
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
.newsearchdiv .nav-tabs .nav-link.activeonline.active::after{
    color: #6d48c5!important;
}
@-webkit-keyframes mover {
    0% { transform: translateY(-10px);
    }
    100% { transform: translateY(0);
    }
}
@keyframes mover {
    0% { transform: translateY(-10px);
    }
    100% { transform: translateY(0);
    }
}
.newsearchdiv .tab-content{
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0!important;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.3);
    height: 45px;
}
.uzmanaradiv{
    position: relative;
    width: 100%;
    border-right: 1px solid #dcdcdc;
    padding: 0;
    margin-bottom: 8px;
}
.uzmanaradiv input{
    padding-left: 15px;
    outline: none;
    outline: none;
}
.uzmanaradiv:after{
    font-family: "Line Awesome Free";
    content: "\f0d7";
    position: absolute;
    right: 10px;
    top: 28%;
    margin-left: -8px;
    font-size: 14px;
    opacity: 1;
    font-weight: 600;
    color: #468b89;
}
.typeahead{
    width: 100%;
    height: 45px;
    padding: 8px 12px;
    font-size: 14px;
    line-height: 45px;
    border: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
    background-color: #fff;
}
.twitter-typeahead{
    width: 100%;
}
.tt-menu {

    width: 100%;
    margin: 0;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 14px;
    line-height: 24px;
}

.tt-suggestion:hover {
    cursor: pointer;
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}
.uzmanbtn{
    background-color: #005858!important;
    outline: none!important;
    border: none!important;
    box-shadow: none!important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0 5px 5px 0;

}
.uzmanbtn:hover{
    background-color: #008282!important;
}
.uzmanbtndiv{
    height: 45px;
}

.onlinebtn{
    background-color: #6d48c5!important;
    outline: none!important;
    border: none!important;
    box-shadow: none!important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0 5px 5px 0;

}
.onlinebtn:hover{
    background-color: #6d48c5!important;
}


.makalebtn{
    background-color: #004242!important;
    outline: none!important;
    border: none!important;
    box-shadow: none!important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0 5px 5px 0;

}
.makalebtn:hover{
    background-color: #008282!important;
}


.kurumbtn{
    background-color: #004242!important;
    outline: none!important;
    border: none!important;
    box-shadow: none!important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 0 5px 5px 0;

}
.kurumbtn:hover{
    background-color: #008282!important;
}
.newsearchdiv .nav-tabs{
    background-color: transparent!important;
}

.blokescroll{
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.searchimg{
    width: 30px;
    height: auto;
    margin-right: 10px;
    border-radius: 50%;
}
.league-name{
    margin-left: 10px;
    padding-top: 10px;
}
.onaybekliyorbg {
    border: 1px solid !important;
    border-color: #ffa857 !important;
}

.onaylandibg {
    border: 1px solid !important;
    border-color: #37943f !important;
}

.iptaledildibg {
    border: 1px solid !important;
    border-color: #ff5d5d !important;
}

.tamamlandibg {
    border: 1px solid !important;
    border-color: #804abd !important;
}


.onaybekliyortext {
    color: #ffa857 !important;
    width: fit-content;
    font-size: 13px;
}

.onaylanditext {
    color: #37943f !important;
    width: fit-content;
    font-size: 13px;
}

.iptaledilditext {
    color: #ff5d5d !important;
    width: fit-content;
    font-size: 13px;
}

.tamamlanditext {
    color: #804abd !important;
    width: fit-content;
    font-size: 13px;
}

.mesajdesign {
    width: 100%;
    display: inline-block;
    clear: both;
}
.livechatdiv{
    position: fixed;
    right: 10px;
    bottom: 10px;
}
.livechatfixed{
    position: relative;
    border-radius: 30px;
    padding: 10px 20px;
    background-image: linear-gradient( 109.6deg, rgba(10,96,221,0.8) 11.2%, rgba(0,191,191,0.8) 91.2% );
    color: #fff;
    display: flex;
    line-height: 25px;
    z-index: 1000;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
.livechatfixed:hover{
    background-image: linear-gradient( 109.6deg, rgba(0,191,191,0.8) 11.2%, rgba(10,96,221,0.8) 91.2% );
    margin-bottom: 5px;
}

.livechatfixed i{
    font-size: 26px;
    color: #fff;
}
.fixedchat{
    position: fixed;
    border-radius: 20px!important;
    bottom: 7%;
    right: 30px;
    width: 450px;
    height: 450px;
    z-index: 1001;
    font-size: 12px;
}
.fixedchat .card-title{
    border-bottom: 1px solid #eee;
    margin-bottom: 5px;
}
.fixedchatkisiler{
    position: relative;
    background: rgb(0 17 64 / 90%);
    background-attachment: fixed;
    background-size: contain;
    height: 100%;
    border-right: 1px solid #eee;
    padding: 0;
    border-top-left-radius: 20px!important;
    border-bottom-left-radius: 20px!important;
}
.fixedchatkisiler .tummesajlar{
    margin-top: 5px;
    padding: 0px;
}

.fixedchatkisiler .tummesajlar a.btn{
    border-bottom-left-radius: 15px;
}


.fixedchatkisiler ul{
    list-style: none;
    padding-inline-start: 0px;
    margin: 0;
    padding: 0;
    max-height: 323px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.fixedchatkisiler ul li{
    width: 100%;
    line-height: 40px;
    background-color: #f5fafd;
    color: #222;
    border-bottom: 1px solid #80ccc2;
    margin-bottom: 2px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}
.fixedchaticerik{
    position: relative;
    background: #f9f9f9 url("../../images/chatbg.jpg");
    background-attachment: fixed;
    background-size: cover;
}
.fixedchaticerik .chatbg{
    height: 360px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 50px;
}
.fixedchatkisiler .fixedchatkisilerclose{
    display: none;
    padding: 7px 6px;
    margin-top: -4px;
    float: right;
    font-size: 24px;
    line-height: 11px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 30px;
}
.fixedchatkisiler .fixedchatkisilerclose:hover{
    background-color: #fff;
    color: rgb(0 17 64 / 90%)!important;
}
.fixedchaticerik .fixedchatprev{
    display: none;
    margin-top: 5px;
    padding: 2px 7px;
    float: left;
    font-size: 18px;
    line-height: 11px;
    border: 1px solid rgb(0 17 64 / 90%);
    border-radius: 50%;
}
.fixedchaticerik .fixedchatprev:hover{
    background-color: rgb(0 17 64 / 90%);
    color: #fff;
}
.fixedchaticerik .fixedchatclose{
    padding: 5px 4px;
    float: right;
    font-size: 24px;
    line-height: 11px;
    border: 1px solid rgb(0 17 64 / 90%);
    border-radius: 50%;
}
.fixedchaticerik .fixedchatclose:hover{
    background-color: rgb(0 17 64 / 90%);
    color: #fff;
}
.fixedchaticerik .cevapdiv{
    position: absolute;
    left: 5px;
    bottom: 7px;
}
.fixedchaticerik .cevapdiv i{
    font-size: 16px;
}
.fixedchaticerik .cevapgonder{
    height: 35px;
}
.fixedchaticerik .gelenmesaj{
    float: left;
    background-color: #fff;
    padding: 10px;
    border-top-left-radius: 0!important;
    border-radius: 10px;
    color: #333;
    border: 1px solid #80ccc2;
    width: fit-content;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(158, 227, 218, 0.5);
    -moz-box-shadow: 0px 0px 15px -5px rgba(158, 227, 218, 0.5);
    box-shadow: 0px 0px 15px -5px rgba(93, 141, 135, 0.5);
    position: relative;
}

.fixedchaticerik .gidenmesaj{
    float: right;
    background-color: #272727;
    padding: 10px;
    border-top-right-radius: 0!important;
    border-radius: 10px;
    color: #f5f5f5;
    border: 1px solid #80ccc2;
    width: fit-content;
    -webkit-box-shadow: 0px 0px 15px -5px rgba(158, 227, 218, 0.5);
    -moz-box-shadow: 0px 0px 15px -5px rgba(158, 227, 218, 0.5);
    box-shadow: 0px 0px 15px -5px rgba(93, 141, 135, 0.5);
    position: relative;
}
.fixedchaticerik .chatbilgi{
    display: block;
    width: 100%;
    height: 20px;
}

.fixedchaticerik span{
    display: block;
}
.fixedchaticerik .gidenmesaj .chatisim{
    background-color: #272727;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 500;
    font-size: 11px;
    color: #888888;
    float: left;
    margin-bottom: 0px;
}
.fixedchaticerik .gidenmesaj .chatsaat{
    background-color: #272727;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 500;
    font-size: 11px;
    color: #888888;
    float: right;
    margin-bottom: 0px;
}
.fixedchaticerik .gelenmesaj .chatisim{
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 500;
    font-size: 11px;
    color: #888888;
    float: left;
    margin-bottom: 0px;
}
.fixedchaticerik .gelenmesaj .chatsaat{
    background-color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: 500;
    font-size: 11px;
    color: #888888;
    float: right;
    margin-bottom: 0px;
}

.kisidiv a{
    display: block;
    width: 100%;
    padding-left: 10px;
}

.kisidiv a:hover{
    padding-left: 30px;
}

.kisidiv a img{
    padding: 8px 0;
    height: 40px;
    width: auto;
    margin-right: 5px;
}
.kisidiv a p{
    line-height: 15px;
    font-size: 11px;
    margin-bottom: 5px!important;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@keyframes chatgel {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0%);
    }
}
.opacitygive{
    visibility: visible;
    opacity: 1;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -webkit-animation: chatgel .3s ease;
}
@keyframes chatgit {
    from {
        transform: translateX(0%);
    }

    to {
        transform: translateX(110%);
    }
}

.opacitynone{
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -webkit-animation: chatgit .3s ease;
}



.modalContent span {
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    color: #005858;
}
@keyframes uyarimodalframe {
    from {
        transform: translate(-50%, -100%);
        opacity: 0;
    }
    to {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}
#modalOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999;
    height: 100%;
    width: 100%;
}
.modalPopup {
    position: absolute;
    border-radius: 20px;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    width: 50%;
    padding: 0 0 30px;
    -webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -webkit-animation: uyarimodalframe .5s ease;
}
.modalContent {padding: 2em 2em;}
.headerBar {
    width: 100%;
    border-radius: 20px;
    background: #fff;
    border-bottom: 1px solid #eee;
    margin: 0;
    text-align: center;
}
.headerBar img {
    margin: 15px auto;
    width: 170px;
}
.buttonStyle {
    border: transparent;
    border-radius: 0;
    background: #6d6d6d;
    color: #eee !important;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    padding: 6px 25px;
    text-decoration: none;
    background: -moz-linear-gradient(top, #6d6d6d 0%, #1e1e1e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d6d6d), color-stop(100%,#1e1e1e));
    background: -webkit-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);
    background: -o-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);
    background: -ms-linear-gradient(top, #6d6d6d 0%,#1e1e1e 100%);
    background: linear-gradient(to bottom, #6d6d6d 0%,#1e1e1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6d6d', endColorstr='#1e1e1e',GradientType=0 );
    /*	-webkit-box-shadow: 0 2px 4px 0 #999;
    box-shadow: 0 2px 4px 0 #999; */
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.buttonStyle:hover {
    background: #1e1e1e;
    color: #fff;
    background: -moz-linear-gradient(top, #1e1e1e 0%, #6d6d6d 100%, #6d6d6d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1e1e), color-stop(100%,#6d6d6d), color-stop(100%,#6d6d6d));
    background: -webkit-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
    background: -o-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
    background: -ms-linear-gradient(top, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
    background: linear-gradient(to bottom, #1e1e1e 0%,#6d6d6d 100%,#6d6d6d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e1e1e', endColorstr='#6d6d6d',GradientType=0 );
}
.returnToProfile {text-align: center; margin:3em;}
.returnToProfile a, .returnToProfile a:visited {color: #ddd;}
.returnToProfile a:hover {color: #fff;}
#ETBIS{
    float: right;
}
#ETBIS a img{
    width: 30px !important;
    height: auto !important;
}
.fulladres{
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
}
.fulladresli{
    padding-left: 20px;
}
.yorumsikayet{
    position: absolute;
    right: 0;
    top: 25px;
    font-size: 13px;
}
.yorumsikayet a{
    color: #0080b1;
}
.makaledrfoto{
    width: 30px;
    height: 30px;
    display: block;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    margin-right: 10px;
}
.makaledrfotohdetay{
    width: 50px;
    height: 50px;
    display: block;
    background-position: center;
    background-size: cover;
    border-radius: 50%;
    margin-right: 10px;
}
.makaledrfotohdetaybig{
    position: relative;
    width: 180px;
    height: 180px;
    margin-bottom: 15px;
    border-radius: 15px 15px 0 0;
    margin: 0 auto;
}
.makaledrfotohdetaybig img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 10px;
}
h1.doc-name{
    font-size: 18px;
}
.modal-backdrop{
    z-index: 1!important;
}

.footersag li a:hover{
    color: #fff;
}
#yildiz1 , #yildiz2 , #yildiz3 , #yildiz4 , #yildiz5{
    opacity: 0;
    height: 0px;
    width: 0px;
}
.dryildiz{
    width: 100%;
    text-align: center;
}
.dryildiz label{
    cursor: pointer;
}
.dryildiz label i{
    font-weight: 100;
    font-size: 38px;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    background-color: #fff;
    padding: 10px;
    color: #6fd6c5;
    border-radius: 50%;
    border: 1px solid #fff;
}

.yildiz1label:hover i , .yildiz2label:hover i , .yildiz3label:hover i , .yildiz4label:hover i , .yildiz5label:hover i{
    font-weight: 600;
    background-color: #d1fff7;
    border-radius: 50%;
    padding: 10px;
}
.dryildiz label.active i{
    font-weight: 600;
    background-color: #d7fff8;
    border-radius: 50%;
    border: 1px solid #6fd6c5;
}
.dryildiz label.active:hover i{
    padding: 10px;
    color: #6fd6c5;
}
.yildizdurum{
    width: 100%;
    margin: 20px 0;
}

.yildizdurum span{
    text-align: center;
    display: block;
    font-size: 28px;
    font-weight: 500;
}
.doctorkisim{
    position: relative;
    width: 100%;
    display: inline-block;
    background-color: #e9f8f6;
    border: 1px solid #9fdad2;
    border-radius: 15px;
    padding: 10px 10px 0px;
    text-align: center;
}
.yorumkisim {
    margin-top: 20px;
    position: relative;
    width: 100%;
    display: block;
}

.yorumkisim textarea{
    border-radius: 15px;
    line-height: 25px;
}
.doctorkisim .drkisimbilgi span{
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 5px;
}
.doctorkisim .drkisimimg {
    display: block;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    background-size: cover;
    background-position-y: top;
    background-position-x: center;
    margin: 10px auto 10px auto;
}
.doctorkisim .drkisimbilgi {
    display: block;
}
.yorumbtn a{
    width: fit-content;
    margin-left: auto;
    background-color: rgba(183, 233, 225, 0.30);
    color: var(--site-color-primary);
}

.yorumbtn a:hover {
    border-color: #7ed2c2;
    color: var(--site-color-primary);
}





.uzmanarainput,
.sehirler,
.onlineuzmanarainput,
.makaleinput,
.kuruminput {
    height: 45px;
    width: 100%;
    border: none;
}

.datalist,
.sehirlist,
.onlinedatalist,
.makaledatalist,
.kurumdatalist {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    list-style: none;
    overflow-y: scroll;
    max-height: 210px;
    position: absolute;
    z-index: 1;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .04);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);

}

.datalist li,
.onlinedatalist li,
.makaledatalist li,
.kurumdatalist li {
    border-bottom: 1px solid #ebf7f6;
    font-size: 14px;
    line-height: 30px;
    padding: 5px 10px;
    transition: all .2s ease;
}

.datalist li .catclass,
.onlinedatalist li .catclass,
.makaledatalist li .catclass,
.kurumdatalist li .catclass {
    display: inline-block;
    line-height: 35px;
    max-width: 60%;
    margin-bottom: -5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.datalist li .catclassmakale,
.onlinedatalist li .catclassmakale,
.makaledatalist li .catclassmakale,
.kurumdatalist li .catclassmakale {
    margin-bottom: -5px;
    display: inline-block;
    line-height: 35px;
    max-width: 50%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.datalist li a,
.onlinedatalist li a,
.makaledatalist li a,
.kurumdatalist li a {
    display: block;
    padding: 5px 0;
    margin: 0;
    height: 100%;
    border: none;
    transition: all .2s ease;
}


.datalist li:hover a,
.onlinedatalist li:hover a,
.makaledatalist li:hover a,
.kurumdatalist li:hover a {
    background-color: #b7e9e1;
    color: #333;
}

.datalist li:hover,
.sehirlist li:hover,
.onlinedatalist li:hover,
.makaledatalist li:hover,
.kurumdatalist li:hover {
    background-color: #b7e9e1;
    color: #1b2734;
    text-decoration: none;
    cursor: pointer;
}
.datalist li.active,
.sehirlist li.active,
.onlinedatalist li.active,
.makaledatalist li.active,
.kurumdatalist li.active {
    background-color: #b7e9e1;
    color: #1b2734;
    text-decoration: none;
    cursor: pointer;
}

.datalist li i,
.onlinedatalist li i,
.makaledatalist li i,
.kurumdatalist li i {
    transition: all .2s ease;
    background-color: #e2fffa;
    border-radius: 100%;
    color: #39cabb;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    padding-left: 0px;
}

.palcat {
    font-size: 12px;
    margin-left: auto;
    line-height: 30px;
}
.palcat small{
    line-height: 36px;
    margin-left: 5px;
}

.sehirlist li {
    border-bottom: 1px solid #ebf7f6;
    padding: 3px 0px;
    font-size: 14px;
    line-height: 30px;
}

.sehirlist li i {
    border-radius: 100%;
    color: #98a1ae;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    padding-left: 3px;

}

.faturalardiv .card{
    border: 0;
}
.faturalardiv .faturaodenmedi .card .card-title{
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
}
.faturalardiv .faturaodenmedi .card .card-title i{
    color: #F64E60;
    padding: 12px;
    background-color: #ffcfd5;
    border-radius: 50%;
    font-size: 18px;
    margin-right: 15px;
}
.faturalardiv .faturaodenmedi .card .card-title .faturadonemi{
    font-weight: 500;
    font-size: 16px;
    color: #333;
}
.faturalardiv .faturaodenmedi .card .card-title small{
    font-size: 14px;
    font-weight: 300;
    color: #afafaf;
}
.faturalardiv .faturaodenmedi .odenmedibody{
    padding-left: 30px;
    padding-right: 30px;
}
.faturalardiv .faturaodenmedi .odenmedibody span{
    color: #3F4254;
    font-size: 13px;
}
.faturalardiv .faturaodenmedi .odenmedibody .text-muted{
    color: #B5B5C3!important;
    font-weight: 500;
    text-align: right;
}
.faturalardiv .faturaodenmedi .odenmedibody .faturabuttons{
    margin-top: 20px;
}
.faturalardiv .faturaodenmedi .odenmedibody .faturabuttons a{
    width: 100%;
    margin-top: 10px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 13px;
}
.faturalardiv .faturaodenmedi .odenmedibody .faturabuttons a.btn-outline-primary{
    color: #3445E5!important;
    background-color: #F1F3FF!important;
    border-color: transparent!important;
}
.faturalardiv .faturaodenmedi .odenmedibody .faturabuttons a.btn-outline-primary:hover{
    color: #FFFFFF!important;
    background-color: #3445E5!important;
    border-color: transparent!important;
}




.faturalardiv .faturaodendi .card .card-title{
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px;
}
.faturalardiv .faturaodendi .card .card-title i{
    color: #25c776;
    padding: 12px;
    background-color: #cffff1;
    border-radius: 50%;
    font-size: 18px;
    margin-right: 15px;
}
.faturalardiv .faturaodendi .card .card-title .faturadonemi{
    font-weight: 500;
    font-size: 16px;
    color: #333;
}
.faturalardiv .faturaodendi .card .card-title small{
    font-size: 14px;
    font-weight: 300;
    color: #afafaf;
}
.faturalardiv .faturaodendi .odendibody{
    padding-left: 30px;
    padding-right: 30px;
}
.faturalardiv .faturaodendi .odendibody .text-muted{
    text-align: right;
}
.faturalardiv .faturaodendi .odendibody span{
    color: #3F4254;
    font-size: 13px;
}
.faturalardiv .faturaodendi .odendibody .text-muted{
    color: #B5B5C3!important;
    font-weight: 500;
}
.faturalardiv .faturaodendi .odendibody .faturabuttons{
    margin-top: 20px;
}
.faturalardiv .faturaodendi .odendibody .faturabuttons a{
    width: 100%;
    margin-top: 10px;
    border-radius: 10px;
    font-weight: 500;
    font-size: 13px;
}
.faturalardiv .faturaodendi .odendibody .faturabuttons a.btn-outline-primary{
    color: #3445E5!important;
    background-color: #F1F3FF!important;
    border-color: transparent!important;
}
.faturalardiv .faturaodendi .odendibody .faturabuttons a.btn-outline-primary:hover{
    color: #FFFFFF!important;
    background-color: #3445E5!important;
    border-color: transparent!important;
}
.faturalardiv .faturaodendi .odendibody .faturabuttons a.text-disabled{
    background-color: #39cabb!important;
    border-color: #39cabb!important;
    color: #fff!important;
    text-decoration: none!important;
    cursor: no-drop!important;
    pointer-events: visible;
    outline: 0!important;
    box-shadow: none!important;
}
.faturadetaydiv .card .card-body .card-title{
    font-size: 15px;
    font-weight: 500;
    color: #333;
    padding-bottom: 15px;
    text-align: center;
}

.faturadetaydiv .card .card-body .card-content .text-muted{
    text-align: right;
}
.faturadetaydiv .card .card-body .card-content span{
    color: #3F4254;
    font-size: 13px;
}

.faturadetaydiv .card .card-body .card-content .title{
    color: #333;
    font-size: 13px;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ececec;
    display: block;
    padding-left: 5px;
}
.faturadetaydiv .card .card-body .card-content .faturaucretdetay{
    margin-top: 20px;
}
.faturadetaydiv .card .card-body .card-content .faturaucretdetay .title{
    text-align: center;
}



.btn-outline-primary{
    color: #3758c7!important;
    background-color: rgb(165 205 255 / 50%)!important;
    border: 1px solid transparent;
    font-weight: 500!important;
    padding: 5px 10px;
}
.btn-outline-primary:hover{
    color: #FFFFFF!important;
    background-color: #3445E5!important;
    border-color: transparent!important;
}

.btn-outline-success{
    color: var(--site-color-primary)!important;
    background-color: rgb(183 233 225 / 50%)!important;
    border: 1px solid transparent;
    font-weight: 500!important;
    padding: 5px 10px;
}
.btn-outline-success:hover{
    color: #fff!important;
    background-color: var(--site-color-primary)!important;
    border: 1px solid transparent!important;
    font-weight: 500!important;
}
.randevugunu .btn-light{
    color: var(--site-color-primary)!important;
    background-color: rgba(183, 233, 225, 0.30)!important;
    border-color: transparent!important;
    font-weight: 500!important;
}
.randevugunu .btn-light:hover{
    color: #fff!important;
    background-color: var(--site-color-primary)!important;
    border: 1px solid transparent!important;
    font-weight: 500!important;
}
.randevugunu .alert-danger{
    font-size: 12px;
    font-weight: 500;
}
.tarihler .prevnext span{
    font-size: 14px;
}
.header-navbar-rht li.contact-item{
    position: relative;
}
.dokturmusundiv{
    position: absolute;
    top: 98%;
    width: max-content;
    animation: doktormusunkaydir .3s ease;
}
.dokturmusundiv .card{
    padding: 0;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
}
.dokturmusundiv .card-body{
    padding: 10px 6px 0px;
}
.dokturmusundiv a{
    display: block;
    margin-bottom: 5px;
}


.dokturmusundivmobile{
    position: absolute;
    top: 98%;
    width: 100%;
    animation: doktormusunkaydir .3s ease;
}
.dokturmusundivmobile .card{
    padding: 0;
    background-color: transparent!important;
    border-color: transparent!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
}
.dokturmusundivmobile .card-body{
    padding: 10px 6px 0px;
}
.dokturmusundivmobile a{
    display: block;
    margin-bottom: 5px;
}

@keyframes doktormusunkaydir {
    from {
        top: 75%;
        opacity: 0;
    }

    to {
        top: 98%;
        opacity: 1;
    }
}
.hekimloginmobil-link{
    position: relative;
}

.pagination-ellipsis{
    display: none;
}
.anatomigolgediv img{
    max-width: 540px;
    margin-left: 5px;
}
@keyframes manarrow {
    0% {
        left: 70%;
        top: 0;
        opacity: 1;
    }

    50% {
        left: 100%;
        top: 90%;
        opacity: 0;
    }
    100% {
        left: 70%;
        top: 0;
        opacity: 1;
    }
}
@keyframes womanarrow {
    0% {
        top: 0;
        opacity: 1;
    }

    50% {
        top: 70%;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes childrenarrow {
    0% {
        right: 70%;
        top: 0;
        opacity: 1;
    }

    50% {
        right: 100%;
        top: 90%;
        opacity: 0;
    }
    100% {
        right: 70%;
        top: 0;
        opacity: 1;
    }
}
.anatomigolgediv .shadowarrows{
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
}
.anatomigolgediv .shadowarrows span{
    display: inline-block;
    width: 32%;
    height: 80px;
    font-size: 36px;
    color: var(--site-color-primary);
    position: relative;
}
.anatomigolgediv .shadowarrows .manarrow i{
    transition: all .3s ease;
    animation-name: manarrow;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    position: absolute;
    transform: rotate(-25deg);
}

.anatomigolgediv .shadowarrows .womanarrow i{
    transition: all .3s ease;
    animation-name: womanarrow;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    position: absolute;
    left: 42%;
}

.anatomigolgediv .shadowarrows .childrenarrow i{
    transition: all .3s ease;
    animation-name: childrenarrow;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    position: absolute;
    transform: rotate(25deg);
}


.ajs-visible {
    color:#fff !important;
}

.hospitals_page .hospital_infos{
    display: flex;
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.hospitals_page .hospital_infos > a{
    display: block;
    position: relative;
    min-width: 95px;
    width: 95px;
    min-height: 95px;
    height: 95px;
}
.hospitals_page .hospital_infos a .hospital_img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 20px;
}

.hospitals_page .hospital_info {
    padding-left: 20px;
    width: calc(100% - 90px);
}
.hospitals_page .hospital_info a:hover h3.company_name{
    color: var(--site-color-primary-hover);
}

.hospitals_page .hospital_info span {
    margin-bottom: 6px;
}

.hospitals_page .hospital_info span i {
    font-size: 13px;
    color: var(--site-color-primary);
    width: 15px;
    margin-right: 8px;
}

.hospitals_page .hospital_info .hospital_name {
    font-weight: 500;
    font-size: 16px;
    display: block;
}

.hospitals_page .hospital_info .hospital_kind,
.hospitals_page .hospital_info .hospital_type,
.hospitals_page .hospital_info .hospital_city,
.hospitals_page .hospital_info .hospital_phone {
    font-weight: 400;
    font-size: 13px;
    color: #777;
    display: block;
}

.hospitals_page .hospital_address{
    display: block;
    border-bottom: 1px solid #ececec;
}

.hospitals_page .hospital_address i {
    font-size: 26px;
    margin-right: 10px;
    color: #468b89;
}

.hospitals_page .hospital_address .h_address {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    line-height: 25px;
}

.hospitals_page .hospital_btns{
}

.hospitals_page .hospital_btns a, .hospitals_page .hospital_btns button {
    padding: 8px 10px;
    display: flex;
    width: 100%;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
}

.hospitals_page .hospital_btns a i, .hospitals_page .hospital_btns button i{
    font-size: 16px;
}

#hospital_map_show .closebtn_div{
    position: absolute;
    right: 15px;
    top: 10px;
}

#hospital_map_show .closebtn_div button {
    font-size: 38px;
    color: var(--site-color-primary);
    opacity: 1;
}

#hospital_map_show .modal-dialog {
    max-width: 70vw;
    width: 70vw;
    height: 70vh;
    margin: 10vh auto 20vh;
    border-radius: 15px;
}

#hospital_map_show iframe {
    max-width: 70vw;
    width: 70vw;
    height: 70vh;
    border-radius: 15px;
}

.hospital_drimg{
    margin-right: 10px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    background-size: cover !important;
    background-position-y: center !important;
    background-position-x: center !important;
}

.mhrs_btn a{
    background-color: #fff;
    color: #e66060;
    text-align: center;
    padding: 0;
    font-weight: 500;
    letter-spacing: 1px;
    border-bottom: 1px solid #e66060;
}
.mhrs_btn a:hover {
    border-radius: 10px;
    background-color: #e66060  !important;
    color: #fff !important;
}

.mhrs_btn a:focus {
    border-radius: 10px;
    background-color: #e66060 !important;
    color: #fff !important;
}

.mhrs_btn a:active {
    border-radius: 10px;
    background-color: #e66060 !important;
    color: #fff !important;
}


.mhrs_btn a .mhrsimg {
    margin: 3px 10px;
    width: 21px;
    height: 24px;
    background: url('../../images/mhrs-logo.png');
    background-size: cover;
    transition: all .3s ease;
}

.mhrs_btn a:hover .mhrsimg {
    margin: 3px 10px;
    width: 21px;
    height: 24px;
    background: url('../../images/mhrs-logo-w.png');
    background-size: cover;
}

.mhrs_btn a span {
    align-self: center;
    justify-items: center;
    justify-content: center;
}
.adresmenu .doctorlist .nodata,
.adresmenu .adreslist .nodata {
    padding: 8px 10px;
    font-size: 13px;
}
.appointmentnew_div .appointment_header{
    text-align: center;
}
.appointmentnew_div .appointment_header a{
    display: block;
    padding: 10px 20px;
    height: 50px;
    transition: all .3s ease;
}
.appointmentnew_div .appointment_header a:hover{
    background-color: rgb(0 255 255 / 10%);
}
.appointmentnew_div .appointment_header a:hover i{
    color: #00bfbf;
}
.appointmentnew_div .appointment_header i{
    font-size: 20px;
    color: #00bfbf;
    line-height: 30px;
    transition: all .3s ease;
}
.appointmentnew_div .appointment_header img{
    margin: auto;
    height: 100%;
}

.kimicin_container input.form-control{
    border-color: #eee;
}
.kimicin_container input.form-control:focus{
    border-color: #00bfbf;
}

.kimicin_container input.form-control::placeholder{
    font-size: 13px;
}

.kimicin_container textarea.form-control{
    border-color: #eee;
}

.kimicin_container textarea.form-control:focus{
    border-color: #00bfbf;
}

.kimicin_container textarea.form-control::placeholder{
    font-size: 13px;
}
.kimicin{
    width: 100%;
    border: 1px solid #eee;
    border-radius: 5px;
}
.kimicin .form-group{
    width: 100%;
}
.kimicin .form-group label{
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.kimicin .form-group label.active{
    background-color: #00bfbf;
    color: #fff;
}
.kimicin .form-group label:hover{
    background-color: rgb(0 255 255 / 15%);
}
.kimicin .form-group label.active:hover{
    background-color: #00bfbf;
    color: #fff;
}

.kimicin .kendim_label{
    border-radius: 5px 0 0 5px;
}
.kimicin .baskasi_label{
    border-radius: 0 5px 5px 0;
}


.ilkrandevu .ilkrandevuflex{
    width: 100%;
}
.ilkrandevu .ilkrandevuflex label{
    padding: 5px 30px;
    margin-right: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.ilkrandevu .ilkrandevuflex label.active{
    background-color: #00bfbf;
    color: #fff;
}
.ilkrandevu .ilkrandevuflex label:hover{
    background-color: rgb(0 255 255 / 15%);
}
.ilkrandevu .ilkrandevuflex label.active:hover{
    background-color: #00bfbf;
    color: #fff;
}
.kimicin_container .custom_radiocircle{
    width: 18px;
    height: 18px;
    position: absolute;
    border: 1px solid #a3d8d8;
    border-radius: 50%;
}


.kimicin_container .sozlesme_check{
    cursor: pointer;
}
.kimicin_container .sozlesme_check span{
    padding-left: 25px;
    display: block;
}

.kimicin_container .sozlesme_check span a{
    color: #00bfbf;
    display: inline-block;
}
.kimicin_container .sozlesme_check span a:hover{
    color: #007bff;
}
.kimicin_container .sozlesme_check:hover .custom_radiocircle{
    background-color: rgba(0, 191, 191, 0.20);
}

.kimicin_container .sozlesme_check .custom_radiocircle.active::before{
    font-family: "Line Awesome Free";
    content: '\f00c';
    font-size: 10px;
    font-weight: 600;
    background-color: #00bfbf;
    color: #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 1px;
    text-align: center;
}

.randevutmm_btn{
    background-color: #00bfbf;
}

.rndvual_drinfos .drimg{
    background-size: cover!important;
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
    background-position-x: center!important;
    background-position-y: center!important;
    border-radius: 10px;
}
.rndvual_drinfos .drname{
    width: 100%;
}
.rndvual_drinfos .drname span{
    font-size: 13px;
    color: #333;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.rndvual_drinfos .drname p{
    font-size: 12px;
    color: #8d8f8d;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.rndvual_drinfos .infos{
    width: 100%;
    margin-bottom: 10px;
}
.rndvual_drinfos .infos .infoicon{
    font-size: 16px;
    margin-right: 10px;
    color: #8d8f8d;
}
.rndvual_drinfos .infos .info{
    font-size: 12px;
    color: #333;
    line-height: 22px;
    text-align: left;
    letter-spacing: 0.3px;
}

.appointmentnew_div .emailpng{
    width: 100%;
}
.appointmentnew_div .emailpng img{
    width: 90%;
    height: auto;
    margin: 0 auto;
}

.kimicin_container .appointmentconfirm_img{
    text-align: center;
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
}


.kimicin_container .appointmentconfirm_img img{
    width: 100%;
    height: auto;

}

.kimicin_container .appointmentconfirm_title{
    padding: 30px 0;
    text-align: center;
    width: 100%;
}


.kimicin_container .appointmentconfirm_title h3{
    color: #008c8c;
}

.kimicin_container .appointmentconfirm_content h6{
    color: #005858;
    font-size: 18px;
}

.adrestur_div label{
    width: fit-content;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s ease;
    border-radius: 5px;
}

.adrestur_div label.active{
    background-color: #39cabb;
    border: 1px solid #39cabb;
    color: #fff;
}

.adrestur_div label:hover{
    background-color: rgba(58, 203, 188, 0.3);
    border: 1px solid rgba(58, 203, 188, 0.3);
    color: #333;
}

.adrestur_div label.active:hover{
    background-color: #39cabb;
    border: 1px solid #39cabb;
    color: #fff;
}




.neredecalisiyor_div label{
    width: fit-content;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    cursor: pointer;
    transition: all .2s ease;
    border-radius: 5px;
}

.neredecalisiyor_div label.active{
    background-color: #3360f5;
    border: 1px solid #3360f5;
    color: #fff;
}

.neredecalisiyor_div label:hover{
    background-color: rgb(150 189 255 / 30%);
    border: 1px solid rgb(150 189 255 / 30%);
    color: #333;
}

.neredecalisiyor_div label.active:hover{
    background-color: #3360f5;
    border: 1px solid #3360f5;
    color: #fff;
}

.main-menu-wrapper{
    z-index: 999999;
}

@keyframes dark_bg_menu {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }

}
.main-wrapper .main-menu-wrapper-bg{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    background-color: rgb(0 0 0 / 70%);
    z-index: 1;
    animation: dark_bg_menu .3s ease;
    transition: all .4s ease;
}






.empty_card {
    width: 100%;
    padding: 25px 0;
}
.atbd-empty__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
}


.atbd-empty__text p{
    font-size: 14px;
    line-height: 1.5714285714;
    font-weight: 400;
    margin-bottom: 0;
    color: #adb4d2;
}

.atbd-empty__image img{
    max-width: 101px;
    max-height: 101px;
}



.h-50vh {
    height: 50vh;
}

.h-55vh{
    height: 55vh;
}
.h-60vh {
    height: 60vh;
}
.h-65vh {
    height: 65vh;
}
.h-70vh {
    height: 70vh;
}
.h-75vh {
    height: 75vh;
}

.h-80vh {
    height: 80vh;
}
.h-85vh {
    height: 85vh;
}

.h-90vh {
    height: 90vh;
}

.h-95vh {
    height: 95vh;
}

.h-100vh {
    height: 100vh;
}



.empty_card {
    width: 100%;
    margin-bottom: 30px;
}
.empty_card .empty_div {
    margin-top: 20vh;
}

.atbd-empty__text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
}

.atbd-empty__text p{
    color: #adb4d2;
    font-size: 13px;
}
.drdetaySosyal a{
    margin-left: 10px;
}
.drdetaySosyal a i{
    font-size: 22px !important;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;

}
.drdetaySosyal a:hover i{
    transform: scale(1.2);
    color: var(--site-color-primary);
}

.searchsection{
    background-color: #005858;
}

.searchsection .randevualdin h3{
    font-size: 14px;
    color: #fff;
}
.searchsection .randevualdin p{
    font-size: 12px;
    color: #dadada;
}
.searchsection .sessiondelete{
    color: #005858;
    border-radius: 50%;
    border: none;
    padding: 8px 10px;
    background-color: #fff;
    line-height: 0px;
    transition: all .2s ease;
}

.searchsection .sessiondelete:hover{
    background-color: #005858;
    color: #fff;
}
.sessiondr_icdiv {
    -webkit-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 20%);
    font-size: 14px;
    padding: 20px;
    height: auto;
    width: 100%;
    z-index: 1;
    border-radius: 10px;
}
.company_map{
    z-index: 16000;
}
.company_map #map {
    max-width: 70vw;
    width: 70vw;
    height: 70vh;
    border-radius: 15px;
    border: 0;
}

.company_map #nomap{
    max-width: 70vw;
    width: 70vw;
    height: 70vh;
    border-radius: 15px;
    border: 0;
    background-color: #fff;
    text-align: center;
}

.company_map i{
    font-size: 88px;
    color: var(--site-color-primary);
    margin-bottom: 20px;
}
.company_map span.nomap_span{
    font-weight: 500;
    font-size: 18px;
    color: var(--site-color-primary);
}

.company_map #nomap .nomap_div{
    display: grid;
    padding-top: 25vh;
}




.navbar-header{
    width: 300px;
    height: 50px;
}
.navbar-header .navbar-brand{
    margin-right: 0px;
    padding: 15px 25px;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 15%);
    -webkit-box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    border-radius: 0px 0px 30px 30px;
    height: 70px;
}
.navbar-header .navbar-brand.logo{
    position: absolute;
    top: 0;
    background-color: #b7e9e1;
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
    border-bottom: 1px solid #fff;
}
.pos_relative{
    position: relative !important;
}
.makalebg{
    background-size: cover !important;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    margin-right: 8px;
}

.abone_iptal_row{
    max-width: 500px;
    margin: calc(25vh) auto 0;
}

.abone_iptal_row .abone_iptal_div{
    border: 1px solid #eee;
    border-radius: 30px;
    padding: 20px;
    -webkit-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 25px -10px rgba(0,0,0,0.3);
}

.select2-container {
    cursor: text !important;
}
.singlelevel_select2 {
    margin-top: -43px!important;
}

.singlelevel_select2 .select2-results__group {
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    color: #005858;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.singlelevel_select2 {
    margin-top: -43px!important;
}

.singlelevel_select2 .select2-results__group {
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    color: #005858;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.uzmanara_newdiv .select2-selection {
    cursor: text !important;
    border-radius: 0 !important;
    border: 0 !important;
}



.uzmanara_newdiv #select2-searchUzman-container{
    height: 100%;
    line-height: 45px;
}
.uzmanara_newdiv #select2-searchUzman-container .select2-selection__placeholder{
    color: #888;
}

.uzmanara_newdiv #select2-searchUzman-container span{
    line-height: 40px;
}



.uzmanara_newdiv #select2-searchCity-container{
    height: 100%;
    line-height: 45px;
}
.uzmanara_newdiv #select2-searchCity-container .select2-selection__placeholder{
    color: #888;
}

.uzmanara_newdiv #select2-searchCity-container span{
    line-height: 40px;
}





.uzmanara_newdiv #select2-searchCity2-container{
    height: 100%;
    line-height: 45px;
}
.uzmanara_newdiv #select2-searchCity2-container .select2-selection__placeholder{
    color: #888;
}

.uzmanara_newdiv #select2-searchCity2-container span{
    line-height: 40px;
}



.uzmanara_newdiv #select2-searchOnline-container{
    height: 100%;
    line-height: 45px;
}
.uzmanara_newdiv #select2-searchOnline-container .select2-selection__placeholder{
    color: #888;
}

.uzmanara_newdiv #select2-searchOnline-container span{
    line-height: 40px;
}



.singlelevel_select2{
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border: 0 !important;
}

.singlelevel_select2 input{
    border: 1px solid #eee !important;
    padding-left: 10px !important;
    line-height: 30px;
}
.singlelevel_select2  ul li{
    border-bottom: 1px solid #eee;
    transition: all .2s ease;
    font-size: 13px;
    background-color: #fff;
    color: #333 !important;
    font-weight: 500;
    line-height: 25px;
    padding: 0 !important;
    margin: 0 !important;
}

.singlelevel_select2 ul li.select2-results__message{
    display: block;
    text-align: center;
    line-height: 40px;
    color: #004242 !important;
}

.singlelevel_select2 ul li.loading-results{
    display: block;
    text-align: center;
    line-height: 40px;
    color: #004242 !important;
}

.singlelevel_select2 ul li div.poliklinikClass{
    border-left: 5px solid #46cec0;
    border-bottom: 1px solid #8cfff3;
}
.singlelevel_select2 ul li div.uzmanClass{
    border-left: 5px solid #5770be;
    border-bottom: 1px solid #cbd8ff;
}
.singlelevel_select2  ul li i{
    line-height: 28px;
    transition: all .2s ease;
    background-color: #e2fffa;
    border-radius: 100%;
    color: #39cabb;
    width: 26px;
    height: 26px;
    text-align: center;
    padding-left: 0px;
    margin-right: 8px;
}

.singlelevel_select2 ul li div{
    padding: 8px !important;
    display: flex;
    margin: 0 !important;
    cursor: pointer;
}


.singlelevel_select2 ul#select2-searchOnline-results li i{
    background-color: #e5dbff;
    color: #6d48c5;

}
.singlelevel_select2 ul li:hover{
    background-color: #b7e9e1 !important;
    color: #333 !important;
    font-weight: 500;
}

.singlelevel_select2 .select2-results__option--highlighted[aria-selected]{
    background-color: #b7e9e1 !important;

}

.singlelevel_select2 .select2-results__option--selected{
    background-color: transparent !important;
}
.uzmanara_newdiv .select2-selection{
    border: 0;
    min-height: 45px;
    outline: none;
    border-radius: 0;
    cursor: text;
}


.singlelevel_select2{
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    border: 0 !important;
}

.singlelevel_select2 input{
    border: 1px solid #eee !important;
    padding-left: 10px !important;
    line-height: 30px;
}


.singlelevel_select2 .select2-results__option--highlighted[aria-selected]{
    background-color: #b7e9e1 !important;

}


.singlelevel_select2 ul#select2-searchOnline-results .select2-results__option--highlighted[aria-selected]{
    background-color: #c8b0ff !important;

}

.singlelevel_select2 .select2-results__option--selected{
    background-color: transparent !important;
}
.singlelevel_select2 {
    margin-top: -43px!important;
}

.singlelevel_select2 .select2-results__group {
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px;
    color: #005858;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.uzmanara_newdiv .select2-selection--single .select2-selection__arrow b{
    display: none;
}
.kurumClass .img_search,
.makaleClass .img_search,
.uzmanClass .img_search,
.poliklinikClass .img_search{
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    border-radius: 50%;
    margin-right: 8px !important;
}

.kurumClass span,
.makaleClass span,
.uzmanClass span,
.poliklinikClass span{
    max-width: 100%;
    margin: 0 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}



.kurumClass span,
.makaleClass span,
.uzmanClass span,
.poliklinikClass span{
    max-width: 100%;
    margin: 0 10px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 25px;
}

.kurumClass small,
.makaleClass small,
.uzmanClass small,
.poliklinikClass small{
    white-space: nowrap;
    line-height: 25px;
}

.uzmanaradiv .select2-selection__clear{
    border: none;
    background-color: #fff;
    font-size: 18px;
    margin-top: 2px;
    margin-right: 20px;
    color: #468b89;
    border-radius: 50%;
    padding: 7px 12px;
}






.scrolltop_div{
    display: flex;
    position: fixed;
    bottom: 70px;
    right: 30px;
    z-index: 1000;
}

#ScrollToTop {
    background-color: #468b89;
    width: 50px;
    height: 50px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
    transition: background-color .3s,
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1001;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    line-height: 45px;
    color: #fff;
    margin: 5px 0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}
#ScrollToTop:hover {
    cursor: pointer;
    background-color: #333;
}
#ScrollToTop:active {
    background-color: #555;
}
#ScrollToTop.show {
    opacity: 1;
    visibility: visible;
}



#ScrollToAnatomi {
    background-color: #468b89;
    width: auto;
    height: 50px;
    padding: 0 60px 0 15px;
    text-align: center;
    border: 2px solid #468b89;
    border-radius: 25px ;
    transition: background-color .3s,
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 45px;
    color: #fff;
    margin: 5px -50px 5px 0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25);
}
#ScrollToAnatomi:hover {
    cursor: pointer;
    background-color: #333;
}
#ScrollToAnatomi:active {
    background-color: #555;
}
#ScrollToAnatomi.show {
    opacity: 1;
    visibility: visible;
}

#anatomiimagedata .addersections{
    position: absolute;
    transition: all .2s ease;
    top: 0;
    right: 0;
}

#anatomiimagedata .addersections a{
    background-color: #fff;
    font-weight: 600;
    border-radius: 50%;
    color: #333;
    width: max-content;
    padding: 15px 30px;
    position: absolute;
    right: 10px;
    transition: all .2s ease;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

#anatomiimagedata .addersections a:hover{
    transform: scale(1.1);
}

#anatomiimagedata .addersections a span{
    display: block;
    margin-bottom: 10px;
}



#anatomiimagedata .addersections .adderdots{
    position: absolute;
    right: 100%;
    display: flex;
}

#anatomiimagedata .addersections .adderdot1{
    display: block;
    right: 45px;
    top: 25px;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #fff;
    transition: all .2s ease;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
}


#anatomiimagedata .addersections .adderdot2{
    display: block;
    position: absolute;
    width: 25px;
    left: -35px;
    top: 20px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff;
    transition: all .2s ease;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);
}


#CategoryList_Modal{
    font-size: 13px;
}

#CategoryList_Modal .modal-header{
    padding: 0.7rem 1rem;
}


#CategoryList_Modal .modal-title{
    font-size: 16px;
}

#CategoryList_Modal .modal-content{
    border: none;
    border-radius: 0px;
}

#CategoryList_Modal .modal-content .modal-body{
    text-align: center;
    max-height: 50vh;
    padding: 30px 10px;
    overflow-y: auto;
    transition: all .2s ease;
}

#CategoryList_Modal .modal-content .modal-body .opacity_0{
    opacity: 0;
    transition: all .2s ease;
}


@keyframes height_0 {
    from {
        height: auto;
    }

    to {
        height: 0px;
    }
}


#CategoryList_Modal .modal-content .modal-body .height_0{
    height: 0px;
    transition: all .2s ease;
    animation: height_0 .5s forwards;
}



#CategoryList_Modal .modal-content .modal-body .bolumler_div ul{
    padding-inline-start: 0px;
    list-style:  none;
}
#CategoryList_Modal .modal-content .modal-body .bolumler_div ul li{
    margin: 5px 0px;
}
#CategoryList_Modal .modal-content .modal-body .bolumler_div ul li a{
    padding: 0.4rem 0rem;
    background-color: #dbf4f0;
    color: var(--site-color-primary);
    width: 100%;
    display: block;
    transform: scale(0.97);
}
#CategoryList_Modal .modal-content .modal-body .bolumler_div ul li a:hover{
    transform: scale(1.0);
    color: #fff;
    background-color: var(--site-color-primary);
}

#CategoryList_Modal .close{
    padding: 0.8rem 1rem;
}


#CategoryList_Modal .close span i{
    color: #004645;
    font-size: 16px;
}

#CategoryList_Modal .modal-footer{
    padding: 5px 15px 10px;
}

#CategoryList_Modal .modal-footer button{
    font-size: 13px;
}

.select2-search--dropdown .select2-search__field {
    text-transform: capitalize;
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

.arrowdown .arrows img, ul.cinsiyet li img, ul.onarka li img , ul.icanatomi li img, .footeriyzicodiv img, .footer-logo img, .social-icon ul li a img, .bloggetir .grid-blogbg .blog-image a img,
.doctor-book-card img, .latest-posts .post-thumb a img, .bloghastaliklar .blog-image a img{
    width: 100%;
    height: 100%;
}

.specialposition .icon img{
    width: 80px;
    height: 80px;
}
.about-author h3{
    font-size: 13px;
}
.about-author a{
    margin-top: 10px;
}
.about-author a img{
    width: 100%;
    height: 100%;
}

.post-widget ul.latest-posts li a img{
    width: 100%;
    height: 100%;
}

.doc-info-left .doctor-img img{
    width: 100%;
    height: 100%;
}

.clinic-content .clinic-details ul li a img{
    width: 100%;
    height: 100%;
}

h3.company_name{
    font-size: 18px;
    color: var(--site-color-primary);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 25px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}


.ShowTheMapHospital{
    transition: all .2s ease;
    align-items: center;
    width: 100%;
    display: block;
}
.ShowTheMapHospital i{
    transition: all .2s ease;
    font-size: 12px !important;
}


.ShowTheMapHospital:hover i{
    color: #fff;
}

.doc-location {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 57px;
}

.doc-location i{
    padding-left: 2px;
    font-size: 18px;
    color: var(--site-color-primary);
}

.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    transition: opacity 300ms;
}


.kurumpoliklinikler_list{
    list-style: none;
}

.dr_pp_div img{
    max-height: 200px;
}

.custom_button{
    border: none;
    padding: 5px 8px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.custom_button.whitebg_btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 8px;
    background-color: #fff;
    color: #004242 !important;
    border-radius: 5px;
}
.custom_button.whitebg_btn:hover{
    border-bottom: 1px dashed #008674;
}

.whitebg_btn{
    display: flex;
    min-width: 150px;
    text-align: center;
    margin: 0;
    background-color: #fcfcfc !important;
    color: #004242 !important;
    align-items: center;
}
.whitebg_btn:hover{
    padding-bottom: 10px !important;

}

.whitebg_btn:hover + .uzmankurum_musun, .whitebg_btn:focus + .uzmankurum_musun{
    display: block;

}
.uzmankurum_musun:hover, .uzmankurum_musun:focus{
    display: block;

}

.uzmankurum_musun{
    display: none;
    padding-top: 5px;
    background-color: #fff;
    color: #004242;
    width: fit-content;
    position: absolute;
    top: 100%;
    left: 0;
    border-radius: 0 0 10px 10px;
    width: 100%;
}
.uzmankurum_musun.active{
    display: block;
}

.uzmankurum_musun a{
    line-height: 30px;
    width: 100%;
    display: block;
    padding: 0 5% !important;
    font-size: 11px !important;
}
.uzmankurum_musun a:hover:first-child{
    border: none;
    border-left: 5px solid #45cdbf;
}
.uzmankurum_musun a:hover:last-child{
    border: none;
    border-left: 5px solid #3758c7;
    color: #3758c7;
}
.uzmankurum_musun a:hover.randevucss{
    border: none;
    border-left: 5px solid #45cdbf;
}
.uzmankurum_musun a:hover.digercss{
    border: none;
    border-left: 5px solid #3758c7;
    color: #3758c7;

}

.dislink{
    display: block;
    width: 100%;
    margin: 20px auto;
    border-radius: 10px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.dislink:hover .dislink_content{
    background-color: #b7e9e1;
}
.dislink:hover .dislink_content span, .dislink:hover .dislink_content i{
    color: var(--site-color-primary);
}

.dislink i{
    display: block;
    font-size: 36px;
    margin-bottom: 15px;
    color: rgb(6 138 136 / 60%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.dislink_content{
    display: block;
    padding: 20px 25px;
    border: 2px solid #b7e9e1;
    border-radius: 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
.dislink_content span{
    display: block!important;
    font-size: 16px !important;
    color: rgb(6 138 136 / 60%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.kurulusturu_div{
    max-height: 500px;
    overflow-y: auto;
    padding: 0 5px;
}

.kurulusturu_div a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.kurulusturu_div a i{
    font-size: 16px;
}

#kategoriler_page .KeysDiv{
    display: flex;
    justify-content: space-between;
    margin: 0 0 30px 0;
    max-width: 100%;
    overflow-x: auto;
    -webkit-box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%);
}
#kategoriler_page .KeysDiv a, #kategoriler_page .KeysDiv button{
    padding: 5px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: 0;
    border-right: 1px solid #f3f3f3;
    /* -webkit-box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 15px 5px rgb(0 0 0 / 5%); */
}
#kategoriler_page .KeysDiv a:last-child, #kategoriler_page .KeysDiv button:last-child{
    border-right: none;
}
#kategoriler_page .KeysDiv a:hover,#kategoriler_page .KeysDiv button:hover{
    background-color: var(--site-color-primary-hover);
    color: #fff;
}
#kategoriler_page .kategori_harf{
    padding: 12px 24px;
    display: block;
    width: fit-content;
    background-color: var(--site-color-primary);
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: 0 0 50%;
}
#kategoriler_page ul li{
    padding: 0 20px;
}
#kategoriler_page ul li:first-child{
    margin-bottom: 10px;
    padding: 0;
}

#kategoriler_page ul:hover .kategori_harf{
    background-color: var(--site-color-primary-hover);
}

#kategoriler_page h1{
    font-size: 24px;
}

.randevuiptal_page{
    margin-top: 30px;
    padding-bottom: 100px;
}
.randevuiptal_page .icon i{
    display: block;
    font-size: 102px;
    text-align: center;
    margin: 8% 0 5%;
    color: #de0048;
}
.randevuiptal_page h3{
    display: block;
    color: #de0048;
    text-align: center;
    margin-top: 60px;
}
.randevuiptal_page span{
    text-align: center;
    display: block;
    color: #777;
    margin-top: 30px;
    font-size: 16px;
}
.randevuiptal_page a{
    margin: 60px auto 0;
    display: block;
    width: fit-content;
    padding: 10px 20px;
    font-size: 18px !important;
    -o-box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 5%);
    -webkit-box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 5%);
    box-shadow: 0px 0px 20px 10px rgb(0 0 0 / 5%);
}
.randevuiptal_page a i{
    font-size: 18px !important;
}


.contents ul {
    background: var(--site-color-gray2);
    padding: 20px 15px 15px 40px;
    border-radius: 5px;
    display: table;
    margin-bottom: 1em;
    position: relative;
    width: 100%;
    counter-reset: item;
}

.contents li {
    list-style: auto !important;
    font-weight: 500;
    line-height: 25px;
    color: #666;
}
.dilsec_div{
    display: flex;
    align-items: center;
    position: relative;
}
.dilsec_div button{
    border: none;
    display: flex;
    align-items: center;
    background-color: transparent;
    width: max-content;
    padding: 10px 0;
    margin-left: auto;
}
.dilsec_div button:hover, .dilsec_div button:active, .dilsec_div button:focus{
    outline: none;
    border: none;
}
.dilsec_div button .dilsec_img{
    width: 28px;
    height: auto;
    border-radius: 5px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    margin-right: 10px;
}
.dilsec_div button:hover .dilsec_img{
    transform: scale(1.1);
}
@keyframes downAnimation {
    0%{
        transform: scaleY(0);
    }
    100%{
        transform: scaleY(1);
    }
}
.dilsec_div .dilsec{
    position: absolute;
    right: 0;
    top: 100%;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    display: none;
    transform-origin: top;
    animation: downAnimation .2s alternate;

}
.dilsec_div .dilsec a{
    display: flex;
    align-items: center;
    padding: 10px;
    border-top: 1px solid #eee;
}
.dilsec_div .dilsec a:first-child{
    border: none;
}
.dilsec_div .dilsec a:hover .dil_img{
    transform: scale(1.15);
}

.dilsec_div .dilsec .dil_img{
    width: 25px;
    height: auto;
    border-radius: 5px;
    margin-right: 10px;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
}
.dilsec_div .dil_btn:hover + .dilsec{
    display: block;
}
.dilsec_div .dilsec:hover{
    display: block;
}

.dilsec_div .dil_btn:focus{
    padding-bottom: 10px;
}
.dilsec_div .dil_btn:focus + .dilsec{
    display: block;
}
.dilsec_div .dil_btn .frag_word{
    font-size: 13px !important;
    font-weight: 600;
}
.dilsec_div .dilsec:focus{
    display: block;
}


.signUP-admin-left{
    background-color: #b7e9e1;
    height: 100%;
    min-height: calc( 100vh - 55px );
    border-radius: 0px;
    padding: 120px 80px;
}
.signupTop {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: scaleX(-1);
    transform: scaleX(1);
}
.signupBottom {
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(-1);
    transform: scaleX(1);
}
.signUP-admin-left__content {
    font-size: 23px;
    line-height: 1.2173913043;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.signUP-admin-left__content a{
    width: 100%;
}
.signUP-admin-left__content span {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 500;
    color: #006363;
    width: 100%;
    display: block;
    text-align: center;
}
.signUP-admin-left__content p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #006363;
    text-align: center;
}
.signUP-admin-left__img {
    bottom: 0;
    left: 0;
    width: 70%;
    position: absolute;
}
.signUP-admin-left__img img {
    display: block;
    margin: 0 auto;
}
.signUp-admin-right .card .card-header h6 {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    display: flex;
    align-items: center;
}
.signUp-admin-right .card .card-header h6 span {
    font-size: 24px;
    line-height: 1.25;
    font-weight: 600;
    margin: 0;
}
.edit-profile__body .form-group label {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 500;
}
.edit-profile__body .form-group .form-control {
    border: 1px solid #e3e6ef;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
.edit-profile__body .form-control {
    height: 48px;
}
.edit-profile__body .form-group label {
    font-size: 14px;
    line-height: 1.4285714286;
    font-weight: 500;
}
.edit-profile__body .form-group .form-control {
    border: 1px solid #e3e6ef;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
.toggle-password {
    display: block;
    cursor: pointer;
    border-radius: 50%;
    color: #9299b8;
    transition: all .3s ease;
}
.toggle-password2 {
    display: block;
    cursor: pointer;
    border-radius: 50%;
    color: #9299b8;
    transition: all .3s ease;
}
.field-icon {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 10px;
    transform: translate(-50%, -50%);
}
.signUp-condition.signIn-condition {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: capitalize;
    margin-bottom: 24px;
    margin-top: 18px;
}
.signIn-createBtn{
    border-radius: 6px;
    padding: 5px 30px;
    font-size: 13px;
}
.custom-checkbox input {
    display: none;
}
.custom-checkbox input[type=checkbox] + label {
    min-width: 18px;
    min-height: 18px;
    font-size: 14px;
    display: block;
    flex-flow: column;
    position: relative;
    padding-left: 28px;
    margin-bottom: 0;
    line-height: 28px;
    font-weight: 400;
}
.signUp-condition.signIn-condition .custom-checkbox input[type=checkbox] + label:before, .signUp-condition.signIn-condition .custom-checkbox input[type=checkbox] + label:after {
    margin-top: 0;
}
.signUp-condition .custom-checkbox input[type=checkbox] + label:before {
    top: 10px;
    left: 10px;
    transform: translate(-50%, -50%);
}
.signUp-condition .custom-checkbox input[type=checkbox] + label:before, .signUp-condition .custom-checkbox input[type=checkbox] + label:after {
    margin-top: 5px;
}
.custom-checkbox input[type=checkbox] + label:before {
    position: absolute;
    font-size: 10px;
    left: 3px;
    top: 2px;
    font-weight: 900;
    font-family: "Line Awesome Free";
    content: "\F00C";
    display: block;
    opacity: 0;
    transition: all 0.3s ease 0s;
    z-index: 2;
}
.signUp-condition .custom-checkbox .checkbox-text {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
}
.signUp-condition .custom-checkbox input[type=checkbox] + label:after {
    width: 20px;
    height: 20px;
}
.custom-checkbox input[type=checkbox] + label:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    content: "";
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
}
.border-deep, .size-control-nav .nav-item .nav-link, .atbd-select.disabled .form-control, .custom-radio input[type=radio] + label:after, .custom-radio.disabled input[type=radio]:checked + label:after, .custom-checkbox.disabled input[type=checkbox]:checked + label:after, .custom-checkbox input[type=checkbox] + label:after {
    border: 1px solid #c6d0dc;
}
.signUp-condition.signIn-condition a {
    font-size: 13px;
    line-height: 1.6923076923;
    font-weight: 400;
}
.custom-checkbox input[type=checkbox]:checked + label:before {
    opacity: 1;
    color: #fff;
}
.bg-primary, .mailbar-toggle span, .kb__header-search-form .input-group button, .testimonial-slider-global.slick-slider .slick-dots li.slick-active button, .banner-feature--8, .banner-feature--5, .banner-feature--2, .version-list__single ul.version-primary li::after, .ail-light:checked + .ail-btn, .ail-light + .ail-btn, .search-keyword ul li a.active, .wizard9 .checkout-progress2 .step.current span:first-child, .checkout-progress div.step.current span:nth-of-type(1), .ui-slider .ui-slider-range, .fc-daygrid-day .fc-daygrid-event.primary, #full-calendar .fc-toolbar-chunk .fc-button-group .fc-button-primary.fc-button-active, .new-member .modal-header .close:hover, .atbd-tab .nav-link:after, .radio-horizontal-list2 .custom-radio input[type=radio] + label:before, .custom-radio input[type=radio]:checked + label:after, .atbd-steps__item.active .atbd-steps__line, .atbd-steps__item.active .atbd-steps__icon, .atbd-steps__item.finished .atbd-steps__line, .atbd-tag.tag-primary, .atbd-menu__link:after, .modal-content.modal-bg-primary, .atbd-pagination__link:hover, .atbd-pagination__link.active, .notification-content__body .custom-control-input:checked ~ .custom-control-label::before, .account-profile #remove_pro_pic, .account-profile-cards__button button.active, .ap-tab-main .nav-link:after, .custom-checkbox.checkbox-theme-2 input[type=checkbox] + label::before, .custom-checkbox input[type=checkbox]:checked + label:after, .feature-cards figcaption button:hover, .card .card-header .card-tab-links li a.active:before, .card .card-header .card-tab .btn.active:hover, .card .card-header .card-tab .btn.active, .card .card-header .card-tab .btn.btn-white.active:hover, .custom-switch.switch-primary .custom-control-input:checked ~ .custom-control-label::before, .custom-switch .custom-control-input .custom-control-input:checked ~ .custom-control-label::before, .avatar.avatar-primary, .atbd-nav-controller .nav .nav-link.active:not(:first-child):before, .atbd-button-group.btn-group-withIcon .btn:hover, .btn.btn-transparent-primary:hover, .badge-dot.dot-primary, .strikingDash-top-menu > ul > li .megaMenu-wrapper.megaMenu-small ul li > a:hover:after, .strikingDash-top-menu > ul > li .megaMenu-wrapper.megaMenu-small ul li > a.active:after, .daterangepicker .ranges li.active, .daterangepicker.single .calendar-table tbody td.today, .daterangepicker.single .calendar-table tbody td.active, .daterangepicker.show-calendar .calendar-table tbody td.available.active.start-date:after, .daterangepicker.show-calendar .calendar-table tbody td.available.active.start-date:before, .daterangepicker.show-calendar .calendar-table tbody td.available.active.end-date:after, .daterangepicker.show-calendar .calendar-table tbody td.available.active.end-date:before, .daterangepicker .ranges ul li.active
{
    background: var(--site-color-primary);
}
.color-secondary, .upload-product-img span a, .product-item__body .product-discount, .atbd-tag.tag-secondary.tag-transparented, .signUp-admin-right .card .card-header h6 span, .avatar .avatar-badge-wrap .badge-icon.badge-icon-secondary, .badge.badge-outlined.badge-secondary {
    color: var(--site-color-primary);
}
.card-no-hover{
    box-shadow: none !important;
}
.kayitsec_div .kayitsec {
    margin-bottom: 15px;
}
.kayitsec_div a {
    display: block;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    font-weight: 500;
    letter-spacing: 0.3px;
}
.kayitsec_div a .kayit_card {
    position: relative;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -o-box-shadow: 0 5px 20px rgb(146 153 184 / 10%);
    -moz-box-shadow: 0 5px 20px rgb(146 153 184 / 10%);
    -webkit-box-shadow: 0 5px 20px rgb(146 153 184 / 10%);
    box-shadow: 0 5px 20px rgb(146 153 184 / 10%);
}
.kayitsec_div .kayit_card {
    margin: 40px 0 0;
}
.kayitsec_div .kayit_card .kayit_gorsel {
    width: 100%;
    padding: 20px;
    height: 100%;
    display: grid;
    min-height: 400px;
    align-content: center;
    align-items: center;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.kayitsec_div .kayit_card .kayit_gorsel .kayit_img {
    width: 100%;
}
.kayitsec_div .kayit_card .kayit_gorsel .kayit_img img {
    width: 100%;
}
.kayitsec_div .kayit_card .kayit_text {
    font-size: 16px;
    width: 100%;
    text-align: center;
    padding: 15px;
    color: #777;
    -o-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.kayitsec_div .kayit_card .kayit_text span {
    display: block;
    font-size: 18px;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding-bottom: 10px;
}
.kayitsec_div .kayitsec:nth-child(1) a .kayit_card .kayit_text span {
    color: #e97b1c;
}
.kayitsec_div .kayitsec:nth-child(2) a .kayit_card .kayit_text span {
    color: #02b49a;
}
.kayitsec_div .kayitsec:nth-child(3) a .kayit_card .kayit_text span {
    color: #3758c7;
}
.kayitsec_div a:hover .kayit_card .kayit_gorsel {
    width: 100%;
    transform: scale(1.05);
}
.kayitsec_div a .kayit_card .kayit_bg::after {
    width: 100%;
}
.kayitsec_div a:hover .kayit_card .kayit_bg::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    animation: kayitsec .5s forwards;
    border-radius: 10px;
}
.kayitsec_div .kayitsec:nth-child(1) a:hover .kayit_card .kayit_bg::after {
    background-color: rgba(233, 124, 28, 0.2);
}
.kayitsec_div .kayitsec:nth-child(2) a:hover .kayit_card .kayit_bg::after {
    background-color: rgba(12, 184, 181, 0.2);
}
.kayitsec_div .kayitsec:nth-child(3) a:hover .kayit_card .kayit_bg::after {
    background-color: rgba(55, 88, 199, 0.2);
}
@keyframes kayitsec {
    0% {
        height: 0%;
    }
    100%{
        height: 100%;
    }
}
.kayitsec_div .kayitsec a:hover .kayit_card .kayit_text span {
    padding-bottom: 15px;
    transform: scale(1.08);
}
.mb-20{
    margin-bottom: 1.3rem;
}

.mb-15{
    margin-bottom: 1rem;
}
.custom-radio input {
    display: none;
}
.custom-radio input[type=radio] + label {
    min-width: 18px;
    min-height: 18px;
    font-size: 14px;
    display: flex;
    flex-flow: column;
    position: relative;
    padding-left: 28px;
    margin-bottom: 0;
    line-height: 1.2;
    font-weight: 400;
}
.custom-radio input[type=radio] + label:before {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    left: 5px;
    top: 46%;
    font-weight: 900;
    display: block;
    opacity: 0;
    transition: all 0.3s ease 0s;
    z-index: 2;
    transform: translateY(-50%);
    content: "";
}
.custom-radio input[type=radio] + label:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    content: "";
    border-width: 1px;
    border-style: solid;
}
.border-deep, .size-control-nav .nav-item .nav-link, .atbd-select.disabled .form-control, .custom-radio input[type=radio] + label:after, .custom-radio.disabled input[type=radio]:checked + label:after, .custom-checkbox.disabled input[type=checkbox]:checked + label:after, .custom-checkbox input[type=checkbox] + label:after {
    border: 1px solid #c6d0dc;
}
.custom-radio input[type=radio]:checked + label:before {
    opacity: 1;
    color: #fff;
}
.bg-white, .jvectormap-container .jvectormap-zoomin, .jvectormap-container .jvectormap-zoomout, .contact-list-wrap, .contact-breadcrumb .breadcrumb-main__wrapper .add-contact__form, .mdc__author .author-info .mail-info, .mailCompose-form-content .trumbowyg-box .trumbowyg-button-pane, .atbd-mailCompose, .mailbox-top .mail-selection__dropdown, .add-lebel-from, table.table-rounded tbody tr td, table.table-basic tr td, .e-info-modal .modal-body, .fc-timegrid-slots .fc-timegrid-slot, .fc-theme-standard .fc-daygrid-day.fc-day-today, #full-calendar .fc-toolbar-chunk .fc-button-group .fc-button.fc-listMonth-button.fc-button-active, #full-calendar .fc-toolbar-chunk .fc-button-group .fc-button-primary, #full-calendar .fc-toolbar-chunk .fc-button.fc-prev-button, #full-calendar .fc-toolbar-chunk .fc-button.fc-next-button, #full-calendar .fc-toolbar-chunk .fc-today-button, .fc-theme-standard .fc-list .fc-list-empty, .tooltip .arrow:before, .atbd-drawer, .atbd-slider .ui-slider-handle:after, .atbd-slider .ui-slider-handle, .custom-radio input[type=radio] + label:before, .custom-radio input[type=radio] + label:after, .atbd-steps__content, .atbd-pop-message, .mobile-nav-wrapper, .atbd-submenu, .timeline-box .timeline-single__buble, .modal-content.modal-colored .modal-footer .btn, .forcast-cardbox, .atbd-nav-controller .nav .nav-link, .mobile-search, .mobile-author-actions {
    background: #ffffff;
}
.gerekenbelgeler {
    font-size: 13px;
    margin-bottom: 20px;
}
.gerekenbelgeler span {
    font-weight: 500;
}
.gerekenbelgeler ul {
    font-size: 13px;
}
.atbd-upload .btn-upload {
    border-radius: 5px;
    line-height: 1rem;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.atbd-upload .btn-upload svg, .atbd-upload .btn-upload img {
    width: 16px;
    height: 16px;
}
.btn svg {
    width: 17px;
    height: 17px;
    margin-right: 8px;
}
.atbd-upload__file {
    margin-top: 12px;
}
.fs-13 {
    font-size: 13px;
}
.signUp-condition {
    margin-bottom: 22px;
    margin-top: 20px;
}
.b-light, .new-member-modal button.b-light, .new-member-modal button.btn-outline-lighten, .btn-outline-lighten {
    border: 1px solid #e3e6ef;
}
.signIn-createBtn.disabled, .signIn-createBtn:disabled{
    cursor: not-allowed;
}
.atbd-button-group {
    border-radius: 0 3px 3px 0;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn {
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}
.atbd-button-group .btn.btn-outline-light:hover {
    background-color: #f4f5f7 !important;
}
.btn-xs {
    font-size: 12px;
    border-radius: 4px;
    padding: 0 0.86rem;
    line-height: 2.4;
}
.atbd-button-group a{
    font-weight: 600;
}
.utaturDiv .utaturbanner{
    text-align: center;
    background-color: var(--site-color-primary);
    color: #fff;
    border-radius: 10px 10px 0 0;
    margin: 0;
    justify-content: space-between;
}
.utaturDiv .utaturbanner img{
    max-height: 50px;
    padding: 10px 20px;
}
.utaturDiv .utaturbanner h5{
    font-size: 18px;
    color: #fff;
    margin: 0;
    line-height: 50px;
    padding: 0 20px;
}

.utaturDiv .card-body p strong{
    color: red;
}

.utaturDiv .card-body a{
    padding: 5px 20px;
    color: #fff;
    background-color: rgba(255, 0, 0, 70%);
    border-radius: 5px;
    margin-left: auto;
    display: block;
    width: fit-content;
}
.utaturDiv .card-body a:hover{
    background-color: red;
}

.EczaDepolariSection h3.company_name{
    color: var(--site-color-primary);
    font-size: 18px;
}

.EczaDepolariSection .hospital_city{
    width: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-weight: 600;
    border-bottom: 1px solid #f3f3f3;
    display: block;
}

.EczaDepolariSection .hospital_city i{
    font-size: 18px;
    margin-right: 5px;
}

.EczaDepolariSection .hospital_btns a, .EczaDepolariSection .hospital_btns button{
    width: 100%;
    padding: 6px 0;
    margin-top: 5px;
    text-align: center;
}

.EczaDepolariSection h1.eczaAd{
    font-size: 24px;
    width: 100%;
    color: var(--site-color-primary);
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid #f3f3f3;
    font-weight: 700;
}
.EczaDepolariSection .haritayaGit{
    position: relative;
    height: 300px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 10px;
}
.EczaDepolariSection .haritayaGit img{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    height: 100%;
    border-radius: 10px;
}
.EczaDepolariSection .haritayaGit a{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 300px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 10px;
}
.EczaDepolariSection .haritayaGit:hover a{
    background-color: rgba(6, 138, 136, .6);
}
.EczaDepolariSection .haritayaGit a span{
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: block;
}
.EczaDepolariSection .haritayaGit:hover a span{
    transform: scale(1.2);
}

.EczaDepolariSection .haritayaGit a span i{
    margin-right: 10px;
}

.EczaDepolariSection .iletisimBilgileri{
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #f3f3f3;
}

.EczaDepolariSection .iletisimBilgileri h2{
    font-size: 18px;
    margin-bottom: 10px;
}

.EczaDepolariSection .iletisimBilgileri span{
    display: block;
    line-height: 25px;
}

.EczaDepolariSection .iletisimBilgileri .row a{
    width: 100%;
    display: block;
    line-height: 35px;
    font-size: 16px;
    margin-bottom: 10px;
}
.EczaDepolariSection .hospital_address{
    min-height: 60px;
}
.EczaDepolariSection .hospital_address .h_address{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 10px;
}
.EczaDepolariAside .iller, .EczaDepolariAside .ilceler{
    list-style: none;
    padding-inline-start: 0px;
    padding: 0px;
}

.EczaDepolariAside .iller li a, .EczaDepolariAside .ilceler li a{
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 35px;
    border-bottom: 1px solid #f3f3f3;
}

.EczaDepolariAside .iller li a:hover, .EczaDepolariAside .ilceler li a:hover{
    padding-left: 10px;
}

.EczaDepolariAside .filter-widget strong{
    display: block;
    width: 100%;
    text-align: center;
    background-color: var(--site-color-primary);
    color: #fff;
    margin-bottom: 10px;
    line-height: 30px;
}

.category-items {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.category-items > a {
    background-color: #fff;
    border: 1px solid #eee;
    color: #666;
    height: 45px;
    font-size: 14px;
    padding: 0 10px;
    margin: 5px;
    line-height: 45px;
    border-radius: 10px;
}

.category-items > a:hover {
    background-color: var(--site-color-primary);
    color: #fff;
    border-color: var(--site-color-primary);
}

.gsc-search-button-v2{
    border: none !important;
    border-radius: 5px !important;
    background-color: var(--site-color-primary) !important;
    padding: 11px 15px !important;
}

.gsc-search-button-v2:hover{
    background-color: var(--site-color-primary-hover) !important;
}
.saglikrehberiKategori{
    margin-top: 20px;
}
.saglikrehberiKategori span{
    font-size: 16px;
    padding: 20px;
    font-weight: 500;
}

.saglikrehberiKategori .category-items .category-item{
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    border: 1px solid #f3f3f3;
}
.saglikrehberiKategori .category-items .category-item:hover{
    background-color: var(--site-color-primary);
    border: 1px solid var(--site-color-primary);
}

.doktordetayDiv button{
    width: 100%;
    margin-top: 20px;
    border: none;
    outline: none;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.doktordetayDiv button i{
    font-size: 20px;
}

.verified{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.verified i{
    padding: 2px;
    background-color: var(--site-color-primary);
    color: #fff;
    border-radius: 50%;
    font-size: 30px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
.seoTitle h1{
    font-size: 18px;
    color: var(--site-color-primary);
}
.seoTitle p{
    font-size: 13px !important;
    color: #777;
}

.seoTitle{
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px;
}
.seoTitle:hover{
    -webkit-box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 20%);
    transition: all .3s ease;
}
.pagination_link .container{
    min-width: auto;
}

.bolumsecDivSelect .select2-container{
    z-index: 0;
}
.EvdeSaglikDiv{
    position: absolute;
    right: -10px;
    left: auto;
    top: -10px;
    background-color: var(--site-color-primary-hover);
    color: #fff;
    padding: 6px 12px 6px 8px;
    border-radius: 10px 10px 0;
    display: flex;
    align-items: center;
    z-index: 1;
}
.EvdeSaglikDiv::after{
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 15px;
    bottom: -15px;
    right: 0;
    background-color: var(--site-color-primary);
    opacity: .5;
    -webkit-clip-path: polygon(0 0, 0 100%, 100% 0);
    clip-path: polygon(0 0, 0 100%, 100% 0);
}

.EvdeSaglikDiv span{
    font-weight: 500;
}
.EvdeSaglikDiv i{
    font-size: 16px;
}

.EvdeSaglikBtn{
    padding: 15px 20px;
    font-size: 18px;
}
#evdesaglik .card .card-body a.EvdeSaglikTitle h5{
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--site-color-primary);
    margin: 0;
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
#evdesaglik .card .card-body a.EvdeSaglikTitle:hover h5{
    color: var(--site-color-primary-hover);
}
#evdesaglik .card .card-body a.EvdeSaglikTitle i{
    width: max-content;
    font-size: 22px;
}

#evdesaglik .card .card-body a i, #evdesaglik .card .card-body button i{
    font-size: 23px;
    margin: 0;
}

#evdesaglik .contactItems{
    display: flex;
    align-items: center;
    width: 100%;
}
#evdesaglik .contactItems a{
    width: fit-content;
    border-radius: 10px;
    padding: 6px 12px;
    margin: 0 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

#evdesaglik .contactItems a:hover{
    transform: scale(1.02);
}

#evdesaglik .contactItems a i{
    font-size: 26px;
    color: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
#evdesaglik .contactItems span{
    width: 100%;
    text-align: center;
    display: block;
    padding: 0 10px;
    font-weight: 500;
}

#evdesaglik .EvdeSaglikHizmetleriRow{
    max-height: 385px;
    overflow-y: auto;
    margin-top: 15px;
    padding-top: 15px;
}

#evdesaglik .EvdeSaglikHizmetleriRow .EvdeSaglikHizmetleriItem{
    margin-bottom: 15px;
    padding-bottom: 0px;
    border-bottom: 1px solid var(--site-color-gray2);
}

#evdesaglik h4{
    min-width: max-content;
}


.EvdeSaglikContainer h1{
    font-size: 28px;
    color: var(--site-color-primary);
    margin-bottom: 20px;
}
.EvdeSaglikContainer h2{
    font-size: 26px;
    margin-bottom: 20px;
}
.EvdeSaglikContainer h3{
    font-size: 24px;
    margin-bottom: 20px;
}
.EvdeSaglikContainer h4{
    font-size: 22px;
    margin-bottom: 20px;
}
.EvdeSaglikContainer h5{
    font-size: 20px;
    margin-bottom: 20px;
}
.EvdeSaglikContainer h6{
    font-size: 18px;
    margin-bottom: 20px;
}

.EvdeSaglikContainer .EvdeSaglikImg{
    position: relative;
    height: 450px;
    width: 100%;
    margin-bottom: 15px;
}

.EvdeSaglikContainer .EvdeSaglikImg img{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    height: 100%;
    border-radius: 15px 15px 0 0;
}

.EvdeSaglikContainer .EvdeSaglikBos{
    text-align: center;
    width: 100%;
}

.EvdeSaglikContainer .EvdeSaglikBos i{
    color: #666;
    font-size: 66px;
    margin-bottom: 10px;
    display: block;
}
.EvdeSaglikContainer .EvdeSaglikHizmetlerCard{
    position: sticky;
    top: 80px;
}
.EvdeSaglikContainer .EvdeSaglikHizmetlerCard .card-body{
    padding: 0;
}

.EvdeSaglikContainer .EvdeSaglikHizmetlerCard .card-body .card-header{
    font-weight: 600;
    font-size: 16px;
}
.EvdeSaglikContainer .EvdeSaglikHizmetlerCard .EvdeHizmetler{
    max-height: calc(100vh - 185px);
    overflow-y: auto;
}

.EvdeSaglikContainer .EvdeSaglikHizmetlerCard .EvdeHizmetler::-webkit-scrollbar {
    width: 2px;
}
.EvdeSaglikContainer .EvdeSaglikHizmetlerCard a{
    color: #333;
    display: flex;
    font-weight: 400;
    padding: 10px 10px 10px 20px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--site-color-gray2);
}
.EvdeSaglikContainer .EvdeSaglikHizmetlerCard a:last-child{
    border-bottom: none;
    border-radius: 0 0 10px 10px;
}

.EvdeSaglikContainer .EvdeSaglikHizmetlerCard a:hover{
    background-color: var(--site-color-primary-hover);
    color: #fff;
    padding: 10px 5px 10px 20px;
}

.EvdeSaglikContainer .EvdeSaglikHizmetlerCard a i{
    margin: 0;
}
.HomeServices{
    margin-bottom: 30px;
}
.HomeServices a{
    padding: 0.5px;
    display: block;
}
.HomeServices a:hover .card{
    background-color: var(--site-color-primary-hover);
    color: #fff;
}
.HomeServices a .card{
    border-radius: 0px;
    padding: 0;
    margin: 3px;
}
.HomeServices a .card .card-body{
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.HomeServices a .card .card-body span{
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.HomeServices a .card .card-body i{
    font-size: 24px;
    width: 15px;
    margin-right: 0px;
}

.EvdeSaglikWhatsApp{
    background-color: #23b143;
    color: #fff;
    width: 100%;
    height: calc(100% - 15px);
    min-height: 50px;
    text-align: center;
    display: block;
    border-radius: 10px;
    font-size: 22px;
    margin-bottom: 15px;
}
.EvdeSaglikWhatsApp small{
    display: block;
    font-size: 13px;
}
.EvdeSaglikWhatsApp i{
    font-size: 28px;
}
.EvdeSaglikWhatsApp:hover{
    background-color: #35c957;
    color: #fff;
}


.EvdeSaglikGorseller a{
    position: relative;
    height: 200px;
    width: 100%;
    display: block;
    border-radius: 10px;
}
.EvdeSaglikGorseller a:hover{
    transform: scale(1.05);
}
.EvdeSaglikGorseller a img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 10px;
}

.estetikBtns ul li button{
    border-radius: 0px;
    border: none;
    line-height: 30px;
    background-color: #fff;
    text-align: left;
}
.estetikBtns ul li button:hover{
    background-color: var(--site-color-primary-hover) !important;
    color: #fff;
}
.estetikBtns button{
    width: 100%;
    display: block;
    border-radius: 0px;
}

.estetikCardBanner .estetikImg{
    display: block;
    position: relative;
    width: 100%;
    height: 300px;
}
.estetikCardBanner img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 10px 0 0;
}

.sanakinIndex .sanakinItem .sanakinItemImg{
    position: relative;
    width: 100%;
    height: 200px;
    display: block;
    border-radius: 10px 10px 0 0;
}

.sanakinIndex .sanakinItem .sanakinItemImg img{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.sanakinIndex .sanakinItem a:hover .sanakinItemImg{
    transform: scale(1.02);
}

.sanakinIndex .sanakinItem a:hover{
    color: #004242;
}

.sanakinIndex .sanakinItem a:hover .sanakinTitle{
    color: var(--site-color-primary);
}