/*
 * Copyright (c) 2021..© SkillVersum Solution kft.
 */

@media (max-width: 721px) {

    h1 {
        font-size: 20px

    }

    .card h2 {
        font-size: 19px;
    }

    .card h1 {
        font-size: 20px;
    }

    .card h1 span {
        font-size: 20px;
    }

    .card h2 span {
        font-size: 19px;
    }

    h2 {
        font-size: 19px

    }

    h3 {
        font-size: 18px

    }

    h4 {
        font-size: 17px

    }

    span {
        font-size: 14px

    }

    p {
        font-size: 14px
    }

    i {
        font-size: 14px
    }

    li {
        font-size: 14px
    }

    ul {
        font-size: 14px
    }

    ol {
        font-size: 14px
    }

    .ui-tabs .ui-tabs-panel {
        padding: 0 !important;
    }

    .card {
        padding-left: 3px;
        padding-right: 3px;
    }

    .ql-editor ol li, .ql-editor ul li {
        padding-left: 0;
    }

    .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
        padding-top: 3px;
        padding-left: 25px;
    }
}


.ui-outputpanel-loading {
    background: none;
    width: 30px;
    height: 30px;
}

#modifyTemplate {
    width: 100%;
    height: 100%;
}

.ui-outputpanel-loading:after {
    background: none;
    content: "\f197"; /* this is your text. You can also use UTF-8 character codes as I do here */
    font-family: FontAwesome;
    color: #33DC77;
    font-size: 25px;
    width: 25px;
    height: 25px;
    display: inline-block;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;

}

pre {

}

li.counter-styles {
    list-style-type: decimal;
    border-right: 1px;
    border: red;
}

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

.float-left {
    float: left;
}

.display-inline-block {
    display: inline-block;

}

.min-height-120px {
    min-height: 120px;
}

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

.padding-5px {
    padding: 5px;
}

.bar-chart-class {
    width: 100%;
    max-width: 1000px;

}

.chat-bubble-other {
    background: #FFE082;
    width: 90%;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: left;

}

body .ui-datatable.ui-datatable-scrollable thead tr th {
    display: none;
}

.rowStyle {
    border: none;
    background: none;
}

.rowStyleSecond {
    border: none;
    background: none;
}


.preformatted {
    white-space: pre-wrap;
}

.ql-editor .ql-video {
    width: 100%;
    height: 100%;
    min-height: 500px;
}

.amber-200-background-color {
    background-color: #FFE082;
}

.emoji {
    height: 20px;
    margin-bottom: -5px;
}

.ui-terminal-command {
    margin-bottom: 5px;
}

.skillyterminal div {
    color: black;
}

.ui-terminal-prompt {
    color: #F44336;
}

.ui-terminal-input {
    color: #F44336 !important;

}

.ui-terminal-command {
    color: #F44336;

}

.ui-terminal-content span {
    color: #F44336;
}

.ui-password-panel {
    background-color: white;
}

.page-header {
    color: #424242;
    font-size: 22px;
}

.font-size-20 {
    font-size: 20px;
}

.bottom-null {
    bottom: 0;
}

.noty-class {
    font-size: 12px !important;
    padding-left: 3px;
}

.profil-picture {
    width: 30px;
    height: 30px;
    margin: 0 auto 5px auto;
    float: left;
}

.profil-picture-without-float {
    width: 30px;
    height: 30px;
    margin: 0 auto 5px auto;
}


.profile-image-default-class {
    border-radius: 50%;
    object-fit: cover;
}


.margin-top-6px {
    margin-top: 6px;
}

.margin-left-5px {
    margin-left: 5px;
}

.margin-all-5px {
    margin: 5px;
}

.vertical-align-top {
    vertical-align: top;
}

.searchPanel > .ui-widget-content {
    border: none;
    background: none;
}

.searchPanel .ui-widget-content {
    border: none;
    background: none;
}

.font-size-re-100 {
    font-size: 100px;
    color: #062761;

}

.font-size-success-100 {
    font-size: 100px;
    color: #33DC77;

}

.font-size-success-30 {
    font-size: 30px;

}

.float-right {
    float: right;
    right: 0;
}

.right-null {
    right: 0;
}

