@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;
0,700;
1,400&display=swap");
 .logged-in.page-template-template-user ul {
     padding: 0;
}
 .logged-in.page-template-template-user a {
     text-decoration: none;
}
 .logged-in .user-dashboard-page {
     background: #f5f5f5;
     padding: 10vh 0;
}
 .logged-in .loading-overlay {
     position: fixed;
     z-index: 999;
     width: 90vw;
     background: rgba(255, 255, 255, 0.7);
     height: 90vh;
     top: 5vh;
     left: 5vw;
     display: block;
}
 .logged-in .loading-overlay.hide {
     display: none;
}
 .logged-in .loading-overlay svg {
     position: fixed;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     height: 150px;
     width: 150px;
}
 .logged-in .user-dashboard-page:before {
     content: "";
     background: url("../../images/clever.svg");
     width: 786px;
     height: 100vh;
     display: block;
     position: fixed;
     z-index: 0;
     right: 0;
     bottom: 0;
}
 .logged-in .user-top-box {
     display: flex;
     justify-content: space-between;
     margin-bottom: 50px;
}
 .logged-in .admin-button {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     padding: 16px;
     min-width: 175px;
     width: 100%;
     height: 50px;
     background: #18232a;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     font-family: "Lato", sans-serif;
     font-weight: 700;
     font-size: 12px;
     line-height: 15px;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #fff;
     box-sizing: border-box;
     border: none;
     cursor: pointer;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .adminoptionsbutton {
     display: flex;
     flex: 0 0 100%;
}
 .logged-in .admin-button.notsure {
     margin-right: 20px;
}
 .logged-in .deleteform .admin-button:hover {
     background: #dc143c;
}
 .logged-in .deleteform .admin-button.notsure:hover {
     background: #00b227;
}
 .logged-in .admin-button svg {
     margin-right: 10px;
}
 .logged-in .admin-button-small {
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     padding: 16px;
     min-width: 175px;
     height: 50px;
     margin-left: 20px;
     background: #eab01c;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     font-family: "Lato", sans-serif;
     font-weight: 700;
     font-size: 12px;
     line-height: 15px;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #0c171f;
     box-sizing: border-box;
     border: none;
     cursor: pointer;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .admin-button-small svg {
     margin-right: 10px;
}
 .logged-in .interface-top-buttons {
     display: flex;
     justify-content: space-between;
}
 .logged-in .interface-top-buttons .admin-button-small {
     min-width: auto;
     margin-left: 20px;
}
 .logged-in .interface-heading-user {
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 22px;
     line-height: 26px;
     color: #0c171f;
     margin-block-end: 0;
}
 .logged-in .interface-heading-school {
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 34px;
     line-height: 41px;
     color: #0c171f;
     margin-block-end: 0;
}
 .logged-in .user-title {
     margin-block-end: 20px;
}
 .logged-in .interface-modules-title {
     font-family: "Lato", sans-serif;
     font-style: normal;
     font-weight: 600;
     font-size: 34px;
     line-height: 41px;
     color: #0c171f;
     flex: 0 0 100%;
}
 .logged-in .module-grid {
     padding-bottom: 40px;
     display: flex;
     flex-wrap: wrap;
     gap: 1%;
}
 .logged-in .admin-module-box {
     flex: 0 0 24%;
     background: #fff;
     min-height: 150px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     border: 3px solid #fff;
     box-sizing: border-box;
     box-shadow: 0px 3.93652px 19.6826px 4.92064px rgba(207, 216, 233, 0.2);
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     margin-block-end: 15px;
     position: relative;
}
 .logged-in .admin-module-box:hover {
     border-color: #0c949c;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .admin-module-box .tutorial-link {
     position: absolute;
     right: 10px;
     top: 10px;
     cursor: pointer;
}
 .logged-in .admin-module-box .tutorial-link svg {
     font-size: 28px;
     line-height: 28px;
     color: #cacaca;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .admin-module-box .tutorial-link:hover svg {
     color: #0c949c;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .admin-module-box .icon {
     display: block;
     margin-block-end: 10px;
}
 .logged-in .admin-module-box .icon svg {
     font-size: 28px;
     line-height: 28px;
     color: #eab01c;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .admin-module-box .title {
     font-family: "Lato", sans-serif;
     font-style: normal;
     font-weight: 600;
     font-size: 22px;
     line-height: 26px;
     color: #0c171f;
     margin-block-end: 15px;
}
 .logged-in .admin-module-box .links-box {
     display: flex;
}
 .logged-in .admin-module-box .link-user-admin {
     font-family: "Lato", sans-serif;
     font-style: normal;
     font-weight: 700;
     font-size: 14px;
     line-height: 15px;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #0c171f;
     margin: 0 5px;
     cursor: pointer;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .admin-module-box .link-user-admin svg {
     margin-right: 5px;
}
 .logged-in .admin-module-box .link-user-admin:hover {
     color: #0c949c;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .admin-module-box:hover .icon svg {
     color: #0c949c;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
/* Popup Open button */
 .logged-in .open-button {
     color: #fff;
     background: #0066cc;
     padding: 10px;
     text-decoration: none;
     border: 1px solid #0157ad;
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
}
 .logged-in .open-button:hover {
     background: #01478e;
}
 .logged-in #open-admin-overlay {
     position: fixed;
     top: 0px;
     left: 0px;
     background: rgba(0, 0, 0, 0.75);
     width: 100%;
     height: 100%;
}
 .logged-in #open-admin-overlay + .popup-content {
     overflow: scroll;
}
 .logged-in.popup-is-open {
     overflow: hidden;
}
 .logged-in .popup {
     position: fixed;
     top: 0px;
     left: 0px;
     z-index: 99999;
     width: 100%;
     visibility: hidden;
     width: 90vw;
     box-sizing: border-box;
     margin: 0 auto;
     right: 0;
}
 .logged-in .popup.popup-add {
     width: 60vw;
}
 .logged-in .popup.open {
     display: flex;
     visibility: visible;
}
 .logged-in .popup.delete-popup {
     width: 600px;
     height: 400px;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .logged-in .popup.delete-popup .popup-content {
     display: flex;
     flex-direction: column;
     justify-content: center;
     height: 400px;
}
 .logged-in .popup.open .popup .popup-content, .logged-in .popup .popup-content {
     opacity: 0;
}
 .logged-in .popup.open .popup.open .popup-content, .logged-in .popup.open .popup-content {
     opacity: 1;
}
 .logged-in .popup.delete-popup .delete-popup-icon {
     font-size: 50px;
     text-align: center;
     margin-bottom: 30px;
}
 .logged-in .popup.delete-popup .confirm-title {
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 18px;
     line-height: 20px;
     color: #0c171f;
     margin-bottom: 30px;
}
 .logged-in .popup.delete-popup form {
     display: flex;
     justify-content: center;
}
 .logged-in .popup .trigger-children {
     margin-right: 10px;
}
 .logged-in .popup .trigger-children svg {
     color: #969696;
}
 .logged-in .popup .trigger-children .fa-minus {
     display: none;
}
 .logged-in .popup .active .trigger-children .fa-minus {
     display: block;
}
 .logged-in .popup .active .trigger-children .fa-plus {
     display: none;
}
 .logged-in .popup .trigger-children .fa-plus {
     display: block;
}
/* Popup inner div */
 .logged-in .popup-content {
     margin: 0 auto;
     box-sizing: border-box;
     padding: 40px;
     box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
     border-radius: 3px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     background: #fff;
     position: relative;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     margin: 5vh auto;
     width: 100%;
     height: 90vh;
}
/* Popup close button */
 .logged-in .close-search {
     display: flex;
}
 .logged-in .close-search .search {
     display: flex;
     align-items: center;
     margin-right: 30px;
}
 .logged-in .close-search .search.disabled {
     opacity: 0.7;
     cursor: not-allowed;
}
 .logged-in .list-articles .right .delete-group.disabled, .logged-in .close-search .search.disabled .quicksearch {
     opacity: 0.7;
     cursor: not-allowed;
}
 .logged-in .list-articles .right .delete-group.disabled i, .logged-in .list-articles .right .delete-group.disabled svg {
     cursor: not-allowed;
}
 .logged-in .close-search .search .quicksearch {
     width: 250px;
     height: 50px;
     line-height: 50px;
     padding: 0 15px;
     box-sizing: border-box;
     background: #e4e4e4;
     border-radius: 5px;
     border: none;
}
 .logged-in .close-search .text-search {
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 14px;
     color: #0c171f;
     margin-right: 10px;
}
 .logged-in .close-search .text-search svg {
     margin-right: 5px;
}
 .logged-in .close-button {
     cursor: pointer;
     font-size: 30px;
     text-align: center;
     color: #18232a;
     text-decoration: none;
}
 .logged-in .close-button.close-button-absolute {
     position: absolute;
     top: 20px;
     right: 20px;
}
 .logged-in .popup .tutorial-box {
     width: 100%;
     height: 100%;
}
 .logged-in .switch-box {
     display: flex;
     align-items: center;
}
 .logged-in .switch-box .text-switch {
     display: inline-block;
     vertical-align: top;
     user-select: none;
     margin-left: 1.6rem;
     cursor: pointer;
     color: #1a1a1a;
     font-size: 14px;
     font-weight: 500;
     text-decoration: none;
}
 .logged-in .switch-box .switch {
     position: relative;
     display: inline-block;
     width: 37px;
     height: 20px;
     margin-bottom: 0px;
     min-width: 37px;
}
 .logged-in .switch-box .switch input {
     opacity: 0;
     width: 0;
     height: 0;
}
 .logged-in .switch-box .switch .slider {
     position: absolute;
     cursor: pointer;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #ccc;
     -webkit-transition: 0.4s;
     transition: 0.4s;
}
 .logged-in .switch-box .switch .slider:before {
     position: absolute;
     content: "";
     height: 16px;
     width: 16px;
     left: 3px;
     bottom: 2px;
     background-color: white;
     -webkit-transition: 0.4s;
     transition: 0.4s;
}
 .logged-in .switch-box .switch input:checked + .slider {
     background-color: #e4e0e0;
}
 .logged-in .switch-box .switch input:focus + .slider {
     box-shadow: 0 0 1px #eab01c;
}
 .logged-in .switch-box .switch input:checked + .slider:before {
     background-color: #0c949c;
     -webkit-transform: translateX(15px);
     -ms-transform: translateX(15px);
     transform: translateX(15px);
}
 .logged-in .switch-box .switch .slider.round {
     border-radius: 34px;
     -webkit-border-radius: 34px;
     -moz-border-radius: 34px;
}
 .logged-in .switch-box .switch .slider.round:before {
     border-radius: 50%;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
}
 .logged-in .box-add {
     display: flex;
     flex-wrap: wrap;
     gap: 2%;
     margin-block-end: 40px;
}
 .logged-in .box-add.hide {
     display: none;
}
 .logged-in .box-add.list-files {
     display: flex;
     max-height: calc(100% - 100px);
     overflow: scroll;
}
 .logged-in .box-add .input-small-box {
     display: flex;
     flex: 0 0 31%;
     flex-direction: column;
     width: 350px;
}
 .logged-in .half-input-box {
     display: flex;
     align-items: flex-end;
     flex-direction: column;
     width: 100%;
     margin-right: 4%;
     flex: 0 0 100%;
}
 .logged-in .category-publish {
     display: flex;
     justify-content: space-between;
}
 .logged-in .category-publish .category {
     width: 60%;
}
 .logged-in .category-publish .date {
     width: 35%;
}
 .logged-in .events-input-box, .logged-in .announcements-input-box {
     display: flex;
     align-items: flex-end;
     flex-direction: column;
     width: 100%;
     margin-right: 4%;
}
 .logged-in .events-input-box input, .logged-in .announcements-input-box input {
     flex: 0 0 32%;
     width: 32%;
}
 .logged-in .box-add .input-full-box {
     display: flex;
     flex: 0 0 100%;
     flex-direction: column;
     width: 100%;
}
 .logged-in .box-add input {
     font-family: "Lato", sans-serif;
     height: 50px;
     width: 100%;
     background: #f0f0f0;
     border-radius: 5px;
     border: none;
     padding: 16px;
     box-sizing: border-box;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     font-size: 16px;
}
 .logged-in .box-add .custom-select {
     font-family: "Lato", sans-serif;
     height: 50px;
     width: 100%;
     background: #f0f0f0;
     border-radius: 5px;
     border: none;
     padding: 16px;
     box-sizing: border-box;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     font-size: 16px;
}
 .logged-in .box-add textarea {
     font-family: "Lato", sans-serif;
     height: 200px;
     width: 100%;
     background: #ffffff;
     border: none;
     padding: 16px;
     box-sizing: border-box;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     resize: none;
     font-size: 16px;
}
 .logged-in .accordion-add .container-textarea, .logged-in .box-add .container-textarea {
     position: relative;
     width: 100%;
}
 .logged-in .accordion-add .container-textarea .scrolling-container, .logged-in .box-add .container-textarea .scrolling-container {
     font-family: "Lato", sans-serif;
     height: 200px;
     overflow-y: scroll;
     width: 100%;
     background: #f0f0f0;
     border-radius: 5px;
     border: none;
     box-sizing: border-box;
     border-radius: 5px;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     resize: none;
     font-size: 16px;
}
 .logged-in .box-add label {
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 17px;
     color: #0c171f;
     margin-block-end: 10px;
}
 .logged-in .box-add.showtextedit, .logged-in .box-add.showurledit, .logged-in .box-add.showpagelistedit, .logged-in .box-add.showtext, .logged-in .box-add.showurl, .logged-in .box-add.showpagelist {
     display: none;
}
 .logged-in .box-add.showtextedit.active, .logged-in .box-add.showurledit.active, .logged-in .box-add.showpagelistedit.active, .logged-in .box-add.showtext.active, .logged-in .box-add.showurl.active, .logged-in .box-add.showpagelist.active {
     display: block;
}
 .logged-in .lds-roller {
     display: none;
     width: 26px;
     height: 16px;
     transform: scale(0.3);
     top: -7px;
     position: relative;
     margin-right: 10px;
}
 .logged-in .lds-roller div {
     animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
     transform-origin: 40px 40px;
}
 .logged-in .lds-roller div:after {
     content: " ";
     display: block;
     position: absolute;
     width: 7px;
     height: 7px;
     border-radius: 50%;
     background: #fff;
     margin: -4px 0 0 -4px;
}
 .logged-in .lds-roller div:nth-child(1) {
     animation-delay: -0.036s;
}
 .logged-in .lds-roller div:nth-child(1):after {
     top: 63px;
     left: 63px;
}
 .logged-in .lds-roller div:nth-child(2) {
     animation-delay: -0.072s;
}
 .logged-in .lds-roller div:nth-child(2):after {
     top: 68px;
     left: 56px;
}
 .logged-in .lds-roller div:nth-child(3) {
     animation-delay: -0.108s;
}
 .logged-in .lds-roller div:nth-child(3):after {
     top: 71px;
     left: 48px;
}
 .logged-in .lds-roller div:nth-child(4) {
     animation-delay: -0.144s;
}
 .logged-in .lds-roller div:nth-child(4):after {
     top: 72px;
     left: 40px;
}
 .logged-in .lds-roller div:nth-child(5) {
     animation-delay: -0.18s;
}
 .lds-roller div:nth-child(5):after {
     top: 71px;
     left: 32px;
}
 .logged-in .lds-roller div:nth-child(6) {
     animation-delay: -0.216s;
}
 .logged-in .lds-roller div:nth-child(6):after {
     top: 68px;
     left: 24px;
}
 .logged-in .lds-roller div:nth-child(7) {
     animation-delay: -0.252s;
}
 .logged-in .lds-roller div:nth-child(7):after {
     top: 63px;
     left: 17px;
}
 .logged-in .lds-roller div:nth-child(8) {
     animation-delay: -0.288s;
}
 .logged-in .lds-roller div:nth-child(8):after {
     top: 56px;
     left: 12px;
}
 @keyframes lds-roller {
     0% {
         transform: rotate(0deg);
    }
     100% {
         transform: rotate(360deg);
    }
}
 @media screen and (max-width: 720px) {
     .logged-in .popup-content {
         width: 90%;
    }
}
 .logged-in .list-articles {
     display: flex;
     min-width: 80vw;
     align-items: center;
     margin-left: 0px;
     flex-wrap: wrap;
     width: 100%;
     margin-top: 9px;
}
 .logged-in .list-articles .parent {
     display: flex;
     justify-content: space-between;
     align-items: center;
     width: 100%;
     flex-wrap: wrap;
}
 .logged-in .list-articles #sortable {
     overflow: scroll;
}
 .logged-in .list-articles #SortableChildren {
     flex: 0 0 100%;
     margin-bottom: 0;
     display: none;
}
 .logged-in .list-articles #SortableChildren.active {
     display: block;
}
 .logged-in .list-articles .left {
     display: flex;
     width: calc(100% - 61px);
     margin-right: 9px;
}
 .logged-in .list-articles .editform {
     display: flex;
}
 .logged-in .list-articles .edit-form-page {
     width: 100%;
}
 .logged-in .list-articles .edit-form-page .new-tab-trigger {
     margin-right: 0;
}
 .logged-in .list-articles.title-articles .title-section-list {
     font-weight: bold;
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 12px;
     line-height: 14px;
     color: #0c171f;
     background: none;
     border: none;
     max-width: calc(100% - 505px);
}
 .logged-in .list-articles.title-articles .title-section-list.page-title-group {
     max-width: calc(100% - 540px);
}
 .logged-in .list-articles.title-articles .title-section-list.page-title-group.events-title-group {
     max-width: calc(100% - 230px);
}
 .logged-in .list-articles.event-list-articles .title-section-list {
     max-width: calc(100% - 230px);
}
 .logged-in .list-articles.title-articles .title-section-list:hover {
     background: none;
     border: none;
}
 .logged-in .list-articles #SortableChildren .page-title-group {
     padding-left: 45px;
}
 .logged-in .list-articles.page-item-children.hide, .logged-in .list-articles.page-item.hide {
     display: none;
}
 .logged-in .list-articles .right {
     width: 50px;
     background: #ffffff;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     min-height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .logged-in .list-articles .right .delete-group {
     width: 100%;
     height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 50px;
     cursor: pointer;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .right:hover {
     background: #eab01c;
     border: 1px solid #eab01c;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .move-page-group, .logged-in .list-articles .edit-icon-list {
     min-width: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
     margin-bottom: 0;
     font-size: 14px;
     background: #ffffff;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     margin-right: 9px;
     min-height: 50px;
     position: relative;
     cursor: pointer;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .move-page-group.always, .logged-in .list-articles .edit-icon-list.always {
     display: flex !important;
}
 .logged-in .list-articles .edit-icon-list.activebutton {
     background: #00b227;
     color: #fff;
     border: 1px solid #00b227;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .edit-icon-list.activebutton i, .logged-in .list-articles .edit-icon-list.activebutton svg {
     color: #fff;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .move-page-group:hover, .logged-in .list-articles .edit-icon-list:hover {
     background: #eab01c;
     border: 1px solid #eab01c;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .edit-icon-list.activebutton:hover {
     background: #18232a;
     border: 1px solid #18232a;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .edit-icon-list.activebutton:hover i, .logged-in .list-articles .edit-icon-list.activebutton:hover svg {
     color: #fff;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .move-page-group svg, .logged-in .list-articles .edit-icon-list svg {
     color: #18232a;
}
 .logged-in .list-articles .end-date-group {
     width: 130px;
     position: absolute;
     right: 0;
     display: none;
     justify-content: flex-start;
     align-items: center;
     box-sizing: border-box;
     margin-bottom: 0;
     font-size: 14px;
}
 .logged-in .list-articles .page-title-group:hover .end-date-group {
     display: flex;
}
 .logged-in .list-articles .page-title-group.events-title-group .end-date-group {
     display: flex;
}
 .logged-in .list-articles .page-title-group.events-title-group .end-date-group {
     position: relative;
     width: 130px;
     justify-content: flex-start;
     align-items: center;
     box-sizing: border-box;
     margin-bottom: 0;
     margin-right: 15px;
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 26px;
     color: #18232a;
}
 .logged-in .list-articles .page-title-group.events-title-group .start-date-group {
     width: 130px;
     margin-right: 15px;
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 16px;
     line-height: 26px;
     color: #18232a;
}
 .logged-in .list-articles .page-title-group.events-title-group .start-time-group {
     width: 70px;
     margin-right: 15px;
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 26px;
     color: #18232a;
}
 .logged-in .list-articles .page-title-group.events-title-group .end-time-group {
     width: 70px;
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 26px;
     color: #18232a;
}
 .logged-in .list-articles .page-title-group.events-title-group .title-section-list {
     font-size: 14px;
}
 .logged-in .list-articles.event-list-articles .title-section-list.events-title-group {
     padding-right: 450px;
}
 .logged-in .list-articles .page-title-group.events-title-group .event-date-list {
     width: 450px;
     position: absolute;
     right: 20px;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     box-sizing: border-box;
     margin-bottom: 0;
     font-size: 14px;
}
 .logged-in .list-articles .page-title-group.events-title-group .event-date-list {
     display: flex;
}
 .logged-in .list-articles .option-trigger-group, .logged-in .list-articles .option-trigger-group {
     min-width: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
     background: #f5f5f5;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     margin-right: 9px;
     min-height: 50px;
}
 .logged-in .position-group {
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: move;
    /* fallback if grab cursor is unsupported */
     cursor: grab;
     cursor: -moz-grab;
     cursor: -webkit-grab;
}
 .logged-in .position-group.disabled {
     opacity: 0.7;
     cursor: not-allowed;
}
 .logged-in .position-group .position-title {
     font-weight: 600;
     font-size: 16px;
     color: #0c171f;
     margin-right: 50px;
     margin-left: 10px;
}
 .logged-in .list-articles:active {
     cursor: grabbing;
     cursor: -moz-grabbing;
     cursor: -webkit-grabbing;
}
 .logged-in .list-articles .position-group svg {
     color: #969696;
}
 .logged-in .list-articles .show-header-group {
     width: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
     background: #f5f5f5;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     margin-right: 9px;
     min-height: 50px;
}
 .logged-in .list-articles .show-footer-group {
     width: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
     background: #f5f5f5;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     margin-right: 9px;
     box-sizing: border-box;
     min-height: 50px;
}
 .logged-in .list-articles .show-menu-group {
     min-width: 100px;
     display: flex;
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
     background: #f5f5f5;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     margin-right: 9px;
     min-height: 50px;
}
 .logged-in .list-articles .revisions-group {
     min-width: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     box-sizing: border-box;
     margin-bottom: 0;
     background: #fff;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     margin-right: 9px;
     min-height: 50px;
}
 .logged-in .list-articles .revisions-group:hover {
     background: #eab01c;
     border: 1px solid #eab01c;
}
 .logged-in .list-articles .revisions-group svg {
     color: #18232a;
}
 .logged-in .list-articles .page-title-group {
     background: #f5f5f5;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     min-height: 50px;
     padding: 15px 30px;
     box-sizing: border-box;
     display: flex;
     box-sizing: border-box;
     align-items: center;
     margin-bottom: 0;
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 12px;
     line-height: 14px;
     color: #0c171f;
     width: 100%;
     padding-right: 130px;
     position: relative;
}
 .logged-in .list-articles .page-title-group span {
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 12px;
     line-height: 14px;
     color: #0c171f;
}
 .logged-in .list-articles .child-group, .logged-in .list-articles .title-trigger-group {
     display: flex;
     width: 100%;
     margin-right: 9px;
}
 .logged-in .ui-sortable .list-articles .child-group, .logged-in .ui-sortable .list-articles .title-trigger-group {
     cursor: all-scroll;
}
 .logged-in .list-articles .page-title-group:hover {
     background: #eab01c;
     border: 1px solid #eab01c;
}
 .logged-in .title-search {
     display: flex;
     width: 100%;
     justify-content: space-between;
     margin-bottom: 20px;
}
 .logged-in .title-search .title {
     font-weight: 600;
     font-size: 34px;
     line-height: 41px;
     color: #0c171f;
}
 .logged-in .list-articles .delete-group svg {
     color: #18232a;
     font-size: 14px;
     cursor: pointer;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .title-section-list.delete-group svg {
     color: #0c171f;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .input-small-box .drag {
     width: 40px;
}
 .logged-in .confirm-title {
     font-family: "Lato", sans-serif;
     font-weight: 700;
     font-size: 12px;
     line-height: 15px;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #0c171f;
}
 .logged-in {
     margin-bottom: 60px;
}
 .logged-in .logo-upload, .logged-in .rudr-upload {
     width: 130px;
     height: 100px;
     background: #f0f0f0;
     border-radius: 5px;
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
}
 .logged-in .logo-upload:empty:before, .logged-in .rudr-upload:empty:before {
     content: "";
       background-image:url('../../../assets/images/interface/addimage.svg');
     display: block;
     width: 43px;
     height: 44px;
     position: absolute;
     z-index: 0;
}
 .logged-in .image-block {
     position: relative;
}
 .logged-in .logo-remove, .logged-in .rudr-remove {
     position: absolute;
     right: 10px;
     top: 5px;
}
 .logged-in .logo-remove svg, .logged-in .logo-remove i, .logged-in .rudr-remove svg, .logged-in .rudr-remove i {
     color: #fff;
}
 .logged-in .logo-upload img, .logged-in .rudr-upload img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .logged-in .calendar-triggers-box {
     width: calc(50% - 28px);
     display: flex;
     justify-content: space-between;
}
 .logged-in .calendar-triggers-box .publishtext {
     display: inline-block;
     vertical-align: top;
     user-select: none;
     cursor: pointer;
     color: #1a1a1a;
     font-size: 14px;
     font-weight: 500;
     text-decoration: none;
}
 .logged-in .ui-datepicker-calendar thead th {
     padding: 3px 5px !important;
}
 .logged-in .ui-datepicker-calendar tbody td {
     font-weight: 400;
     font-size: 16px;
     line-height: 16px;
     padding: 0px 8px !important;
     border-top: 2px solid #fff !important;
     border-right: 2px solid #fff !important;
}
 .logged-in .ui-datepicker-calendar tbody td a {
     margin-bottom: 0;
}
 .logged-in .ui-datepicker-calendar tbody td.ui-datepicker-current-day::before {
     background: #eab01c;
     border-radius: 4px;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight.ui-datepicker-today::before, .logged-in .ui-datepicker-calendar tbody td.ui-datepicker-today::before {
     background: #000;
     border-radius: 4px;
}
 .logged-in .ui-datepicker-calendar tbody td.ui-datepicker-today a {
     color: #fff;
}
 .logged-in .ui-datepicker-calendar .ui-datepicker .ui-datepicker-prev, .logged-in .ui-datepicker-calendar .ui-datepicker .ui-datepicker-next {
     background: #000;
}
 .logged-in .grid-pages {
     overflow: scroll;
     width: calc(100% + 40px);
     max-height: calc(100% - 170px);
     margin-right: -40px;
     padding-right: 40px;
}
 .logged-in .grid-pages.search-active .list-articles, .logged-in .grid-pages.position-inactive .list-articles {
     width: calc(100% - 40px);
}
 .logged-in .grid-pages.search-active #SortableChildren .list-articles, .logged-in .grid-pages.position-inactive #SortableChildren .list-articles {
     width: 100%;
}
 .logged-in .grid-pages .list-articles.editpage {
     width: 100%;
     left: 0 !important;
     top: 0 !important;
     transition: none !important;
     transform: none !important;
     position: relative !important;
}
 .logged-in .grid {
     width: 100%;
}
 .logged-in .gridpost, .logged-in .gridannouncement, .logged-in .gridevents, .logged-in .gridkeyinfo, .logged-in .gridletters, .logged-in .gridsubject, .logged-in .gridteam {
     overflow: scroll;
     width: 100%;
     max-height: calc(100% - 130px);
}

 .logged-in .popup.popup-add.popup-events-edit, .logged-in .popup.popup-add.popup-announcement-edit, .logged-in .popup.popup-add.popup-events-add, .logged-in .popup.popup-add.popup-announcement-add {
     width: 90vw;
}
 .logged-in .threehalfs, .logged-in .popup-add .threehalfs {
     display: flex;
     flex-wrap: wrap;
}
 .logged-in .threehalfs .left-content, .logged-in .popup-add .threehalfs .left-content {
     width: 30%;
     margin-right: 2%;
}
 .logged-in .threehalfs .right-content, .logged-in .popup-add .threehalfs .right-content {
     width: 68%;
}
 .logged-in .popup-add .box-add.top-triggers {
     justify-content: flex-end;
     margin-right: 50px;
}
 .logged-in .popup-add .box-add.top-triggers .input-small-box {
     flex: unset;
     width: auto;
}
 .logged-in .datepikeredit .ui-datepicker-multi .ui-datepicker-group table, .logged-in #datepickerevents .ui-datepicker-multi .ui-datepicker-group table, .logged-in #datepicker .ui-datepicker-multi .ui-datepicker-group table {
     margin: 0;
}
 .logged-in .datepikeredit, .logged-in #datepickerevents, .logged-in #datepicker {
     margin-top: 20px;
     margin-bottom: 20px;
     width: calc(48% - 28px);
}
 .logged-in .datepikeredit.tworows, .logged-in #datepickerevents.tworows, .logged-in #datepicker.tworows {
     width: 100%;
}
 .logged-in .datepikeredit.tworows .ui-datepicker-header, .logged-in #datepickerevents.tworows .ui-datepicker-header, .logged-in #datepicker.tworows .ui-datepicker-header {
     margin-right: 28px;
}
 .logged-in .hasDatepicker.tworows .ui-datepicker-hover:before {
     background-color: #0c949c !important;
}
 .logged-in .ui-datepicker-select a {
     background-color: #434f5f;
     color: #fff !important;
}
 .logged-in .ui-datepicker {
     width: 100% !important;
}
 .logged-in .datepikerstandard {
     width: 345px !important;
     background: #fff;
}
 .logged-in .ui-datepicker:after {
     display: block;
     content: "";
     height: 0;
     overflow: hidden;
     clear: both;
}
 .logged-in .ui-datepicker .ui-datepicker-group {
     float: left;
     width: 48%;
}
 .logged-in .ui-datepicker table thead {
     background: #fff;
}
 .logged-in .ui-datepicker .ui-datepicker-header {
     background: #eab01c;
     border-radius: 5px;
     padding: 19px 50px;
}
 .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-title span {
     font-weight: 600;
     font-size: 16px;
     line-height: 26px;
     color: #18232a;
}
 .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
     cursor: pointer;
     height: 20px;
     overflow: hidden;
     position: absolute;
     top: 0px;
     bottom: 0;
     margin: auto;
     user-select: none;
     width: 15px;
}
 .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
     content: "\f060";
     display: block;
     font-size: 15px;
     font-family: "Font Awesome 5 Pro";
     font-weight: 400;
     color: #18232a;
}
 .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
     content: "\f061";
     display: block;
     font-size: 15px;
     font-family: "Font Awesome 5 Pro";
     font-weight: 400;
     color: #18232a;
}
 .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
     display: none;
}
 .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover, .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
     opacity: 0.7;
}
 .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled {
     opacity: 0.3;
}
 .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
     left: 15px;
}
 .logged-in .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
     right: 15px;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar {
     border-collapse: collapse;
     font-size: 12px;
     cursor: default;
     border-spacing: 8px;
     border-collapse: separate;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td {
     text-align: center;
     vertical-align: middle;
     width: 36px;
     height: 30px;
     line-height: 30px;
     padding: 0;
     z-index: 1;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar th {
     color: #62748c;
     font: 14px/30px "Arial";
}
 .logged-in .ui-datepicker .ui-datepicker-calendar td {
     color: #0c171f;
     padding: 2px 0;
     position: relative;
     border-radius: 4px;
     width: 50px;
     height: 50px;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar td:before, .logged-in .ui-datepicker .ui-datepicker-calendar td:after {
     bottom: 2px;
     content: "";
     left: 0;
     top: 2px;
     position: absolute;
     width: 100%;
     z-index: -1;
}
 .logged-in .ui-datepicker tbody td {
     background: transparent;
}
 .logged-in .ui-datepicker td span, .logged-in .ui-datepicker td a {
     color: #0c171f;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month::before {
     background: #fff;
     border-radius: 4px;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month span, .logged-in .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month a {
     opacity: 0.6;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar td:before {
     background: #e0e0e0;
     border-radius: 4px;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled::before {
     background: #f5f5f5;
     border-radius: 4px;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-other-month, .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled {
     color: #d0d0d0;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar span {
     font-weight: 600;
     font-size: 14px;
     line-height: 17px;
     color: #0c171f;
     text-align: center;
     height: 100%;
     text-decoration: none;
     width: 100%;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar a {
     font-weight: 600;
     font-size: 14px;
     line-height: 17px;
     color: #0c171f;
     display: inline-block;
     height: 100%;
     text-decoration: none;
     width: 100%;
     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar .ui-datepicker-highlight:before {
     background: #eab01c;
     border-radius: 4px;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar .ui-checkin:after {
     left: 50%;
     width: 50%;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar .ui-checkout:after {
     right: 50%;
     width: 50%;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar .ui-checkin a:before, .logged-in .ui-datepicker .ui-datepicker-calendar .ui-checkout a:before {
     background-color: #eab01c;
     border-radius: 4px;
}
 .logged-in .ui-datepicker .ui-datepicker-calendar .ui-checkin.ui-datepicker-hover .ui-state-hover {
}
 .logged-in .ui-datepicker-trigger {
     float: left;
     height: 15px;
     margin: 13px 0 0 -35px;
     overflow: hidden;
     text-indent: -100em;
     width: 16px;
}
 .logged-in .twohalfs.editSubjects .left-half, .logged-in #AddSubjects .left {
     height: calc(100% - 50px);
     overflow: scroll;
}
 .logged-in .editSubjects .left-half .title-block, .logged-in #AddSubjects .left .title-block {
     display: flex;
     list-style: none;
     flex-wrap: wrap;
     margin-left: 0;
}
 .logged-in .editSubjects .accordion-add, .logged-in #AddSubjects .accordion-add {
     margin-bottom: 20px;
}
 .logged-in .editSubjects .left-half .title-block .accordion-remove, .logged-in #AddSubjects .left .title-block .accordion-remove {
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     background: #ffffff;
     margin-left: 10px;
}
 .logged-in .editSubjects .left-half .edit_content_box li, .logged-in #AddSubjects .left #add_content_box li {
     list-style: none;
     margin-left: 0;
}
 .logged-in .editSubjects .left-half .edit_content_box input, .logged-in #AddSubjects .left #add_content_box input {
     width: calc(100% - 135px);
     margin-right: 10px;
     height: 50px;
     line-height: 50px;
     box-sizing: border-box;
     padding: 0 20px;
     background: #f0f0f0;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .logged-in .editSubjects .left-half .edit_content_box textarea, .logged-in #AddSubjects .left #add_content_box textarea {
     width: 100%;
     height: 200px;
     line-height: 50px;
     box-sizing: border-box;
     padding: 0 20px;
     background: #f0f0f0;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .logged-in .twohalfs {
     display: flex;
     height: 100%;
     flex-wrap: wrap;
     justify-content: space-between;
     align-items: flex-start;
}
 .logged-in .twohalfs .left-half, .logged-in .twohalfs .left {
     width: 48%;
}
 .logged-in .popup-new-edit .twohalfs .left {
     flex-direction: column;
}
 .logged-in .list-articles .twohalfs .right {
     display: block;
     background: transparent;
     border: 0;
     border-radius: 0px;
     min-height: available;
}
 .logged-in .list-articles .twohalfs .right:hover {
     background: transparent;
}
 .logged-in .twohalfs .right-half, .logged-in .twohalfs .right {
     width: 48%;
     height: calc(100% - 50px);
}
 .logged-in .eventtime-box {
     display: flex;
     justify-content: space-between;
}
 .logged-in .eventtime-box .eventtime {
     width: 48%;
     position: relative;
}
 .logged-in .eventtime-box .eventtime .clear {
     position: absolute;
     top: 35px;
     right: 12px;
     cursor: pointer;
}
 .logged-in .eventtime-box label {
     display: block;
}
 .logged-in .document-list {
     display: flex;
     list-style: none;
     flex-wrap: wrap;
     margin-left: 0;
}
 .logged-in .document-list .video-box, .logged-in .document-list .image-box {
     width: 75px;
     height: 50px;
     margin-left: 10px;
}
 .logged-in .document-list .video-box video, .logged-in .document-list .image-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .logged-in .document-remove, .logged-in .order {
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     background: #ffffff;
}
 .logged-in .order {
     cursor: grab;
}
 .logged-in .document-remove svg, .logged-in .document-remove i, .logged-in .order svg, .logged-in .order i {
     font-size: 14px;
     color: #18232a;
}
 .logged-in .document-preview {
     width: calc(100% - 125px);
     margin: 0 10px;
     height: 50px;
     line-height: 50px;
     box-sizing: border-box;
     padding: 0 20px;
     background: #f0f0f0;
     border: 1px solid #e0e0e0;
     border-radius: 5px;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
}
 .logged-in .document-preview.has-video, .logged-in .document-preview.has-image {
     width: calc(100% - 210px);
}
 .logged-in .yellow-upload-button {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 50px;
     line-height: 50px;
     background: #eab01c;
     border-radius: 5px;
     width: 100%;
     text-align: center;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #0c171f;
     font-family: "Lato", sans-serif;
     font-weight: 700;
     font-size: 12px;
}
 .logged-in .yellow-upload-button svg, .logged-in .yellow-upload-button i {
     margin-right: 5px;
}
 .logged-in .popup-add h3 {
     font-style: normal;
     font-weight: 600;
     font-size: 34px;
     line-height: 41px;
     color: #18232a;
}
 .logged-in .list-articles.title-articles .title-section-list.hide, .logged-in .list-articles .move-page-group.hide, .logged-in .list-articles .edit-icon-list.hide {
     display: none;
}
/* Category */
 .logged-in .category-edit-group {
     width: 100%;
     display: flex;
}
 .logged-in .category-edit-group.hide, .logged-in .add-new-cat-button.hide, .logged-in .add-new-cat.hide, .logged-in .category-title.hide, .logged-in .list-articles .editform.hide {
     display: none;
}
 .logged-in .list-articles .addformcategory, .logged-in .list-articles .editformcategory {
     width: 100%;
     display: flex;
}
 .logged-in .list-articles .addformcategory .page-title-group, .logged-in .list-articles .editformcategory .page-title-group {
     padding: 0;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .addformcategory .page-title-group input, .logged-in .list-articles .editformcategory .page-title-group input {
     background: transparent;
     border: none;
     min-height: 50px;
     padding: 0px 30px;
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 12px;
     line-height: 14px;
     color: #0c171f;
     width: 100%;
     padding-right: 130px;
     position: relative;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .addformcategory .edit-eventscat-group input, .logged-in .list-articles .editformcategory .edit-eventscat-group input, .logged-in .list-articles .addformcategory .edit-teamcat-group input, .logged-in .list-articles .editformcategory .edit-teamcat-group input, .logged-in .list-articles .addformcategory .edit-newscat-group input, .logged-in .list-articles .editformcategory .edit-newscat-group input {
     position: absolute;
     width: 100%;
     height: 100%;
     background: none;
     border: none;
     cursor: pointer;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .add-new-cat-button {
     margin-top: 9px;
}
/* Navigation */
 .logged-in .add-new-menu-button.hide, .logged-in .add-new-menu.hide, .custom-select.hide, .menulink.hide {
     display: none;
}
 .logged-in .navigation-edit-group {
     width: 100%;
     display: flex;
}
 .logged-in .list-articles .addformnavigation, .logged-in .list-articles .editformnavigation {
     width: 100%;
     display: flex;
}
 .logged-in .list-articles .addformnavigation .page-title-group, .logged-in .list-articles .editformnavigation .page-title-group {
     padding: 0;
     margin-right: 9px;
     width: 60%;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .addformnavigation .page-title-group select, .logged-in .list-articles .editformnavigation .page-title-group select {
     background: transparent;
     border: none;
     min-height: 50px;
     box-sizing: border-box;
     padding: 16px 30px;
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 14px;
     color: #0c171f;
     width: 100%;
     position: relative;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .addformnavigation .page-title-group input, .logged-in .list-articles .editformnavigation .page-title-group input {
     background: transparent;
     border: none;
     min-height: 50px;
     padding: 0px 30px;
     font-family: "Lato", sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 14px;
     color: #0c171f;
     width: 100%;
     padding-right: 130px;
     position: relative;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .addformnavigation .edit-privacylink-group input, .logged-in .list-articles .editformnavigation .edit-privacylink-group input, .logged-in .list-articles .addformnavigation .edit-footerlink-group input, .logged-in .list-articles .editformnavigation .edit-footerlink-group input, .logged-in .list-articles .addformnavigation .edit-headerlink-group input, .logged-in .list-articles .editformnavigation .edit-headerlink-group input {
     position: absolute;
     width: 100%;
     height: 100%;
     background: none;
     border: none;
     cursor: pointer;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .logged-in .list-articles .option-trigger-group.menu-trigger {
     margin-right: 0;
}
 .logged-in .add-new-menu-button {
     margin-top: 9px;
}
 .logged-in .list-articles .option-trigger-group.trigger-menu {
     min-width: 70px;
}
 #AdminOptions, #WebsiteOptions {
     display: flex;
     justify-content: space-between;
}
 #AdminOptions {
     flex-wrap: wrap;
}
 #AdminOptions .options-col, #WebsiteOptions .options-col {
     width: 31%;
}
 #AdminOptions h3, #WebsiteOptions h3 {
     font-weight: 600;
     font-size: 22px;
     line-height: 26px;
}
 .logged-in .clr-picker {
     z-index: 99999;
}
 element {
}
 .logged-in .list-articles .editformcategory .page-title-group .text-cat-color, .logged-in .list-articles .addformcategory .page-title-group .text-cat-color {
     width: calc(100% - 295px);
}
 .logged-in .list-articles .editformcategory .page-title-group .color-picker-group, .logged-in .list-articles .addformcategory .page-title-group .color-picker-group {
     overflow: hidden;
}
/*### Acordeon ###*/
 .acordeon-admin-desc, .acordeon-interface-desc {
     display: none;
}
 .acordeon-admin .acordeon-admin-title, .acordeon-interface .acordeon-title {
     cursor: pointer;
     background: #eab01c;
     box-sizing: border-box;
     width: 100%;
     padding: 16px 28px 16px 16px;
     margin-bottom: 12px;
     border-radius: 5px;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     font-size: 12px;
     font-family: "Lato", sans-serif;
     font-weight: 700;
     line-height: 15px;
     letter-spacing: 1.2px;
     text-transform: uppercase;
     color: #0e0f22;
     position: relative;
}
 .acordeon-admin .acordeon-admin-title i, .acordeon-admin .acordeon-admin-title svg, .acordeon-interface .acordeon-title i, .acordeon-interface .acordeon-title svg {
     margin-right: 10px;
}
 .acordeon-admin .acordeon-admin-title:hover, .acordeon-interface .acordeon-title:hover {
     opacity: 0.8;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .acordeon-admin.active .acordeon-admin-title, .acordeon-interface.active .acordeon-title {
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .acordeon-admin .acordeon-admin-title:before, .acordeon-admin .acordeon-admin-title:after, .acordeon-interface .acordeon-title:before, .acordeon-interface .acordeon-title:after {
     content: "";
     position: absolute;
     top: 50%;
     right: 0;
     margin: 0 0 -8px;
     background: #0e0f22;
     border-radius: 2px;
}
 .acordeon-admin .acordeon-admin-title:before, .acordeon-interface .acordeon-title:before {
     right: 22px;
     width: 2px;
     height: 12px;
     transition: all 300ms;
     margin-top: -6px;
}
 .acordeon-admin .acordeon-admin-title:after, .acordeon-interface .acordeon-title:after {
     right: 17px;
     width: 12px;
     height: 2px;
     margin-top: -1px;
}
 .acordeon-admin.active .acordeon-admin-title:before, .acordeon-interface.active .acordeon-title:before {
     height: 0;
     margin-top: 0;
}
 #AdminOptions .full-label {
     flex: 0 0 100%;
     width: 100%;
}
 .logged-in #AdminOptions .logo-upload img {
     object-fit: contain;
}
 .logged-in #AdminOptions #primarycolor, .logged-in #AdminOptions #secondarycolor {
     padding-left: 30px;
}
 .logged-in .clr-field button {
     left: 0;
     right: inherit;
     border-radius: 50%;
     width: 20px;
     height: 20px;
}
/*### End Acordeon ###*/
 .logged-in .admin-site-toggle-options .box-add {
     margin-block-end: 10px;
}
 .footersec.hide {
     display: none;
}
 .insidebox {
     display: flex;
}
 .insidebox.hide {
     display: none;
}
 .socialboxtrigger.hide {
     display: none;
}
 .user-interface-log-in {
     text-align: center;
}
 .user-interface-log-in form label {
     display: block;
     font-size: 20px;
}
 .user-interface-log-in form input {
     width: 20vw;
     height: 20px;
     border: none;
     border-bottom: 3px solid var(--primary);
}
 .user-interface-log-in form .login-remember {
     display: none;
}
 .user-interface-log-in #loginform .login-submit {
     display: flex;
     justify-content: center;
}
 .user-interface-log-in #loginform .login-submit input {
     display: flex;
     flex-direction: row;
     max-width: 20vw;
     justify-content: center;
     align-items: center;
     padding: 16px;
     min-width: 175px;
     width: 100%;
     height: 50px;
     background: #18232a;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
     font-family: "Lato", sans-serif;
     font-weight: 700;
     font-size: 12px;
     line-height: 15px;
     letter-spacing: 0.1em;
     text-transform: uppercase;
     color: #fff;
     box-sizing: border-box;
     border: none;
     cursor: pointer;
     transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .user-interface-log-in #loginform .login-submit input:hover {
     background: #eab01c;
}
 .response-top {
     position: absolute;
     top: 20px;
     left: 40px;
     color: #eab01c;
}
 @media only screen and (max-width: 1400px) {
     .logged-in.page-template-template-user .wrapper {
         width: 100vw;
         box-sizing: border-box;
         padding: 0 5vw;
    }
}
 @media only screen and (max-width: 1200px) {
     .user-interface-log-in form input {
         width: 100%;
    }
     .user-interface-log-in #loginform .login-submit input {
         max-width: 100%;
    }
}
 @media only screen and (max-width: 1000px) {
     .logged-in .admin-module-box {
         flex: 0 0 49%;
    }
     .logged-in .user-top-box {
         flex-direction: column;
    }
}
 @media only screen and (max-width: 600px) {
     .logged-in .admin-module-box {
         flex: 0 0 100%;
    }
     .logged-in .interface-top-buttons {
         flex-direction: column;
    }
     .logged-in .interface-top-buttons .admin-button-small {
         margin-bottom: 10px;
         margin-left: 0;
    }
}