/*
*
* WEB Developer - 2024
* Arda KARAÇAYIR
*
*/

:root {
	--main-dark-blue: #14457B;
	--main-soft-blue: #216CBF;
	--main-dark-gray: #808080;
	--soft-gray: #F7F7F7;
	--white: #FFFFFF;
}


body { margin: 0px; padding: 0px; font-family: "Open Sans", sans-serif; font-display:swap; -webkit-font-smoothing: antialiased; background-color: var(--soft-gray); }
.none { display: none; }

.cursor { cursor: pointer; }

.bg-dark-blue { background-color: var(--main-dark-blue); }

.img-fluid { width: 100%; height: auto; }

.btn-dark-blue { color: var(--white)!important; background-color: var(--main-dark-blue)!important; border-color: var(--main-dark-blue)!important; }
.btn-dark-blue:hover, .btn-dark-blue:focus, .btn-dark-blue:active, .btn-dark-blue.active, .open>.dropdown-toggle.btn-dark-blue { color: var(--main-color)!important; background-color: var(--white)!important; border-color: var(--white)!important; }

.btn-soft-blue { color: var(--white)!important; background-color: var(--main-soft-blue)!important; border-color: var(--main-soft-blue)!important; }
.btn-soft-blue:hover, .btn-soft-blue:focus, .btn-soft-blue:active, .btn-soft-blue.active, .open>.dropdown-toggle.btn-soft-blue { color: var(--main-color)!important; background-color: var(--white)!important; border-color: var(--white)!important; }


.sidebar { background-color: var(--main-dark-blue); position: fixed; }
.navbar-brand { padding-top: .75rem; padding-bottom: .75rem; color: var(--main-soft-blue); box-shadow: inset -1px 0 0 rgba(90, 90, 90, .25); font-size: 1.4rem; }
.navbar-toggler { margin-right: 15px; }
.btn-close { margin-right: 10px!important; }


.pantient-name-home { font-size: .9rem; }


@media only screen and (max-width: 768px){
	.mhide { display: none; }
	.offcanvas-title { color: var(--white); }
	.sidebar-sticky { background-color: var(--main-dark-blue); }
	.logo { width: 140px; height: auto; }
}

@media only screen and (min-width: 769px) and (max-width: 991px){
	.thide { display: none; }
	.offcanvas-title { color: var(--white); }
	.sidebar-sticky { background-color: var(--main-dark-blue); }
	.logo { width: 220px; height: auto; }
	
}

@media only screen and (min-width: 992px){
	.dhide { display: none; }
	.logo { width: 260px; height: auto; }
	.sidebar-sticky {
	  height: calc(100vh - 48px);
	  overflow-x: hidden;
	  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	}
}

.bg-1{ background-color:#FFC; }
.bg-2{ background-color:#FCC; }
.bg-3{ background-color:#CCF; }
.bg-4{ background-color:#9CF; }
.bg-5{ background-color:#6CF; }

#blockpatient {
		max-height: 80vh;
        white-space: nowrap; /* Tüm gruplar yan yana */
        overflow-x: auto; /* Yatay kaydırma */
        overflow-y: auto; /* Dikey kaydırmayı kapat */
        display: flex; /* Kartların yatayda dizilmesi için flex kullanıldı */
        gap: 15px; /* Kartlar arasında boşluk */
    }
    .card {
        flex: 0 0 auto; /* Kartlar sabit genişlikte kalsın */
        min-width: 300px; /* Her bir kartın minimum genişliği */
    }
.w-300 { width: 300px; }
.text-break {
    word-wrap: break-word!important; /* Eski tarayıcılar için */
    overflow-wrap: break-word!important; /* Modern tarayıcılar için */
	white-space: normal!important;
}
.small-text { font-size: .9rem; }
.modal-login { --bs-modal-width: 335px!important; }
.result-card-span li span {display: block; }
.result-body { height: 250px; overflow-y: auto; }
.sidebar-dropdown { position: relative; }

.arrow-toggle::after { font-family: FontAwesome; content: "\f107"; color: #fff; display: inline-block; position: absolute; top: 11px; right: 10px; }
.arrow-toggle-close::after { font-family: FontAwesome; content: "\f00d"; color: #fff; display: inline-block; position: absolute; top: 11px; right: 10px; }

.sidebar-menu ul { width: 100%; }
.sidebar-menu ul li { border-bottom: solid 1px rgba(103,103,103,0.61); cursor: pointer; }
.sidebar-menu ul li:hover { background-color: var(--main-soft-blue);  }
.sidebar-menu ul li a { color: #fff!important; font-size: 13px; display: block!important; padding: 15px 0px; }
.sidebar-menu ul li i { width: 20px; margin: 0px 10px; }
.sidebar-menu ul li a:hover > i::before { display: inline-block; animation: swing ease-in-out 0.5s 1 alternate; }
.sidebar-menu .sidebar-dropdown > a::after {  font-style: normal; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; background: 0 0; position: absolute; right: 15px; top: 14px; }
.sidebar-menu .sidebar-dropdown .sidebar-submenu ul { padding: 0; list-style-type: none; border-top: solid 1px rgba(103,103,103,0.61); }
.sidebar-menu .sidebar-dropdown .sidebar-submenu li { font-size: 13px; list-style-type: none; }
.sidebar-menu .sidebar-dropdown .sidebar-submenu li:last-child { border-bottom: none; }
.sidebar-menu .sidebar-dropdown .sidebar-submenu li a { padding-left: 25px; padding-top: 10px; padding-bottom: 10px; color: #fff!important; font-size: 13px; text-decoration: none; }
.sidebar-menu .sidebar-dropdown .sidebar-submenu li a:hover { background-color: var(--main-soft-blue); }
.sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {  font-weight: 400; font-style: normal; display: inline-block; text-align: center; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 10px; font-size: 8px; }
.sidebar-menu ul li a span.label, .sidebar-menu ul li a span.badge { float: right; margin-top: 8px; margin-left: 5px; }
.sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge, .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label { float: right; margin-top: 0px; }
.sidebar-menu .sidebar-submenu { display: none; }
.sidebar-menu .sidebar-dropdown.active > a:after { transform: rotate(90deg); right: 17px; }