.left-null {
    right: 0;
}

.ui-treenode-label {
    cursor: auto;
}

.center-content {
    margin-left: auto;
    margin-right: auto;
}

.center-button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left {
    margin-left: auto;
    margin-right: auto;
}

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

.answer-padding {
    padding-bottom: 10px;
}

.width-180-px {
    width: 180px;
}

.width-160-px {
    width: 160px;
}

@media (max-width: 801px) {
    .display-just-on-pc {
        display: none;
    }
}

@media (max-width: 721px) {
    .display-space-header-text {
        display: none;
    }
}

@media (max-width: 1024px) {
    .display-space-header-text-important {
        display: none !important;
    }
}

@media (max-width: 601px) {
    .display-user-header-text {
        display: none;
    }
}

.width-20-px {
    width: 20px;
}

.margin-left-10px {
    margin-left: 10px;
}

.margin-left-20px {
    margin-left: 20px;
}

.margin-left-20px-important {
    margin-left: 20px !important;
}

.width-125-px {
    width: 125px;
}

.normal-cusor {
    cursor: default;
}

.header-label-font {
    font-weight: bold;
    font-size: 120%;
    color: #2196F3;
}

.user-name-label {
    font-weight: bold;

}

.vertical-align-bottom {
    vertical-align: bottom;
}

.padding-null {
    padding: 0;
}

.margin-top-2px {
    margin-top: 2px;
}

.bold-label-font {
    font-weight: bold;
    white-space: nowrap;
}

.ui-tree > .ui-tree-toggler {
    display: none;
}

.ui-tree .ui-tree-toggler {
    display: none;

}

.ui-tree.ui-tree-toggler {
    display: none;

}

.blue-color {
    color: #3F51B5;
}

.ui-tree {
    overflow-x: hidden;
}

