<style> .btn.btn-primary{ color: white; background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; } .btn.btn-light-primary{ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}1f; } .btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .btn-check:active + .btn.btn-light-primary, .btn-check:checked + .btn.btn-light-primary, .btn.btn-light-primary.active, .btn.btn-light-primary.show, .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .show > .btn.btn-light-primary{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .link-primary{ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; } .menu-hover-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-hover-primary .menu-item.hover > .menu-link:not(.disabled):not(.active){ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; } .menu-item .menu-link:hover { color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .btn-check:active + .btn.btn-active-light-primary, .btn-check:checked + .btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show > .btn.btn-active-light-primary{ color: #e5e5e5; } .menu-state-bg-light-primary .menu-item .menu-link:hover:not(.disabled):not(.active), .menu-state-bg-light-primary .menu-item.hover > .menu-link:not(.disabled):not(.active){ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}24; } .form-check.form-check-solid .form-check-input:checked{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; } .scrolltop{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; } .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; } .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; border-color: transparent; } .page-link:hover { z-index: 2; color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; text-decoration: none; background-color: #ddf8fc; border-color: transparent; } .page-link:hover { z-index: 2; color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; text-decoration: none; background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}33; border-color: transparent; } .next:last-child:hover{ color: #fff; } .educati-background-school{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}08 } #main-nav { min-height: 60px; background-color: #fff !important; border-bottom-style: solid; border-bottom-color: #d3d3d3; border-bottom-width: 1px; /*box-shadow: 2px 2px 1px 1px #ebebeb;*/ } .profil-image{ height: 45px; width: 45px; } a { color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; text-decoration: none } a:hover { color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; text-decoration: underline } .badge-light-primary { color: #ffffffe3; background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}; } .bottom-div-school{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}30!important; } .link-primary:focus, .link-primary:hover{ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}30; } .btn-check:active + .btn.btn-active-light-primary, .btn-check:checked + .btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show > .btn.btn-active-light-primary{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %} !important; } .main-body{ margin-top: 130px; } @media only screen and (max-width: 425px){ .main-body{ margin-top: 140px; } .home-title{ font-size: 14px!important; } img.demo{ max-height: 300px!important; } .minimalist_item{ font-weight: bold; font-size: 11px!important; } } .btn-check:active + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:checked + .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary.show .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-active-color-primary .svg-icon svg [fill]:not(.permanent):not(g){ fill:{% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %} !important; } .text-hover-primary:hover{ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .aside-menu .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title, .aside-menu .menu .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title{ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .aside-menu .menu .menu-item .menu-link:hover:not(.disabled):not(.active), .aside-menu .menu .menu-item.hover > .menu-link:not(.disabled):not(.active){ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .aside-menu .menu .menu-item .menu-link:hover:not(.disabled):not(.active) .menu-bullet .bullet, .aside-menu .menu .menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-bullet .bullet{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %} !important; } .aside-menu .menu .menu-item .menu-link.active{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; color: #fff!important; } .ck-content.ck-focused{ border-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .form-check.form-check-solid .form-check-input:checked{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } @media (min-width: 992px){ .wrapper{ /*padding-left: 250px;*/ } } .btn.btn-primary{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } a { color: #585652 !important; } .item-admin-home{ min-height: 50px; padding-right: 15px; } .scrolltop{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}30!important; color: white!important; } .accordion-button:not(.collapsed){ color: #fff!important; } .badge-primary{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } @media (min-width: 992px){ .school-name{ font-size: 22px; } } .aside { top: 0px!important; } .scrolltop{ bottom: 65px; } .div-main-background-login{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .symbol.symbol-circle, .symbol.symbol-circle .symbol-label, .symbol.symbol-circle > img{ border-radius: 10px; } /*.select2-dropdown--below { position: fixed;!important; }*/ .minimalist_item{ font-weight: bold; font-size: 16px; } .text-primary{ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %} !important; } .richText img{ max-width: 100%!important; } .accordion-button:not(.collapsed) { color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %} !important; } .breadcrumb-item.active { color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %} !important; } .nav-aside-menu{ max-height: 90%!important; overflow: auto!important; } .scrollItem::-webkit-scrollbar { width: 1px; /* width of the entire scrollbar */ height: 2px; /* width of the entire scrollbar */ } .scrollItem::-webkit-scrollbar-thumb { background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}30; /* color of the scroll thumb */ } .o-hidden { overflow:hidden; } .div-ul-link{ overflow-x: auto; } /* width */ .div-ul-link::-webkit-scrollbar { height: 2px; } /* Track */ .div-ul-link::-webkit-scrollbar-track { background: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}30; } /* Handle */ .div-ul-link::-webkit-scrollbar-thumb { background: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}30; } .nav { transition: transform 0.4s; transform: translateX(50%); left: -50%; } .nav.justify-content-end { transform: translateX(0); left: 0; } .header-nav-link{ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; margin-left: 4px;margin-right: 4px;font-weight: bold; white-space: nowrap; font-size: 14px!important; } .alert-event{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .btn-check:active + .btn.btn-active-light-primary, .btn-check:checked + .btn.btn-active-light-primary, .btn.btn-active-light-primary.active, .btn.btn-active-light-primary.show, .btn.btn-active-light-primary:active:not(.btn-active), .btn.btn-active-light-primary:focus:not(.btn-active), .btn.btn-active-light-primary:hover:not(.btn-active), .show > .btn.btn-active-light-primary{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}30!important; } #kt_footer{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .footer-text { color:white!important; } .menu-item .footer-text:hover{ color:white!important; } .logo-nav{ max-height: 75px; } .logo-nav2{ max-height: 105px; } .clients .clients-wrap { /*border-top: 1px solid #ececec; border-left: 1px solid #ececec;*/ } .client-logo{ height: 200px; } .clients .client-logo { /*padding: 20px;*/ display: flex; justify-content: center; align-items: center; /*border-right: 1px solid #ececec; border-bottom: 1px solid #ececec;*/ overflow: hidden; background: #fff; height: 200px; } .clients .client-logo img { transition: all 0.3s ease-in-out; height: 36px; /*filter: grayscale(100%);*/ } .clients .client-logo:hover img { filter: none; transform: scale(1.1); } .separator{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}30!important; } footer { padding:40px 0px 20px 0px; /*background-color:{% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}e8!important;*/ background-image: url("{{ asset('assets/educatii-bg.png') }}"); background-repeat: repeat; color:#fff; } .bottomBar{ background-image: url("{{ asset('assets/educatii-bg.png') }}"); background-repeat: repeat; } footer .col-lg-3.col-md-3 { margin-bottom:30px; } .footerLogo img { margin-right:15px; } footer h4 { color:white; margin-bottom:20px; } footer span { font-size:11px; } .contactList li { margin-bottom:17px; } footer .icon { padding-top:3px; } footer input { width:61%; float:left; margin-right:8px; } footer .buttonColor { margin-top:-1px; padding:10px 9px 10px 9px !important; } .bottomBar { font-family:Open Sans; padding-top:15px; padding-bottom:7px; font-size:11px; background-color:{% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}9c!important; } .bottomBar p { float:left; margin-top:6px; } .bottomBar .socialIcons { margin-top:5px; } #footer2 { text-align:center; } .socialIcons.footer2 {float:none; } .socialIcons.footer2 li {display:inline; border:none; } .socialIcons.footer2 li a { width:50px; height:50px; padding-top:10px; display:inline-block; border-radius:75px; } ol, ul { padding-left: 1rem!important; } .contact .info-wrap{ background-color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}24!important; } .categorie-div{ min-height: 40px; padding-top:15px; } .calendar-date{ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .scrool-div{ scroll-margin-top: 140px; } .pad-login{ margin-top: 200px; } @media only screen and (max-width: 425px){ .header-nav-link{ font-size: 10px!important; } .logo-nav2{ max-height: 75px; } .pad-login{ margin-top: 100px; } } @media only screen and (max-width: 425px){ .ck-content .image-style-side { min-width: 150px!important; } .ck-content .image-style-align-left{ min-width: 150px!important; } .ck-content .image-style-align-right{ min-width: 150px!important; } .ck-content .image_resized{ min-width: 170px!important; } } .ck-content .image-style-side { max-width: 400px!important; } .ck-content .image-style-align-left{ max-width: 400px!important; } .ck-content .image-style-align-right{ max-width: 400px!important; } .ck-body-wrapper{ z-index: 20060; } .firstColor{ color: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .lang{ font-weight: bold; } .bgMainColor{ background: {% if first_color != ''%}{{first_color}}{% else %}#7f3e98{% endif %}!important; } .pt-head{ padding-top: 60px; }</style>