@media (min-width: 768px) {
    [data-layout=vertical][data-sidebar-size=sm] {
        min-height: 100vh;
    }
}

/*page a4 */
.main-page {
    width: 210mm;
    min-height: 297mm;
    margin: 10mm auto;
    background: white;
}

.custom-btn-lang {
    background-color: var(--color-main) !important;
    border-color: var(--color-main) !important;
}

.datepicker {
    padding-left: 10px !important;
}

.sub-page {
    padding: 1cm;
    height: 297mm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
    margin-bottom: 2rem;
    page-break-after: always;
}

.ck-editor__editable {
    max-height: 400px;
}

.custom-padding-label {
    padding-top: 0px;
    padding-bottom: 0.5rem;
}

.ml-4 {
    margin-left: 3.5rem !important;
}

.mr-4 {
    margin-right: 3.5rem !important;
}

.text-right {
    text-align: right;
}

.logo-certificate {
    width: 300px;
}

#imgSignature {
    width: 150px;
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    html, body {
        width: 210mm;
        height: 297mm;
    }

    .main-page {
        margin: 0
    }

    .sub-page {
        padding: 1cm;
        height: 297mm;
        margin-bottom: 0;
        page-break-after: always;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
    }

    .options {
        display: none;
    }
}

.icon-custom-service {
    background-image: url(/images/service.png);
}

.icon-custom-resource {
    background-image: url(/images/resource.png);
}

/*page a4 */

.selected-artwork {
    padding: 0.5rem;
    background: #0066e4;
    color: #fff;
    border-radius: 10px;
}

.grid-masonry {
    column-count: 3;
    column-gap: 5px;
    margin: 0 auto;
}

    .grid-masonry img {
        width: 100%;
        margin-bottom: 1.3rem;
    }

    .grid-masonry button {
        margin-bottom: 1.3rem;
    }

@media (max-width: 525px) {
    .grid-masonry {
        column-count: 1 !important;
    }
}

@media (max-width: 635px) {
    .grid-masonry {
        column-count: 2 !important;
    }
}

input[type=checkbox], input[type=radio] {
    accent-color: #007bff
}

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
    position: relative;
    width: calc(230px + 70px);
}

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .menu-dropdown .nav-item:hover > a.menu-link {
    /*color: var(--color-main);*/
    color: #fff;
    width: 100%;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color: var(--color-main);
}

    .navbar-menu .navbar-nav .nav-link:hover .icon-dual, .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] .icon-dual {
        color: var(--color-main);
        fill: rgba(37, 160, 226, 0.16);
    }

    .navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true]:after {
        transform: rotate(90deg);
        color: var(--color-main);
    }


[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav.menu-dropdown .nav-item:hover > a.menu-link {
    width: 230px;
}

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > .menu-dropdown {
    width: 230px;
}

.hamburger-icon span {
    background-color: var(--color-main);
}

#back-to-top {
    bottom: 20px;
    right: 25px;
}

.float-right {
    float: right !important;
}

.form-group {
    margin-bottom: 1rem;
}

page[size="A4"] {
    width: 21cm;
    height: 29.7cm;
    /*margin: 20mm;*/
    margin: 0 auto;
}

@media print {
    @page {
        size: A4;
        margin: 0;
    }

    body, page[size="A4"] {
        margin: 0;
        font-size: .5rem;
        box-shadow: 0;
    }

    .page-content.certificate {
        font-size: 12px !important;
    }

    .logo-certificate {
        width: 200px !important;
    }

    #imgSignature {
        width: 70px !important;
    }

    .btn-panel {
        display: none;
    }

    .navbar-menu {
        display: none !important;
    }

    .form-control {
        border: 0 !important;
    }

    .border {
        /*border:0!important;*/
    }

    page .card {
        box-shadow: none !important;
        margin-bottom: 0 !important;
        page-break-after: always;
    }

    textarea {
        resize: none;
    }

    .table-light {
        background-color: #f3f6f9 !important;
    }


    table td {
        padding: 5px !important;
    }
}

.select2-container--open {
    z-index: 10001;
}

.select2-container .select2-search--inline .select2-search__field {
    height: 26px;
}

.custom-btn-primary {
    /*--vz-btn-color: #000;*/
    --vz-btn-color: #ffff;
    --vz-btn-bg: var(--color-main);
    --vz-btn-border-color: var(--color-main);
    --vz-btn-hover-color: #fff;
    /*--vz-btn-hover-bg: #daa840;*/ /*pulse-gallery*/
    --vz-btn-hover-bg: var(--color-main); /*pulse-living*/
    --vz-btn-hover-border-color: #DAA82E;
    --vz-btn-focus-shadow-rgb: 70,174,230;
    --vz-btn-active-color: #fff;
    --vz-btn-active-bg: var(--color-main);
    --vz-btn-active-border-color: var(--color-main);
    --vz-btn-active-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    --vz-btn-disabled-color: #fff;
    --vz-btn-disabled-bg: #ba8b2b;
    --vz-btn-disabled-border-color: #ba8b2b;
}

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
    background-color: var(--color-main);
}

.navbar-menu .navbar-nav .nav-link.active {
    color: var(--color-main);
}

.navbar-menu .navbar-nav .nav-link:hover {
    color: var(--color-main);
}

.auth-one-bg .bg-overlay {
    background: linear-gradient(to right,var(--color-main),var(--color-main));
    opacity: .9;
}

/*login page*/
/*.auth-one-bg .bg-overlay {
    background: linear-gradient(to right,#9522df,#783de3);
}*/

/*left side menu*/
/*[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-item:hover > a.menu-link {
    background-color: #611BBD;
}

[data-layout=vertical][data-sidebar-size=sm] .navbar-menu .navbar-nav .nav-sm .nav-item:hover > .nav-link {
    color: #611BBD;
}

.navbar-menu .navbar-nav .nav-link:hover {
    color: #611BBD;
}

.navbar-menu .navbar-nav .nav-sm .nav-link:hover {
    color: #611BBD;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle=collapse][aria-expanded=true] {
    color: #611BBD;
}

.navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after {
    color: #611BBD;
}*/
/*button*/
/*.btn-primary {
    color: #ffffff;
    background-color: #611BBD;
    border-color: #130269;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #ffffff;
        background-color: #49247A;
        border-color: #130269;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #611BBD;
        border-color: #130269;
    }

    .btn-primary .badge {
        color: #611BBD;
        background-color: #ffffff;
    }*/

/*datatable page nevigetor*/
/*.page-item.active .page-link {
    color: #ffffff;
    background-color: #611BBD;
    border-color: #130269;
}*/
/*hamburger-icon menu icon*/
/*.hamburger-icon span {
    background-color: #611BBD;
}

    .hamburger-icon span:nth-child(1), .hamburger-icon span:nth-child(3) {
        width: 100%
    }*/