@charset "UTF-8";
.input-email {
    width: 100%; 
    padding: 10px; 
    margin: 5px 0; 
    box-sizing: border-box; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
}
.form-control.input-cegnev {
    width: 70%; 
    padding: 10px; 
    margin: 5px 0; 
    box-sizing: border-box; 
    border: 1px solid #ccc; 
    border-radius: 4px; 
}
input[type="checkbox"] {
    border-color: #242424;
}
.form-control.input-width-50 {
    width: 50% !important;
}
.form-control.input-width-70 {
    width: 70% !important;
}
.form-control.input-width-80 {
    width: 80% !important;
}
.input-w-xs { max-width:120px; }
.input-w-sm { max-width:220px; }
.input-w-md { max-width:350px; }
.input-w-lg { max-width:500px; }

#_task_modal .modal-dialog,
.task-modal-single .modal-dialog {
    width: 90vw !important;
    max-width: 1600px !important;
}

#_task_modal .modal-content,
.task-modal-single .modal-content {
    width: 100% !important;
}
/* ---------------------- eddig tart ---------------*/
/* ================================================================
   SCYLLA CRM – SAP/Jellegű enterprise UI override
   ERŐSEBB, LÁTVÁNYOSABB verzió
   Tedd a style.css LEGVÉGÉRE
================================================================ */

/* --- APP ALAP --- */
html,
body,
#wrapper {
    background: #eef3f8 !important;
}

body {
    color: #1f2937 !important;
}

/* --- HEADER --- */
#header {
    height: 64px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #d7e1ea !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.06) !important;
}

.navbar-nav > li > a {
    height: 64px !important;
    padding-top: 22px !important;
    padding-bottom: 22px !important;
    color: #5f6b7a !important;
    font-weight: 500 !important;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav .open > a,
.navbar-nav .open > a:hover,
.navbar-nav .open > a:focus {
    background: #edf5fc !important;
    color: #0a6ed1 !important;
    border-radius: 8px !important;
}

#header li > a.active {
    background: #e8f2fc !important;
    color: #0a6ed1 !important;
    border-radius: 8px !important;
}

/* --- SIDEBAR / BAL MENÜ --- */
.sidebar,
#menu,
#setup-menu-wrapper {
    background: #f7f9fc !important;
    border-right: 1px solid #d7e1ea !important;
}

.sidebar {
    width: 248px !important;
    padding: 10px 10px 18px !important;
}

#wrapper {
    margin-left: 248px !important;
}

body.page-small.show-sidebar #wrapper {
    margin-left: 248px !important;
}

body.page-small #menu,
body.hide-sidebar:not(.show-sidebar) #menu {
    margin-left: -248px !important;
}

.sidebar > ul.nav > li {
    border-left: 0 !important;
    margin-bottom: 4px !important;
    position: relative !important;
}

