html {
  font-size: 14px;
}

@media (min-width: 768px) 
{
  html {
    font-size: 16px;
  }
}

@media(max-width: 768px)
{
    /*custom navbar start*/
    .activeNavLinkTabText {
        display: block !important;
    }

    .activeNavLinkTabIcon {
        display: none !important;
    }

    .notActiveNavLinkTabText {
        display: none !important;
    }

    .notActiveNavLinkTabIcon {
        display: block !important;
    }
    /*custom navbar end*/
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}



:root {
    --bs-primary: #B2444E;
    --bs-primary-hover: #a03c46;

    --bs-secondary: #8392AB;
    --bs-secondary-hover: #76859b;

    --bs-dark: #1A1F21;
    --bs-dark-hover: #131718;

    --bs-success: #6B8F4F;
    --bs-success-hover: #5e7e45;

    --bs-warning: #E87F17;
    --bs-warning-hover: #d27014;

    --bs-danger: #F44336;
    --bs-danger-hover: #d63c2f;


    --bs-background: #E9E9EA;
}

body {
    background-color: var(--bs-background);
}

/* D��meler */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
        background-color: var(--bs-primary-hover);
        border-color: var(--bs-primary-hover);
    }

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
}

.btn-secondary:hover {
        background-color: var(--bs-secondary-hover);
        border-color: var(--bs-secondary-hover);
    }

.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
}

.btn-success:hover {
        background-color: var(--bs-success-hover);
        border-color: var(--bs-success-hover);
    }

.btn-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
}

.btn-warning:hover {
   background-color: var(--bs-warning-hover);
   border-color: var(--bs-warning-hover);
}

.btn-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
}

.btn-danger:hover {
        background-color: var(--bs-danger-hover);
        border-color: var(--bs-danger-hover);
    }

.bg-primary {
    background-color: var(--bs-primary) !important;
    color: #fff; /* Metin rengi */
}

.bg-primary:hover {
        background-color: var(--bs-primary-hover) !important;
    }

.bg-secondary {
    background-color: var(--bs-secondary) !important;
    color: #fff;
}

.bg-secondary:hover {
        background-color: var(--bs-secondary-hover) !important;
    }

.bg-success {
    background-color: var(--bs-success) !important;
    color: #fff;
}

.bg-success:hover {
        background-color: var(--bs-success-hover) !important;
    }

.bg-warning {
    background-color: var(--bs-warning) !important;
    color: #fff;
}

.bg-warning:hover {
        background-color: var(--bs-warning-hover) !important;
    }

.bg-danger {
    background-color: var(--bs-danger) !important;
    color: #fff;
}

.bg-danger:hover {
        background-color: var(--bs-danger-hover) !important;
    }

.bg-dark {
    background-color: var(--bs-dark) !important;
    color: #fff;
}

.bg-dark:hover {
        background-color: var(--bs-dark-hover) !important;
    }



/* Metin renkleri */
.text-primary {
    color: var(--bs-primary) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.text-success {
    color: var(--bs-success) !important;
}

.text-warning {
    color: var(--bs-warning) !important;
}

.text-danger {
    color: var(--bs-danger) !important;
}

.text-dark {
    color: var(--bs-dark) !important;
}

.text-light {
    color: var(--bs-light) !important;
}




/* Navbar ve Di�er Alanlar */
.navbar {
    background-color: var(--bs-dark);
}

.navbar:hover {
    background-color: var(--bs-dark-hover);
}

.navbar {
    background-color: #E9E9EA !important;
}

.navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon {
    background-image: var(--bs-primary) !important;
    color: #fff !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}




.mobileNotShow {
    display: none !important;
}

/*GENEL VE TABLET*/
@media screen and (min-width: 768px){

    .g-sidenav-show:not(.rtl) .sidenav {
        transform: translateX(0rem);
        margin-left: 3px !important;
    }

    .g-sidenav-show .sidenav.fixed-start ~ .main-content {
        margin-left: 5rem !important;
    }

    .navbar-vertical.navbar-expand-xs {
        max-width: 6rem !important;
    }

    .g-sidenav-show .sidenav .nav-link-text {
        display: none !important;
    }


    .g-sidenav-show .navbar:not(.sidenav).navbar-main .navbar-nav {
        display: none !important;
    }

    .navbar-vertical .navbar-nav > .nav-item .nav-link.active .icon {
        margin-right: 0px !important;
    }

    .navbar-vertical .navbar-nav > .nav-item .nav-link .icon {
        margin-right: 0px !important;
    }

    .navbarTheadLeftMenu {
        text-align: center;
        padding: 0px !important;
        font-size: 10px !important;
    }

    .navbar-vertical .navbar-nav .nav-link[data-bs-toggle=collapse]:after {
        display: none !important;
    }

    #navbarBlur {
        display: none;
    }

    .mobileNotShow{
        display:block !important;
    }


    .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
        margin: 0 1.5rem;
    }





    /*yeni*/
    .navbar-vertical.navbar-expand-xs .navbar-collapse {
        height: 82vh !important;
    }
    /*80 de yap�labilir*/

}

