:root{
    --fogerp-border-radius:16px;
    --fogerp-title-border-radius:16px;
}
/* Regular */
@font-face {
    font-family: 'NanumSquareRound';
    src: url('/theme/font/NanumSquareRound/NanumSquareRoundR.ttf') format('truetype');
    font-weight: 400 !important;
    font-style: normal !important;
}

/* Bold */
@font-face {
    font-family: 'NanumSquareRound';
    src: url('/theme/font/NanumSquareRound/NanumSquareRoundB.ttf') format('truetype');
    font-weight: 700 !important;
    font-style: normal !important;
}

/* Extra Bold */
@font-face {
    font-family: 'NanumSquareRound';
    src: url('/theme/font/NanumSquareRound/NanumSquareRoundEB.ttf') format('truetype');
    font-weight: 800 !important;
    font-style: normal !important;
}

/* Light */
@font-face {
    font-family: 'NanumSquareRound';
    src: url('/theme/font/NanumSquareRound/NanumSquareRoundL.ttf') format('truetype');
    font-weight: 300 !important;
    font-style: normal !important;
}

/* Bold */
@font-face {
    font-family: 'GothamRounded';
    src: url('/theme/font/GothamRounded/Gotham_Rounded_Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* Book (Regular) */
@font-face {
    font-family: 'GothamRounded';
    src: url('/theme/font/GothamRounded/Gotham_Rounded_Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* Light */
@font-face {
    font-family: 'GothamRounded';
    src: url('/theme/font/GothamRounded/Gotham_Rounded_Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* Medium */
@font-face {
    font-family: 'GothamRounded';
    src: url('/theme/font/GothamRounded/Gotham_Rounded_Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

.font-style-gotham {
    font-family: 'GothamRounded', sans-serif !important;
}

.font-style-nanum {
    font-family: 'NanumSquareRound', sans-serif !important;
}

/* -------------------------sidebar menu css start-------------------------- */

[data-bs-theme="dark"] #kt_app_sidebar_menu_wrapper .menu a,
[data-bs-theme="dark"] #kt_app_sidebar_menu_wrapper .menu div{
    background-color: #1E1E2D  !important;
}
[data-bs-theme="dark"] #kt_app_sidebar_menu_wrapper .menu .menu-item .menu-link.active{
    background-color: #fff0e6  !important;
}
#kt_app_sidebar_menu_wrapper {
    height: 90vh !important; 
    overflow-y: scroll !important;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer & Edge */
    padding-bottom: 30px;
}

#kt_app_sidebar_menu_wrapper::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and Opera */
}

#kt_app_sidebar_menu_wrapper>.menu>a,
#kt_app_sidebar_menu_wrapper>.menu>div {
    background: #f9f9f9;
    margin-top: 7px;
    border-radius: 8px !important;
    color: #ff5722;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
} 

#kt_app_sidebar_menu_wrapper .menu-sub  .menu-item{
    border-top: 1px solid #dbdad8 !important;
}

#kt_app_sidebar_menu_wrapper a:hover,
#kt_app_sidebar_menu_wrapper span:hover {
    background-color: #f77525 !important;
    /* color: #fff !important;  */
    border-radius: 8px !important;
}

#kt_app_sidebar_menu_wrapper .menu-sub a:hover,
#kt_app_sidebar_menu_wrapper .menu-sub span:hover,
#kt_app_sidebar_menu_wrapper .menu-sub a:active,
#kt_app_sidebar_menu_wrapper .menu-sub span:active{
    border-radius: 8px !important;
    background-color: #fff0e6  !important;
}

.menu-sub-indention .menu-item .menu-item .menu-link.active {
    margin-right: 0px !important;
}
.menu-item .menu-link .menu-title {
    margin-left: 5px;
    text-transform: uppercase;
    color: #696975 !important;
    font-weight:500;
}
.app-sidebar-menu .menu>.menu-item {
    font-size: 14px;
}

.app-sidebar .menu .menu-item.show > .menu-link  {
    color: #9d9da6 !important;
    background-color: #f77525 !important;
    border-radius: 8px !important;
  }

@media (max-width: 991.98px) {
    [data-kt-app-layout="dark-sidebar"] #kt_app_sidebar {
        background-color: #ffffff;
    }
}
@media (min-width: 991.98px) {
    [data-kt-app-layout="dark-sidebar"] #kt_app_sidebar {
        background-color: #ffffff00;
    }
}

