:root {
    --color-red: rgb(237, 33, 36);
    --color-yellow: rgb(241, 196, 77);
    --color-green: rgb(38, 153, 36);
    --color-black: rgb(0, 0, 0);
    --color-gray5: rgb(229, 229, 229);
    --color-gray4: rgb(178, 178, 178);
    --color-cobalt: rgb(30, 73, 226);
    --color-dark-blue: rgb(12, 36, 60);
    --color-kpmg-blue: rgb(0, 51, 141);
    --color-kpmg-pacific-blue: rgb(0, 184, 245);
    --color-kpmg-darker-pacific-blue: rgb(0, 153, 204);
    --color-kpmg-cobalt-blue: var(--color-cobalt);
    --color-kpmg-light-pink: rgb(255, 163, 218);
    --color-kpmg-darker-pink: rgb(255, 128, 204);
    --color-light-blue: rgb(172, 234, 255);
    /**/
    --primary-color: var(--color-cobalt);
    --secondary-color: var(--color-kpmg-blue);
    --text-color: rgb(30, 30, 30);
    --line-color: rgb(178, 178, 178);
    --box-color: rgb(229, 229, 229);
    --background-color: rgb(242, 242, 247);
    /**/
    --question-no-answer-color: var(--color-cobalt);
    --question-with-answer-color: var(--color-cobalt);
    --question-sent-color: var(--color-cobalt);
    --question-approved-color: var(--color-cobalt);
    --question-body-color: white;
    /**/
    --form-assigned-color: var(--color-cobalt);
    --form-in-progress-color: var(--color-cobalt);
    --form-submitted-color: var(--color-cobalt);
    --form-final-color: var(--color-cobalt);
    --form-accepted-color: var(--color-cobalt);
    --form-archived-color: var(--color-cobalt);
    /**/
    --default-font-size: 15px;
    --default-font-family: "Arial";
    --default-font-weight: 300;
    --default-font: var(--default-font-size) var(--default-font-family);
    /**/
    --kpmg-font-size: 15px;
    --kpmg-font-family: "KPMG-Bold";
    --kpmg-font-src: url("Webfonts/KPMG-Bold.ttf");
    --kpmg-font-weight: 300;
    --kpmg-font: var(--kpmg-font-size) var(--kpmg-font-family);
}

@font-face {
    font-family: "KPMG-Bold";
    src: url("Webfonts/KPMG-Bold.ttf");
}

/* ▼-▼-▼-▼-▼-▼-▼-▼-▼ Cookiebanner ▼-▼-▼-▼-▼-▼-▼-▼-▼ */
.cookiebanner {
    font-size: 9pt !important;
    background-color: white !important;
}

    .cookiebanner a {
        color: black !important;
        font-weight: bold !important;
        text-decoration: none !important;
    }

        .cookiebanner a:hover {
            text-decoration: underline !important;
        }

/* ▼-▼-▼-▼-▼-▼-▼-▼-▼ Login screen ▼-▼-▼-▼-▼-▼-▼-▼-▼ */

.SiteMasterPageBody {
    background-color: white !important;
}

    .SiteMasterPageBody .form-control {
        border: 2px solid !important;
        border-color: var(--primary-color) !important;
    }

.welcome-kpmg {
    font-size: 104pt !important;
    font-family: "KPMG-Bold" !important;
    color: var(--primary-color) !important;
}

.login-text {
    margin-bottom: 1.2rem !important;
    font-size: 18pt !important;
    font-weight: bold !important;
    color: var(--primary-color) !important;
}

/*
#MainContent_txtLogin, #MainContent_txtPassword {
    width: 100% !important;
}
*/

.txtLogin-label, .txtPassword-label {
    font-size: 14pt !important;
    font-family: Arial;
    color: var(--primary-color) !important;
}

.forgotenPass-btn {
    margin-right: 1.2rem !important;
}

    .forgotenPass-btn .btn {
        margin-left: 0.35rem !important;
        color: white !important;
        font-size: 12pt !important;
        background-color: var(--color-kpmg-pacific-blue) !important;
        width: 100% !important;
    }

    .forgotenPass-btn .btn:hover {
        background-color: var(--primary-color) !important;
    }

#MainContent_cmdLogin {
    font-size: 12pt !important;
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}

/* ▼-▼-▼-▼-▼-▼-▼-▼-▼ Site.Master ▼-▼-▼-▼-▼-▼-▼-▼-▼ */

header{
    font-size: 14pt;
}

.siteMaster-upper-bar-nav {
    z-index: 3;
    width: 100%;
    height: 4.2rem;
    left: 0;
    top: 0;
    text-align: left;
}