.ui-tree .ui-tree-selectable .ui-treenode-label {
    width: 100%;
    overflow-x: hidden;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.small-button {

}

.margin-20px-top {
    margin-top: 20px;

}

.margin-top-7-px {
    margin-top: 7px;

}

.margin-top-5-px {
    margin-top: 5px;

}

.margin-top-small {
    margin-top: 10px;

}

.margin-right-small {
    margin-right: 10px;

}

.margin-right-5 {
    margin-right: 5px;

}

.author-at-symbol {
    font-size: 90%;
    color: #BDBDBD;
}

.counter-style {
    font-size: 80%;
    color: #BDBDBD;
    padding-top: 0;
    margin-top: 0;
}

.comment-separator .ui-separator {
    background: #BDBDBD;
    color: #BDBDBD;;
}

.ui-tabs > .ui-tabs-nav > li > .ui-icon {
    float: right;
}

@media (min-width: 640px) {
    .registration-panel {
        width: 600px;
    }
}

.position-absolute {
    position: absolute;
}

.circle {
    background-color: white;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 33px;
    vertical-align: middle;
}

.file-circle {
    background-color: white;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    text-align: center;
    font-size: 30px;
    vertical-align: middle;
}

.font-size-30 {
    font-size: 30px !important;

}

.width-100-percent-field {
    width: 100%;
}

.width-80-percent-field {
    width: 80%;
}

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

.width-100-percent-button {
    width: 100%;

}

.width-100-percent {
    width: 100%;
    text-align: left;
}

.left-20px {
    margin-left: 20px;
}

.padding-top-20px {
    margin-top: 20px;
    padding-top: 20px;
}

.default-folder-color {
    color: #f2df0c;
}

.ui-widget-content > .social-bar {
    border-right: 0;
    border-left: 0;
    border-bottom: 0;

}

.answer-remove-link {
    color: #33DC77;
}

.registration-footer {
    padding-top: 20px;
    position: relative;;
}

.bottom-20px-top {
    margin-top: 20px;
    margin-botton: 20px
}

.ui-tagcloud-strength-1 > a {
    color: #33DC77;
}

.ui-tagcloud-strength-3 > a {
    color: #33DC77;
}

.ui-tagcloud-strength-5 > a {
    color: #062761;
}

a.on-react > .ui-menuitem-icon.ui-icon.ui-icon-thumb-up {
    color: #33DC77;
}

a.on-react > .ui-menuitem-icon.ui-icon.ui-icon-thumb-down {
    color: #33DC77;
}

a.on-react > .ui-menuitem-icon.ui-icon.ui-icon-star {
    color: #33DC77;
}

.purple-background-just {
    background-color: #062761 !important;;
    color: white;
    padding: 2px;
}

.orange-background {
    background-color: #33DC77 !important;
    color: white;
    padding: 2px;
}

.font-size-90 {
    font-size: 90%;
}

.font-size-30px {
    font-size: 30px;
}

.red-color {
    color: #F44336;
}

.green-color {
    color: #4CAF50;
}

.orange-color {
    color: #33DC77
}

.app-color {
    color: #33DC77;
}

.app-color-important {
    color: #33DC77 !important;
}

.app-color-background {
    background: #33DC77 !important;
}

.ui-datascroller .ui-datascroller-content {
    padding: 0 !important;
}

.app-orange-background-color {
    background-color: #33DC77;
    padding: 3px;
    margin: 5px 3px 3px;
}

.app-orange-background-color-paragprah {
    background-color: #33DC77;
    padding-left: 10px;
    padding-top: 0;
    padding-right: 10px;
    margin-left: 3px;
    margin-top: 1px;
    margin-top: 2px;
    border-radius: 8px;
    display: inline-block;
    color: white;
    font-weight: bold;
}

.tag-hover {
    cursor: pointer;
}

.tag-hover:hover {
    color: #FFE082 !important;
    background-color: #33DC77;

}

.on-tag-selected {
    color: #FFE082 !important;
    background-color: #33DC77;
}

.link:hover {
    text-decoration: underline;
}


.app-orange-background-color-just {
    background-color: #FFE082;
    padding: 3px;

}

.light-grey {
    color: #424242;
}

.skill-padding {
    padding: 3px;
    margin: 5px 3px 3px;
}

.purple-background {
    padding: 3px;
    background-color: #062761;
}

.black-color {
    color: black;
}

.help-icon {
    cursor: pointer;
}

.pointer-coursor-just {
    cursor: pointer;

}

.width-100-percent-max-500px {
    width: 100%;
    max-width: 500px;
}


.white-color {
    color: white;

}

.vertical-align {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top;
}

.vertical-align-top-icon {
    vertical-align: top;
}

.pointer-coursor {
    cursor: pointer;

}

.pointer-coursor:hover {
    color: white;
    background-color: #33DC77;
}

.qustion > .ql-toolbar.ql-snow {
    border-color: #33DC77;
}

.qustion > .ql-container.ql-snow {
    border-color: #33DC77;
    min-height: 50px;

}

.editNote > .ql-toolbar.ql-snow {
    border-color: #33DC77;
    background: white;
}

.editNote > .ql-container.ql-snow {
    border-color: #33DC77;
    min-height: 300px;
    background: white;
}

.comment-min-height > .ql-toolbar.ql-snow {
    border-color: #33DC77;
}

.comment-min-height > .ql-container.ql-snow {
    border-color: #33DC77;
    min-height: 100px;
}

.viewNote > .ql-toolbar.ql-snow {
    border: none;
    display: none;
}

.viewNote > .ql-container.ql-snow {
    border: none;
}

.like-icon {
    cursor: pointer;
    font-size: 90%;
}

.more-menu-color {
    color: #33DC77

}

.more-menu-color:hover {
    color: #E65100

}

.grey-color {
    color: darkgrey

}

.font-size-100 {
    font-size: 100px;
}

.cursor-move {
    cursor: move;
}

.min-max-height-400px {
    min-height: 400px;
    max-height: 400px;
}

.color-author {
    color: #BDBDBD
}

.grey-color:hover {
    color: dimgray;
}

img.desaturate:hover {
    filter: grayscale(100%);
}

.purple-color {
    color: #062761;
}

.width-200px {
    width: 200px;
}

.feed-header {
    font-weight: bold;
    display: block
}

.display-block {
    display: block

}

.inline-flex {
    display: inline-flex;

}

.min-height-180px {
    min-height: 180px;
}

.min-width-200px {
    width: 200px;
}

.width-300px {
    width: 300px;
}

.width-370px {
    width: 370px;
}

.width-400px {
    width: 400px;
}

.border-color {
    border-color: #F44336 !important;
}

.margin-down-5px {
    margin-bottom: 5px;
}

.margin-down-small {
    margin-bottom: 10px;
}

.height-50z-index {
    z-index: 50;
    position: absolute;
    border: 1px #33DC77 !important;
    background: white;

}

.font-size-150 {
    font-size: 150px;
}

.height-50z-index-post {
    z-index: 50;
    float: right;
    background: white;
    position: relative;

}

div.ql-editor {
    padding: 2px;
}

div.ql-container {
    font-size: inherit;
}

.display-none {
    display: none;
}

.font-size-25 {

    font-size: 25px;
}

.textalign-center {
    text-align: center;
}

.default-note-color {
    color: #142dba;
}

#searchScroller > ul {
    list-style-type: none;
}

