/* Minification failed. Returning unminified contents.
(192,17): run-time error CSS1039: Token not allowed after unary operator: '-custom-primary'
(200,24): run-time error CSS1039: Token not allowed after unary operator: '-custom-tertiary'
(348,21): run-time error CSS1039: Token not allowed after unary operator: '-custom-header-font'
 */
/*

    Used to define base style for the new marketplace components
    That appear in multiple screens

*/



/* Searchbox Component */
.core-searchbox {
    width: 90%;
    margin: auto;
    display: flex;
    gap: 2px;
}

.core-searchbox-input {
    width: 100%;
}

/* CardViewer Component */
.core-cards-container {
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
    width: 69.69vw;
}

.k-card {
    width: 200px;
    margin: 10px;
}

.k-card-footer {
    width: 84%;
    padding-left: 15px;
    padding-bottom: 10px;
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items:center;
}

.k-card-subtitle {
    padding: 2px;
}

.k-card-header {
    width: 84%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.k-card-image {
    margin: 5px;
    width: 170px;
    height: 80px
}

.k-card-title {
    padding-top: 8px;
}

.k-card-title-aligner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: -10px;
}

.k-card-abstext {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.k-card-rating {
    display: flex;
}

.k-card-version {
    box-sizing: border-box;
    margin: 5px;
    border: solid;
    border-radius: 14px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 6px;
    padding-left: 6px;
    border-width: thin;
    border-color: #bdc2c9;
    background-color: #e4e6eb;
    font-size: 9px;
    overflow: hidden;
    line-height: normal;
}

.k-card:hover {
    box-shadow: 2px 2px lightblue;
    cursor: pointer;
}


/* Upvotes Component */
.upbuttondiv {
    margin: 2px;
}

.updowndiv {
    margin: 2px;
}

.upvotes {
    margin: 2px;
    font-weight: 900;
    font-size: 14px;
}
.upvotes:hover {
    cursor: default;
}

.downbuttondiv {
    margin: 2px;
}

/* Upvotes Clickable Component */
.upbuttonclickable:hover {
    cursor: pointer;
}

.downbuttonclickable:hover {
    cursor: pointer;
}

/* Tag Component */
.taglabel {
    margin-top: 0;
}
.tag-colored {
    display: flex;
    align-items: center;
    margin: 2px;
    border: solid;
    border-radius: 14px;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-right: 6px;
    padding-left: 6px;
    border-width: thin;
    border-color: #bdc2c9;
    background-color: #e4e6eb;
    font-size: 12px;
    line-height: normal;
}
.tagball {
    padding-right: 3px;
    font-size: 10px;
}

/* Form Component */
.genericform {
    display: grid;
    gap: 20px;
}
.formsection {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.formentry {
    display: grid;
}
.textInputFormLabel {
    margin-bottom: 1px;
}

/* Clickable links on header */
.header-links-menu {
    margin-left: 14%;
    display: flex;
}

.header-click-bar {
    margin-left: -1px;
    cursor: pointer;
    color: var(--custom-primary);
    font-weight: bold;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    border-left: solid;
    border-right: solid;
    border-width: 1px;
    border-color: var(--custom-tertiary)
}

/* Override PSRCore default username position */
#user-header-menu {
    right: 13%;
}
.user-config-container {
    bottom: -15px;
    right: 65%;
    width: 175px;
    height: 100px;
}
.user-config-list {
    padding: 10px 0px;
}

/* Override PSRCore header and footer z-index */
.main-footer {
    z-index: 999;
}
.header {
    z-index: 999;
}

/* Reinsert missing user icon from header */
@font-face {
    font-family: 'fontello';
    src: url('../fontello/font/fontello.eot?78648000');
    src: url('../fontello/font/fontello.eot?78648000#iefix') format('embedded-opentype'), url('../fontello/font/fontello.woff2?78648000') format('woff2'), url('../fontello/font/fontello.woff?78648000') format('woff'), url('../fontello/font/fontello.ttf?78648000') format('truetype'), url('../fontello/font/fontello.svg?78648000#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-user-circle:before {
    content: '\f2bd';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.requiredMark{
    color: red;
}

.obsoleteWarn {
    background-color: #fbfcbb;
    border: solid;
    border-color: #dadb7d;
    border-width: 1px;
    border-radius: 5px;
    padding-left: 8px;
    margin-bottom: 8px;
    line-height: 25px;
}
.linktext {
    color: blue;
    text-decoration: underline;
}
.linktext:visited {
    color: blue;
    text-decoration: underline;
}

.ScriptVersionTemplate {
    width: 100%;
    text-align: right;
    color: gray;
}

.download-items {
    display: flex;
        gap: 5px;
}

/* Login page */
.idioma {
    margin-top: unset;
}
.register-info {
    display: table;
    margin: -30px auto 10px auto;
}

@media only screen and (max-width: 500px) {
   
    .header-links-menu {
        margin-left: 2px;
        display: Flex
    }

    #user-header-menu {
        right: 0%;
        padding:0px;        
    }

    #user-header-menu .user-config-name span:not(.loginActive) {
       display: none;
    }

    #scriptViewId {
        display: flex;
        padding-left: 5px;
        padding-bottom: 5px;
        flex-direction: column !important
    }

    .core-cards-container {
        display: flex;
        margin: 10px;
        width: 69.69vw;
        justify-content: center;
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 501px) {

    .header-links-menu {
        margin-left: 14%;
        display: Flex;
    }

    #scriptViewId {
        display: flex;
        padding-left: 5px;
        padding-bottom: 5px;
    }
 

    #user-header-menu {
        right: 0%;
    }

    #user-header-menu .user-config-name {
        width: 100%;
        padding: 5px 0px;
        margin-right: 10px;
        color: var(--custom-header-font);
        font-weight: bold;
        text-align: center;
    }

    .core-cards-container {
        display: flex;
        margin: 10px;
        width: 69.69vw;
        flex-wrap: wrap;
        justify-content: center;
    }
}