footer {
    background-color: var(--primary-color);
    color: white !important;
    margin-top: 4rem !important;
    padding: 1rem 0 1rem 4.5rem !important;
    font-size: 9pt !important;
}

    footer p {
        font-size: 9pt;
    }

    footer .footer-lower-navigation a {
        color: white !important;
        font-weight: bold;
        font-size: 9pt;
    }

    footer a:hover {
        text-decoration: underline;
    }

    footer .footer-upper-navigation {
        color: white !important;
        font-size: 12pt;
        font-family: Arial;
        font-weight: bold;
    }

        footer .footer-upper-navigation a {
            color: white !important;
            font-size: 12pt;
            font-weight: bold;
        }

.footer-upper-navigation .privacyTitle {
    margin: 0 5rem !important;
}

/* ▼-▼-▼-▼-▼-▼-▼-▼-▼ Lang_Dropdown ▼-▼-▼-▼-▼-▼-▼-▼-▼ */
.lang-dropdown {
    overflow-x: hidden;
}

.lang-dropdown-container {
    padding-right: 2rem;
    width: 60px;
}

    .lang-dropdown-container .dropdown-menu {
        right: 0;
        left: auto;
    }

.lang-item {
    color: #000;
    padding: 6px 12px;
    display: block;
    text-decoration: none;
}

    .lang-item:hover, .dropdown-item:hover {
        background-color: var(--color-kpmg-cobalt-blue) !important;
        color: white !important;
    }

.dropdown-toggle::after {
    margin-left: 6px;
}

.dropdown-menu-start{
    position:absolute;
}
/* ▼-▼-▼-▼-▼-▼-▼-▼-▼ SPY_Style ▼-▼-▼-▼-▼-▼-▼-▼-▼ */
.padd-s-4 {
    padding-left: 4px !important;
}

.padd-t-4 {
    padding-top: 4px !important;
}

.padd-e-4 {
    padding-right: 4px !important;
}

@media (min-width: 576px) {
    .modal-in-modal .modal-dialog {
        max-width: 50rem !important;
        margin: 1.75rem auto;
    }
}

.set-pointer {
    cursor: pointer !important;
}

.fa-solid, .fa-regular, .fa-brands, .fas, .far, .fab, .fa-sharp-solid, .fa-classic, .fa {
    line-height: inherit !important;
}

.blue-header-cell {
    color: var(--primary-color) !important;
}

.bi-bold {
    -webkit-text-stroke: 0.03rem;
}

.bi-bold2 {
    font-size: 1.3rem; /* Větší ikona */
    display: inline-block;
    line-height: 0; /* Klíčové - odstraní vertikální prostor */
    vertical-align: middle; /* Vycentruje ikonu */
}

/* Transform pro ještě větší kontrolu */
.bi-bold2-transform {
    -webkit-text-stroke: 0.03rem;
    display: inline-block;
    transform: scale(1.5); /* Zvětší ikonu o 50% */
    line-height: 1;
}

/* Max-width/max-height pro omezení */
.bi-bold2-contained {
    -webkit-text-stroke: 0.03rem;
    font-size: 1.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    max-width: 1rem; /* Omezí šířku */
    max-height: 1rem; /* Omezí výšku */
    overflow: hidden; /* Ořízne přesah */
}

#cmdAddReferenceFile {
    height: 2.05rem;
}

.hideElement {
    display: none;
}

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ DRAG & DROP ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
#DropDownZone {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 6rem;
    width: 100%;
    border: 2px dashed;
    border-color: var(--primary-color);
    background-color: transparent;
    border-radius: 10px;
    margin: 0.75rem 0 0.75rem 0;
}

#DropDownZoneSmall {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 2rem;
    width: 100%;
    border: 2px dashed;
    border-color: var(--primary-color);
    background-color: transparent;
    border-radius: 10px;
    margin: 0.75rem 0 0.75rem 0;
}

.drop-zone-active {
    background-color: #e3f2fd !important;
    border: 3px dashed #2196f3 !important;
    opacity: 0.95 !important;
    box-shadow: inset 0 0 20px rgba(33, 150, 243, 0.2) !important;
    transition: all 0.1s ease !important;
}

.drop-zone-active::after {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    pointer-events: none !important;
    z-index: 9999 !important;
}

.text-white{
    color: white !important;
}

.disable-button{
    padding-top: 2rem;
}

/* Disable Browse button in FileVersions.aspx (for Add new Version
.disable-button .dxBB {
    display: none !important;
}
*/

.dxbs-file-list, .dxbs-file-list .btn .btn-link {
    display: none !important;
}

.dxbs-uc {
    width: 10rem !important;
}

.max-width-version{
    max-width: 10rem !important;
}