.sidebar ul.nav li a {
    background: transparent !important;
    color: #425466 !important;
    padding: 10px 14px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.sidebar ul.nav li a i.menu-icon {
    color: #7b8794 !important;
    width: 18px !important;
    font-size: 16px !important;
    margin-right: 12px !important;
}

.sidebar > ul.nav > li:hover > a:first-child {
    background: #eef5fb !important;
    color: #0f172a !important;
   border: 1px solid #0A6ED1 !important;
    box-shadow: none !important;
}

.sidebar > ul.nav > li.active > a:first-child {
    background: #ffffff !important;
    color: #0a6ed1 !important;
    border: 1px solid #cfe0ef !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important;
}

.sidebar > ul.nav > li.active::before {
    content: "" !important;
    position: absolute !important;
    left: -10px !important;
    top: 8px !important;
    bottom: 8px !important;
    width: 4px !important;
    border-radius: 4px !important;
    background: #0a6ed1 !important;
}

.sidebar ul.nav li.active > a,
.sidebar ul.nav > li > a:hover,
.sidebar ul.nav > li > a:focus,
.sidebar ul.nav li.active > a .menu-icon,
.sidebar ul.nav > li > a:hover .menu-icon,
.sidebar ul.nav > li > a:focus .menu-icon {
    color: #0a6ed1 !important;
}

.sidebar ul.nav li .nav-second-level li a {
    padding: 7px 14px 7px 42px !important;
    color: #526172 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
}

.sidebar ul.nav li .nav-second-level li.active a {
    background: #edf5fc !important;
    color: #0a6ed1 !important;
    font-weight: 600 !important;
}

.sidebar .arrow {
    padding-top: 3px !important;
    color: #8a96a3 !important;
}

/* --- TARTALMI TERÜLET --- */
.content {
    padding: 28px !important;
    background: #eef3f8 !important;
}

/* --- PANEL / KÁRTYA --- */
.panel_s,
.panel,
.top_stats_wrapper,
.widget,
.card,
.question.form-group {
    background: #ffffff !important;
    border: 1px solid #dbe4ec !important;
    border-radius: 14px !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
}

.panel_s .panel-heading,
.panel > .panel-heading,
.panel_s > .panel-heading {
    background: #ffffff !important;
    border-bottom: 1px solid #e6edf3 !important;
    padding: 16px 20px !important;
}

.panel_s .panel-body,
.panel .panel-body {
    padding: 20px !important;
}

/* --- TÁBLÁK --- */
.table > thead > tr > th {
    background: #f7fafd !important;
    color: #4b5b6b !important;
    border-bottom: 1px solid #dbe4ec !important;
    font-weight: 600 !important;
}

.table > tbody > tr > td {
    border-top: 1px solid #edf2f7 !important;
}

.table-hover > tbody > tr:hover {
    background: #f7fbff !important;
}

/* --- GOMBOK --- */
.btn {
    border-radius: 10px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    transition: all .18s ease !important;
}

.btn-primary,
.btn-info {
    background: #0a6ed1 !important;
    border-color: #0a6ed1 !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-info:hover {
    background: #085caf !important;
    border-color: #085caf !important;
}

.btn-default {
    background: #ffffff !important;
    border-color: #cfd8e3 !important;
    color: #334155 !important;
}

/* --- INPUTOK --- */
.form-control,
.bootstrap-select .dropdown-toggle,
.selectpicker,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
    background: #ffffff !important;
    border: 1px solid #cfd8e3 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    min-height: 42px !important;
}

.form-control:focus,
.bootstrap-select .dropdown-toggle:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #7fb0e5 !important;
    box-shadow: 0 0 0 3px rgba(10, 110, 209, 0.12) !important;
}

/* --- KANBAN / MILESTONE --- */
.kan-ban-wrapper,
.kb-kan-ban#kan-ban {
    background: transparent !important;
}

.kan-ban-col {
    width: 330px !important;
    margin-right: 14px !important;
}

.milestone-column .panel-heading,
#kan-ban .panel-heading {
    background: linear-gradient(180deg, #fdfefe 0%, #f4f8fc 100%) !important;
    border: 1px solid #dbe4ec !important;
    border-bottom: 1px solid #dbe4ec !important;
    border-radius: 14px 14px 0 0 !important;
    padding: 12px 14px !important;
    min-height: 72px !important;
}

.kan-ban-content {
    background: #e8eef5 !important;
    padding: 10px !important;
    border-radius: 0 0 14px 14px !important;
    border-left: 1px solid #dbe4ec !important;
    border-right: 1px solid #dbe4ec !important;
    border-bottom: 1px solid #dbe4ec !important;
}

#kan-ban .panel-body {
    background: #ffffff !important;
    border: 1px solid #dde5ed !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
    margin: 10px 4px !important;
    padding: 14px 16px !important;
}

.kan-ban-content .kanban-empty h4 {
    color: #6b7a8c !important;
    font-weight: 500 !important;
}

/* --- PAGE TITLE / TOOLBAR HATÁS --- */
h1, h2, h3, h4 {
    color: #1f2937 !important;
}

.page-title,
.project-heading,
.customer-profile-group-heading {
    color: #1f2937 !important;
    font-weight: 600 !important;
}
/* Scylla CRM – projektválasztó border eltávolítása */
.bootstrap-select > .dropdown-toggle {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* fókusz állapotban se jelenjen meg */
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active {
    border: none !important;
    box-shadow: none !important;
}

/* ---------------------- eddig tart ---------------*/
/* Scylla CRM – "Továbbiak" dropdown szélesítése */
.btn-group.open .dropdown-menu {
    min-width: 280px !important;
}
/* ---------------------- eddig tart ---------------*/