[data-kt-app-layout="dark-sidebar"] #kt_app_sidebar_menu_wrapper {
    background-color:#ffffff00;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .app-sidebar-logo {
    border-bottom: none;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color 0.2s ease;
    color: #9d9da6 !important;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #9d9da6 !important;
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here) .menu-title{
    color: #9d9da6 !important;
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-icon{
    color: #9d9da6 !important;
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: #fff0e6 !important;
    border-radius: 12px;
    border: 1px solid #ffe7d8;
    padding: 8px;
}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-title {
    color: #000000 !important;
}
.app-sidebar-logo a {
    width: 100%;
    height: 100%;
    margin-top: 50px;
}

.app-sidebar-logo-dark {
    display: none;
}

.app-sidebar-logo-default {
    display: block;
}

/* -------------------------sidebar menu css end-------------------------- */

[data-bs-theme="dark"] body {
    background-color: #353546 !important;
}

body {
    font-family: 'GothamRounded', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .025em;
    background-color: #f9f3ef !important;
}

.tooltip {
    font-family: 'GothamRounded', 'Helvetica Neue', sans-serif !important;
}

.popover {
    font-family: 'GothamRounded', 'Helvetica Neue', sans-serif !important;
}

.form-control-sm {
    border-radius: 0.725rem !important;
}

.form-select-sm {
    border-radius: 0.725rem !important;
}

[data-kt-app-header-fixed="true"] .app-wrapper {
    margin-top: 0;
}


#kt_app_main{
    padding-top: 10px;
}

.page-wrapper .container-fluid {
    /* padding-top: 2rem; */
    /* overflow: hidden; */
    overflow-x: scroll;
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: auto !important;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.container-fluid > .row:last-of-type {
    /* overflow: scroll !important; */
    flex-grow: 1;
    /* overflow: auto; */
    /* scrollbar-width: none; */
    /* -ms-overflow-style: none; */
    background-color: transparent !important;
    border-radius: var(--fogerp-border-radius) !important;
    /* padding: 24px; */
    /* box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px,
            rgba(0, 0, 0, 0.2) 0px 5px 10px -3px,
            rgba(0, 0, 0, 0.15) 0px -2px 0px inset; */
            /* box-shadow:
  rgba(0, 0, 0, 0.12) 0px 1px 3px,
  rgba(0, 0, 0, 0.08) 0px 5px 10px -3px,
  rgba(0, 0, 0, 0.05) 0px -2px 0px inset; */
    margin-bottom: 10px !important;
}

.container-fluid > .row:last-of-type::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and newer versions of Edge */
}

.container-scroll {
    overflow: scroll !important;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

#main-wrapper {
    margin-bottom: 0 !important;
}

.app-footer{
    height: auto !important;
}

.app-container {
    padding:  0 0 !important;
}

/* Medium devices (small laptops) */
@media (max-width: 991.98px){
    .page-wrapper .container-fluid {
        padding-top: 0.5rem;
        height: auto !important;
        overflow: visible !important;
        padding: 10px;
        height: auto !important;
    }
    
}
/* --------------------------------------------------- */

.bg-svg-01 {
    background-color: transparent !important;
    background-image: url('/theme/svgs/popup_01.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.fotonvr-input {
    border-radius: 12px;
    border: none;
    background-color: #efefef !important;
}

.hide-scrollbar {
    overflow: auto; /* Ensure the content is scrollable */
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
}

.hide-scrollbar::-webkit-scrollbar {
    display: none; /* For Chrome, Safari, and newer versions of Edge */
}

.keep-wide{
    width: 1402px;
    margin-left: -189px;
}
/* .app-navbar-item{
    border-left: 1px solid #dbdad8;
} */
.app-navbar-item> a{
    margin-left: 15px !important;
}
.btn-custom-light{
    background-color: #fff0e6 !important;
    border-radius: 30px !important;
    color: #ff5722;
}
.btn-custom-light:hover{
    color:#9d9da6 !important;
}

.text-orange{
    color: #ff5722 !important;
}

.icon-3d-effect {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2) inset, 
    0 0 0 var(--btn3d-border-width) rgba(255, 255, 255, 0.15) inset, 
    0 var(--btn3d-click-gap) 0 0 rgba(0, 0, 0, 0.2), 
    0 var(--btn3d-click-gap) var(--btn3d-click-gap) 0px rgba(0, 0, 0, var(--btn3d-shadow)) !important;
}

.card-3d-rounded {
    background-color: #f8f9fa;
    border-radius: 50px; 
    overflow: hidden; 
    box-shadow: 0 0 0 1px var(--btn3d-border-secondary) inset, 0 0 0 var(--btn3d-border-width) rgba(255, 255, 255, 0.10) inset, 0 var(--btn3d-click-gap) 0 0 var(--btn3d-bottom-secondary), 0 var(--btn3d-click-gap) var(--btn3d-click-gap) 1px rgba(0, 0, 0, var(--btn3d-shadow)) !important;
}
.card {
    box-shadow:
  rgba(0, 0, 0, 0.12) 0px 1px 3px,
  rgba(0, 0, 0, 0.08) 0px 5px 10px -3px,
  rgba(0, 0, 0, 0.05) 0px -2px 0px inset;
    border-radius: var(--fogerp-border-radius) !important;
}