/*
#uploadWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 2px dashed;
    border-color: var(--primary-color);
    background-color: transparent;
    border-radius: 1.5rem;
    padding: 0.2rem;
}

    #uploadWrapper.drop-zone-active {
        background-color: #e3f2fd !important;
        border: 3px dashed #2196f3 !important;
        opacity: 0.95 !important;
        box-shadow: inset 0 0 20px rgba(33, 150, 243, 0.2) !important;
        transition: all 0.1s ease !important;
    }
*/
.display-none {
    display: none !important;
}

#grdFiles_DXMainTable .dxbs-upload.dxbs-uploading .dxbs-file-cancel,
#grdFiles_DXMainTable .dxbs-upload.dxbs-uploading .dxbs-file-remove {
    display: none !important;
}

#grdFiles_DXMainTable .dxbs-file-cancel {
    display: none !important;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ DRAG & DROP ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▲-▲-▲-▲-▲-▲-▲-▲-▲ SPY_Style ▲-▲-▲-▲-▲-▲-▲-▲-▲ */

input.form-control.text-muted {
    background-color: white !important;
}

.vertical-line {
    display: block;
    border-left: 1px solid white;
    margin-left: 1em;
    margin-right: 1em;
    padding-left: 1em;
    height: 100%;
}

body * {
    font-family: var(--default-font-family);
}

body {
    /*padding-top: 70px;*/
    padding-bottom: 20px;
    color: var(--text-color);
    background-color: var(--background-color);
}

#lblCitrBinding {
    color: var(--text-color);
}

.navbar {
    background-color: var(--primary-color);
    color: white;
}

#nav > div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#nav table {
    height: 1px
}

#nav .navbar-brand {
    margin-right: 0;
    margin-left: 4rem;
}

#nav-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-height: 30px;
}

.qrn-welcome {
    color: var(--secondary-color);
    font-family: KPMG-Bold;
}

.qrn-header, .qrn-text {
    color: var(--primary-color);
}

#acoMain * {
    font-weight: bold;
}

#acoMain .nav-link:not(.active), #acoMain .card-header {
    background-color: white;
}

#acoMain .nav-link.active{
    background-color: var(--primary-color);
    color: white;
}

a {
    color: var(--primary-color);
}

a:hover {
    color: var(--secondary-color);
}

.btn:not(.dropdown-toggle), .pagination, .dxbs-th, #cmdUpload button, td.dxucBrowseButton_Office365, #grdFiles_DXMainTable .input-group-append button {
    border-radius: 25px !important;
}

.input-group-append .dropdown-toggle {
    border-radius: 25px;
}

.btn-secondary:not(.grdFormFinishButton), .btn-primary, .dxucBrowseButton_Office365, #cmdRemoveCitrBinding.btn-warning {
    background-color: var(--primary-color) !important;
    color: white !important;
}

    .dxucBrowseButton_Office365 a {
        color: white !important;
        font-size: var(--default-font-size) !important;
        font-weight: var(--default-font-weight) !important;
    }

button.grdFormFinishButton {
    border: none;
    color: var(--primary-color);
    background-color: white;
    font-weight: bold;
}
    button.grdFormFinishButton:hover {
        border: none;
        color: var(--secondary-color);
        background-color: white;
        font-weight: bold;
    }

.grdFormRemoveButton {
    font-weight: bold;
}

td.grdFormStateLabel {
    padding-left: 0.5rem;
}

#popFiles_BootstrapButton9 {
    margin-right: 4px;
}

.dropdown-toggle.disabled, .btn.disabled, .btn:disabled {
    opacity: 1;
}

.btn-success, .dxucBrowseButtonHover_Office365 {
    background-color: var(--secondary-color) !important;
    color: white;
}

    .btn-success:hover, .btn-secondary:not(.grdFormFinishButton):hover, .btn-primary:hover, #cmdUpload button.btn.btn-secondary:hover, .dxbs-button:not(.grdFormFinishButton):hover, #cmdRemoveCitrBinding.btn-warning:hover {
        background-color: var(--secondary-color) !important;
        color: white !important;
    }

.dxbs-icon-filter:hover, .btn-link:hover {
    color: var(--secondary-color);
}

#MainContent_grdForms_DXMainTable button:not(.icon-only):not(.btn-link), #grdFiles_DXMainTable .dxbs-uc, #grdFiles_DXMainTable .input-group-append, #grdFiles_DXMainTable .btn {
    display: block !important;
    width: 100% !important;
}

input.form-control {
    color: var(--text-color);
    border-radius: 25px;
}

input.form-control.text-muted {
    background-color: var(--box-color);
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: white;
}

#tbAres input.text-muted {
    background-color: white;
    border-radius: 25px;
}

.alignRight {
    text-align: right;
}

.alignRight button {
    display: inline-block;
}

footer {
    color: var(--line-color);
}