@media screen and (max-width: 1400px) 
{
    .mobileNotShow{
        font-size:9px !important;
    }
}


*[style*="pointer-events: none"] {
    opacity: 0.7 !important;
}







    .btn-close{
        margin-right:5px !important;
    }

    .btn-close span i {
        font-size: 40px !important;
        margin-top: -12px !important;
    }


    textarea::placeholder {
        opacity: 0.3 !important; /* Opakl�k de�erini 0 ile 1 aras�nda ayarlayabilirsiniz. */
    }

    input::placeholder{
        opacity:0.3 !important;
    }

    .selected-tag {
        font-size: 14px !important;
    }


    .gotWalkInCreate {
        font-size: 25px !important;
        margin-right: 1rem !important;
    }

    .goRezCreate {
        font-size: 25px !important;
        margin-right: 1rem !important;
    }

    .dashboardButtonDiv {
        padding-right: 0px !important;
        padding-right: 15px !important;
    }

    #hourTypeSelect {
        line-height: 31px;
    }

    .dateRangePicker {
        line-height: 31px;
    }


    .hourTypePickerDiv div {
        line-height: 31px;
    }

    #waitingStatus {
        line-height: 31px;
    }


    .rightDate {
        line-height: 55px;
    }

    .leftDate {
        line-height: 55px;
    }

    .leftDatehourType {
        line-height: 55px;
    }

    .rightDatehourType {
        line-height: 55px;
    }

    .greenButtonBtnDiv{
        padding:8px !important;
        height:48.5px !important;
        width:48.5px !important;
    }

    .greenButtonBtn {
        height: 30.5px !important;
        width: 30.5px !important;
    }

    .dashboardDateText{
        font-size:25px;
        padding-top:8px !important;
    }


    .nav-link i{
        font-size:25px !important;
    }
    .nav-link .icon-sm {
        height:42px !important; 
        width:42px !important;
    }

    .nav-link{
        padding:0.3rem !important;
    }

    .nav-link .active {
        padding: 0.3rem !important;
    }

    .navbar-vertical.navbar-expand-xs .navbar-nav .nav-link {
        margin: 4px 1.4rem;
    }

    #iconSidenav
    {
        color:black !important;
    }


    @media (min-width: 768px){

        .nav-item-margin {
            margin-bottom:1rem !important;
        }

    }


    .reservationsTab a i{
        font-size:15px !important;
    }


    .HorsMainDiv {
        max-height: 570px;
        overflow-y: auto;
    }

    .modal .HorsMainDiv {
        max-height: 200px;
        overflow-y: auto;
    }

    .position-absolute .nav-link{
        padding:0px !important;
    }



    /* �konlar */
    .iconMenu {
        display: inline-block;
        border-right: 1px solid gray;
        padding: 14px 16px 14px 16px;
        font-size: 20px;
        cursor: pointer;
        margin-left: -4px;
    }

    .iconMenu:hover {
        color: white;
        background-color: #B2444E;
        cursor: pointer;
    }



    .modal .fc-icon-chevron-left {
        font-size: 1.875rem !important;
    }

    .modal .fc-icon-chevron-right {
        font-size: 1.875rem !important;
    }

    .modal .fc-toolbar-title {
        font-size: 1.875rem !important;
    }