@media (max-width: 767.98px) { 
    .col-sm-12.custom-padding-margin {
        padding: 0 !important;
        padding-bottom: 5px !important; 
    }
    .custom-gap {
        gap: 1px !important; 
    }

    .app-logo-separator,
    .app-logo-text, .username-navbar {
        display: none !important;
    }
    .fogpagetitles{
        height: auto;
    }
}

.fogpagetitles{
    color: white !important;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 3px,
            rgba(0, 0, 0, 0.2) 0px 5px 10px -3px,
            rgba(0, 0, 0, 0.15) 0px -2px 0px inset;
	background-color: var(--btn3d-primary) !important;
    justify-content: start;
    border-radius: var(--fogerp-border-radius) !important;
    margin-left: 0px !important;
}
.fogpagetitles h3{
    color: white !important;
    padding-left: 20px;
}
/* button white css apply to fogpagetitles if only one button */
.fogpagetitles:has(a.btn:only-of-type) a.btn {
    color: #666666;
	box-shadow: 0 0 0 1px var(--btn3d-border-white) inset, 0 0 0 var(--btn3d-border-width) rgba(255, 255, 255, 0.10) inset, 0 var(--btn3d-click-gap) 0 0 var(--btn3d-bottom-white), 0 var(--btn3d-click-gap) var(--btn3d-click-gap) 1px rgba(0, 0, 0, var(--btn3d-shadow)) !important;
	background-color: var(--btn3d-white) !important;
    margin-right: 20px;
}
.fogpagetitles .fogbreadcrumb{
    padding-left: 20px;
    color: #fff !important;
}

.fogtblcol{
    padding: 0px !important;
    border-radius: var(--fogerp-border-radius) !important;
}
/* .fogtblcol .card-body {
    border-radius: var(--fogerp-border-radius) !important;
} */
.fogtblcol .card-body {
    overflow-x: scroll !important;
}

.fogtblcol .card-body h2 {
   padding: 10px 0px 0px 10px !important;
}


/* table css */
.fogtblcol .table th, .table td, .table tr {
    border: none !important;
}
.fogtblcol .table tbody tr {
    border-bottom: 1px solid #dbdad8 !important; /* Darker solid border */
}

.app-logo-separator {
    color: #000;
    font-size: clamp(24px, 2vw, 28px);
    margin-left: 0.75rem;
}
.app-logo-text {
    color: #000;
    font-weight: 500;
    font-size: clamp(8px, 1.6vw, 16px);
    margin-top: 0.5rem;
    display: inline-block;
    margin-left: 0.75rem;
}

.container-fluid >.card .card-title > :first-child {
    margin-left: 20px; /* Adjust value as needed */
}
.fogcreatebtn{
    color: #666666;
	box-shadow: 0 0 0 1px var(--btn3d-border-white) inset, 0 0 0 var(--btn3d-border-width) rgba(255, 255, 255, 0.10) inset, 0 var(--btn3d-click-gap) 0 0 var(--btn3d-bottom-white), 0 var(--btn3d-click-gap) var(--btn3d-click-gap) 1px rgba(0, 0, 0, var(--btn3d-shadow)) !important;
	background-color: var(--btn3d-white) !important;
}

.fogcreatebtn:active,
.fogcreatebtn.active {
	color: #666666 !important;
	box-shadow: 0 0 0 1px var(--btn3d-border-white) inset, 0 0 0 var(--btn3d-border-width) rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1) !important;
	background-color: var(--btn3d-white) !important;
}
.fogcreatebtn:hover{
	color: #666666 !important;
}

.breadcrumb-line {
    margin-left: 1.5rem;
}

.fogpagetitles div:nth-child(2) a {
    margin-right: 10px !important;
}

div, main, ol, pre, span, ul {
    scrollbar-color: #ccc transparent !important;
}

@media (min-width: 1710px) {
  .custom-1710 {
    width: calc(100% * 10 / 12); /* 83.333333% */
  }
}
.fogbreadcrumb li a {
    color : #696975 !important;
}

.ck-content table,
.ck-content table td,
.ck-content table th {
    border: 1px solid #000 !important;
    border-collapse: collapse !important;
}

.ck-content table td,
.ck-content table th {
    padding: 5px !important;
}