#popNews div.modal-body {
    overflow:hidden !important;
}
/*#region DoAnswer */
.disabled:not(.form-check) {
    pointer-events: none !important;
    opacity: 0.4 !important;
}
/*#endregion */

/*#region New Form */
#MainContent_cboFormState, #cmdSave, #MainContent_tabSections_TC, div#rtbTextArea {
    margin-top: 12px;
}

td#formBody, td#formBody #MainContent_tabSections_CC {
    padding-bottom: 0;
}

nav#MainContent_tvwGroups {
    margin-top: 12px;
}

#MainContent_popNewForm .popupControls,
#MainContent_popNewTeam .popupControls,
#MainContent_popNewUser .popupControls {
    margin-top: 18px;
}

#MainContent_popNewCategory .popupControls {
    margin-top: 22px;
}

#MainContent_popNewUser_rblExternInter {
    margin-top: 12px;
}

#MainContent_popRenameSection .popupControls {
    margin-top: 20px;
}

#MainContent_popNewSection .popupControls {
    margin-top: 20px;
}

#MainContent_popNewPage_chkNewPageIsText {
    margin-top: 12px;
    margin-bottom: 12px;
}
td#formBody, body#editorBody {
    padding-top: 0 !important;
}
/*#endregion */
/*#region Enumeration */
.dxrpControl_Office365, .dxrpHeader_Office365 {
    font-size: var(--default-font-size) !important;
    font-weight: var(--default-font-weight);
}

#enumControls {
    position: absolute;
    right: 15px;
    top: 80px;
    z-index: 99;
}

#createEnum .dxbs-button, #createEnumBody .dxbs-button:not(#BootstrapButton3):not(#BootstrapButton1) {
    display: inline-block;
    float: right;
}

#createEnum .dxbs-textbox, #createEnumBody .dxbs-textbox {
    float: left;
    width: 50% !important;
}

#createEnum .dxbs-memo, #createEnumBody .dxbs-memo {
    clear: left;
}

#createEnum #MainContent_txtName {
    padding-left: 6px;
    padding-bottom: 18px;
}

#createEnumBody #txtName {
    padding-left: 9px;
    padding-bottom: 18px;
    width: 50%;
}

#createEnumBody {
    padding-top: 20px;
    padding-bottom: 0;
}

    #createEnumBody .popupControls {
        position: absolute;
        right: 15px;
        top: 30px;
        z-index: 99;
    }
/*#endregion */

/*#region Answer History */
#MainContent_dtgAnswerHistory_DXMainTable table td:nth-child(2) {
    overflow-wrap: break-word; 
    white-space: normal;
} 
/*#endregion */

/*#region Other Settings */
#otherSettings #MainContent_cmdSave {
    margin-left: 6px;
}

#otherSettings #MainContent_cmdSeuReport {
    margin-top: 12px;
}
/*#endregion */

#MainContent_btnSavePassword {
    margin-top: 12px;
}

@media (max-width: 767px) {
    .top-menu {
        top: 6px;
        right: 52px;
        width: 100%;
    }
    .top-menu>.navbar-nav>li {
        float: none!important;
    }
}

@media (min-width: 768px) {
    .top-menu {
        margin-right: -15px;
    }
    .top-auth-menu {
        margin-left: auto;
    }
}

table .animated_question {
    animation-name: question;
    animation-duration: 1.5s;
}

@keyframes question {
    0% {
        background-color: var(--question-body-color);
    }

    50% {
        background-color: var(--color-kpmg-blue);
        opacity: 0.5;
    }

    100% {
        background-color: var(--question-body-color);
    }
}

tr.ws-notification-active {
    text-decoration: none;
    color: var(--color-black);
}

tr.ws-notification-inactive {
    text-decoration: none;
    color:var(--color-gray4);
}

#grdNotifications span.ws-team-name, #grdNotifications span.ws-user-name {
    font-weight: 700;
}

#grdNotifications span.ws-notification-date {
    font-style: italic;
}

.cookie_heading {
    font-weight: bold;
}

.cookie_body {
    width: 66.66%;
    margin: 0 auto;
}

.input-group-append .btn {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.btn-toolbar span .btn{
    border-radius: 25px !important;
}

#MainContent_popSettings_dteSettingsDate_C_BT {
    border-radius:25px !important;
}

#MainContent_popSettings_dteSettingsDate_C_BC {
    border-radius: 25px !important;
}

@media (min-resolution: 1.2dppx) {
    .dynamic-resolution .dropdown-menu {
        top: -180px !important;
    }
}

.dxbs-tagbox .dxbs-tag.dxbs-tag-readonly .dxbs-tag-remove-btn {
    display: none !important;
}

.dxbs-tagbox .dxbs-tag.dxbs-tag-disabled .dxbs-tag-remove-btn {
    display: none !important;
}