.ui-datalist-data {
    list-style-type: none;
    padding-left: 0;
}

body > .ui-widget-content {
    border: none;
}

body > .timeline-frame {
    border: 1px;

}

@media (max-width: 801px) {
    .ui-tagcloud-strength-1 > a {
        color: #33DC77;
        font-size: 50%;
    }

    .ui-tagcloud-strength-3 > a {
        color: #33DC77;
        font-size: 80%;

    }

    .ui-tagcloud-strength-5 > a {
        color: #062761;
        font-size: 80%;

    }

}

.ui-tree .ui-tree-container {
    overflow: hidden !important;
}

.ui-tree.ui-tree-container {
    overflow: hidden !important;
}

.break-word-if-too-long {
    word-wrap: break-word;
    overflow: hidden;
}

.break-word {
    word-wrap: break-word;

}

.border-1px {
    border: 1px;
    border: black
}

.ui-accordion .ui-accordion-header .ui-icon {
    color: #33DC77;
}

body .ui-accordion .ui-accordion-header {
    color: white !important;
    background-color: #031b45 !important;

}

body .ui-picklist .ui-picklist-filter-container .ui-icon {
    top: 11px;
    right: 20px;
}

body .ui-picklist .ui-picklist-caption {
    padding: 0;
}

body .ui-inputfield.ui-state-focus {
    border-width: 1px;
}

.min-height-500px {
    min-height: 500px;
}

.ui-chips {
    width: 100% !important;
}

.chip-width-100percent > .ui-chips {
    width: 100%
}

.dark-gry-color {
    color: #757575
}

.chip-width-100percent > .ui-chips-container {
    width: 100%
}

.circle-user-pending {
    background-color: #F44336;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 14px;
    margin-left: 3px;
    color: white;
    vertical-align: middle;
}

.contact-handle {
    position: absolute;
    right: 0;
    bottom: 0;
}

.order {
    position: absolute;
    width: 75px;
    line-height: 75px;
    text-align: center;
    opacity: 1;
    -webkit-animation: bounce .3s infinite alternate;
    -moz-animation: bounce .3s infinite alternate;
    animation: bounce .3s infinite alternate;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-duration: 2s;
    animation-delay: 50s
}

@-webkit-keyframes bounce {
    to {
        -webkit-transform: scale(1.2);
    }
}

@-moz-keyframes bounce {
    to {
        -moz-transform: scale(1.2);
    }
}

@keyframes bounce {
    to {
        transform: scale(1.2);
    }
}

.red-color-background {
    background: #F44336 !important;
}

.green-color-background {
    background: #4CAF50 !important;
}

.golden-color {
    color: #FFD700 !important;
}

.golden-color-background {
    background: #FFD700 !important;
}

.blue-color-background {
    background: #4cb5f5 !important;
}

.event-blue-color {
    color: #4cb5f5 !important;
}

.event-lightgreen-color {
    color: #aae84e !important;
}

.event-lightgreen-background {
    background: #aae84e !important;
}

.event-crimson-color {
    color: #ff0800 !important;
}

.event-crimson-background {
    background: #ff0800 !important;
}

.event-emerald-color {
    color: #50c878 !important;
}

.event-emerald-background {
    background: #50c878 !important;
}

.event-ginger-color {
    color: #d35c37 !important;
}

.event-ginger-background {
    background: #d35c37 !important;
}

.schedule-panel-text {
    color: white;
    font-weight: bold;
    font-size: x-large;
    font-family: inherit;
}

.golden-color-background {
    background: gold;

}

.referer {
    font-size: 80%;
}

.visible-link {
    color: #06c;
    text-underline: #06c;
    text-decoration: underline;
}

.tooltipClass {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

.tooltipClassNumber {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 2px;
    background: #F44336 !important;
    color: white !important;
    padding: 5px;
    cursor: pointer;
}

.tooltipClassNumberExercise {
    border-radius: 50%;
    border: 2px;
    background: #4CAF50 !important;
    color: white !important;
    padding: 5px;
    cursor: pointer;
}

.min-height-280px {
    min-height: 280px;
}

.min-height-320px {
    min-height: 320px;
}

.facebook-logo-color {
    color: #3b5998;
}

.instagram-logo-color {
    color: #C13584;
}

.linkedin-logo-color {
    color: #0077B5;
}

.twitter-logo-color {
    color: #00aced;
}

.ui-fab li {
    width: 10px;
    height: 40px;
    border-radius: 40px;
    flex: 0 0 auto;
    list-style-type: none;
    position: relative;
    margin: 0 9px -40px 9px;
    border: 0;
    transform: scale(0.5);
    transform-origin: center;
    transition-duration: 100ms;
    transition-timing-function: ease-out;
    transition-property: margin, transform;
}

.ui-fab-main.ui-button {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    width: 20px;
    height: 56px;
    border-radius: 56px;
    z-index: 2;
    border: 0;
}

.ui-fab-main .ui-icon {
    font-size: 28px;
    width: 53px;
    height: 56px;
    line-height: 56px;
}

.ui-fab li .ui-icon {
    font-size: 18px;
    width: 41px;
    height: 40px;
    line-height: 40px;
}

.min-height-200px {
    min-height: 200px;
    max-height: 200px;
}

.max-width-250 {
    max-width: 250px;
}

.text-highlight {
    background: yellow;
}

.top-search {
    background: white !important;

}

.top-search-btn {
    background-color: #FAFAFA !important;
    border: transparent;
}

.card {
    border-radius: 12px;
    box-shadow: 0 46px 99px #b2b4ca;
}

body .ui-progressbar {
    background-color: #E0E0E0;
}

body .ui-button {
    border-radius: 27px !important;
}

.login-body {
    background: #062761;
}
.login-panel{
    box-shadow: none !important;
}
.login-footer {
    color: #E0E0E0;;
}

.layout-wrapper .topbar .logo {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    height: 60px;
    background: url("/javax.faces.resource/logo_pte.svg.xhtml?ln=img") top left no-repeat;
    background-size: auto 60px;
    margin-top: 1px;
    margin-left: 3px;
}

.layout-wrapper .topbar .logo::after {
    content: " powered by SkillVersum";
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px;
    margin-left: 70px;
    color: white;
    display: block;
    margin-top: 6px;
}

body .ui-button {
    background-color: #33DC77;
}

body .ui-button.secondary {
    background-color: #33DC77;

}

body .ui-toolbar {
    background-color: #031b45;
    border: #031b45;


}

body .ui-widget-header {
    background-color: #031b45;
    border: #031b45;
}

body .ui-inputfield.ui-state-focus {
    border-color: #031b45;

}

body .ui-tabs .ui-tabs-nav > li.ui-state-active {
    color: #33DC77;
    background-color: #33DC77;
}

body .ui-state-active {
    color: #33DC77;
}

body .ui-paginator .ui-paginator-pages a.ui-state-hover {
    background-color: red;
}

body .ui-state-active, body .ui-state-highlight {
    background-color: #33DC77;
}

.ui-chips-token .ui-chips-token-label {
    color: white;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-active a {
    color: white;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-active {
    background-color: #33DC77;

}

body .ui-datatable tbody tr.ui-datatable-even.ui-state-highlight {
    background-color: #33DC77;

}

body .ui-selectbooleanbutton.ui-state-active {
    background-color: #031b45;
}

.border-radius {
    border-radius: 50%;
}

.layout-wrapper .ultima-menu li.active-menuitem > a > .material-icons {
    color: #33DC77;
}