div#screenshotPkg {
    margin-left: 30px;
    margin-right: 30px;
}

img.icon {
    height: 50px;
    width: 50px;
    margin-top: 0px;
}

#snap_number,#appstream_number,#aur_number,#flatpak_number {
    display: contents;
    color: var(--scrollbar-bg);
    font-weight: bold;
    font-size: medium;
}


div#files_in_package {
    white-space: pre;
    text-align: -webkit-left;
    line-height: 2em;
}

div#preloader-align {
    text-align: -webkit-center;
    white-space: normal;
    width: 60px;
    height: 60px;
    margin-left: calc(50% - 30px);
    margin-top: calc(25% - 30px);
}

.circle-clipper {
    overflow: revert !important;   
}

div#descriptionbox {
    background-color: var(--content-bg);
    border-radius: 20px;
    margin-top: 28px;
    padding-top: 28px;
    margin-bottom: 32px;
    border: 1px solid var(--border-card-color);
}

.modal {
    position: fixed;
    padding: 30px 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
    box-shadow: 0px 6px 30px rgb(0 0 0 / 40%);
    transition: all 0.3s;
    z-index: 10;
    background-color: var(--popup-bg);
    width: 500px;
    border-radius: 6px;
    flex-direction: column;
    white-space: normal;
}

.modal-content {
    position: fixed;
    padding: 30px 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: auto;
    box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.4);
    transition: all 0.3s;
    z-index: 10;
    background-color: var(--popup-bg);
    width: 500px;
    border-radius: 6px;
    flex-direction: column;
    white-space: normal;
}

.modal .modal-footer {
    background-color: var(--popup-bg);
    border: none;
    border-radius: 20px;
    transition: 0.3s;
    padding-top: 48px;
    height: 100px;
    width: 100%;
}

.modalClose:hover,
.modalClose:focus {
    background-color: #3a6df0;
    border: none;
    padding: 8px 26px;
    color: #fff;
    border-radius: 20px;
    margin-top: 16px;
    cursor: pointer;
    transition: 0.3s;
    white-space: nowrap;
}

.pop-up__title {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pop-up__subtitle {
    white-space: normal;
    margin: 20px 0;
    font-size: var(--text-size-small);
    font-weight: 400;
    line-height: 1.8em;
}


div#progress_loading {
    /*margin: auto;*/
}

div#progress_loading.progress {
    background-color: red !important;
    margin: auto;
}

div#box_progress {
    position: fixed;
    background-color: #00000087;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

div#box_progress_snap_install, div#box_progress_snap_remove, div#box_progress_flatpak_install, div#box_progress_flatpak_remove, div#box_progress_config{
    position: fixed;
    background-color: #00000087;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}


div#box_progress_snap_bar, div#box_progress_flatpak_bar {
    background-color: #aaaaaabb;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0;
    height: 205px;
    width: 100%;
    padding: 16px;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    color: white;
    color: white;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    letter-spacing: 5px;
    -webkit-text-stroke: thin;
    text-shadow: 2px 7px 5px rgb(0 0 0 / 41%), 0px -4px 10px #424242;
    backdrop-filter: blur(8px);
}


div#box_progress_config_bar {
    background-color: #aaaaaabb;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    position: absolute;
    bottom: 0;
    height: 305px;
    width: 100%;
    padding: 16px;
    text-align: center;
    /*text-transform: uppercase;*/
    font-size: 20px;
    color: white;

    font-weight: bold;
    color: #ffffff;
    text-align: center;
    /*-webkit-text-stroke: thin;
    text-shadow: 2px 7px 5px rgb(0 0 0 / 41%), 0px -4px 10px #424242;
    backdrop-filter: blur(8px);*/
}

div#box_progress_flatpak_bar {
    height: 305px;
}

div#box_progress_snap_cancel {
    z-index: 12;
    position: absolute;
    top: 308px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 0px;
    text-align: center;
    display: none;
}

div#box_progress_flatpak_cancel {
    z-index: 12;
    position: absolute;
    top: 308px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 0px;
    text-align: center;
    display: none;
}

div#title_appstream {
    position: sticky;
    top: 0px;
    float: left;
    padding-top: 0px;
    padding-right: 20px;
}

div#button_appstream {
    display: flex;
    padding: 8px;
    border-radius: 15px;
    height: 53px;
    text-align: center;
    min-width: 165px;
    padding-top: 14px;
    color: var(--text-a-color);
    background-color: var(--border-color);
}

div#button_appstream .tooltipped {
    background-color: #1d2028;
    border-radius: 15px;
}    

div#box_appstream {
    display: none;
    background-attachment: fixed;
    margin-bottom: 25px;
    border-radius: 15px;
    border: 1px solid var(--border-card-color);
    background-color: var(--content-bg);
    padding: 5px;
}

div#box_appstream_category {
    background-attachment: fixed;
    margin-bottom: 25px;
    border-radius: 15px;
    border: 1px solid var(--border-card-color);
    background-color: var(--content-bg);
    padding: 5px;
}

div#box_index_category {
    
}    

div#title_aur {
    position: sticky;
    top: 0px;
    float: left;
    padding-top: 0px;
    padding-right: 20px;
}

div#box_info_index {
    /* margin-top: 38px;
    margin-left: 60px;
    margin-right: 60px; */
    /* text-shadow: 1px 1px 2px rgb(0, 0, 0); */
    /* margin-bottom: 35px; */
    margin-top: 20px;
}

.category_box {
    border-radius: 15px !important;
    padding-right: 26px;
    padding-left: 26px;
    padding-bottom: 19px;
    background-attachment: fixed;
    margin-bottom: 25px;
    border: 1px solid var(--border-card-color);
    background-color: var(--content-bg);    
}

.info_box {
    border-radius: 15px !important;
    padding-right: 26px;
    padding-left: 26px;
    padding-bottom: 19px;
    background-attachment: fixed;
    margin-bottom: 25px;
    border: 1px solid var(--border-card-color);
    background-color: var(--content-bg);    
}

.category_index_list_center {
    /* border: 1px solid red; */
    padding: 0px;
    margin-left: -10px;
    margin-right: -10px;
}


div#button_aur {
    display: flex;
    padding: 8px;
    border-radius: 15px;
    height: 53px;
    text-align: center;
    min-width: 165px;
    padding-top: 14px;
    color: var(--text-a-color);
    background-color: var(--content-bg);
}

div#box_aur {
    display: none;
    background-attachment: fixed;
    margin-bottom: 25px;
    border-radius: 15px;
    border: 1px solid var(--border-card-color);
    background-color: var(--content-bg);
    padding: 5px;
}

.avatar, .avatar_appstream, .avatar_aur, .avatar_flatpak, .avatar_snap {
    width: 48px;
    height: 48px;
    background-color: #ccc;
    border-radius: 50%;
    font-family: "Lato", sans-serif;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

.avatar img, .avatar_appstream img, .avatar_aur img, .avatar_flatpak img, .avatar_snap img {
    width: 48px;
    height: 48px;
    background-color: #ccc;
}


.icon_middle {
    margin-top: auto;
    margin-bottom: auto;
}

div#box_flatpak {
	display: none;
    background-attachment: fixed;
    margin-bottom: 25px;
    border-radius: 15px;
    border: 1px solid var(--border-card-color);
    background-color: var(--content-bg);
    padding: 5px;
}

div#title_flatpak {
    position: sticky;
    top: 0px;
    float: left;
    padding-top: 0px;
    padding-right: 20px;
}

div#button_flatpak {
    display: flex;
    padding: 8px;
    border-radius: 15px;
    height: 53px;
    text-align: center;
    min-width: 165px;
    padding-top: 14px;
    color: var(--text-a-color);
    background-color: var(--content-bg);
}

div#box_snap {
    display: none;
    background-attachment: fixed;
    margin-bottom: 25px;
    border-radius: 15px;
    border: 1px solid var(--border-card-color);
    background-color: var(--content-bg);
    padding: 5px;
}

div#title_snap {
    position: sticky;
    top: 0px;
    float: left;
    padding-top: 0px;
    padding-right: 20px;
}

div#button_snap {
/*    text-align-last: center;*/
    display: flex;
    padding: 8px;
    border-radius: 15px;
    height: 53px;
    text-align: center;
    min-width: 165px;
    padding-top: 14px;
    color: var(--text-a-color);
    background-color: var(--content-bg);    
}



.slides li {
    height: auto;
}



.slider .slides li img {
    height: inherit;
    width: inherit;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.slider .slides {
    background-color: rgba(0, 0, 0, 0);
}

.modal .modal1 {
    max-height: 82%;
    height: 82%;
    width: 75%;
}

.modal .modal2 {
    max-height: 82%;
    height: 82%;
    width: 75%;
}

img#pkgType {
    position: fixed;
    right: 0px;
}

div#goBackInner {
    background-color: #3b434b;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 2px;
    padding-bottom: 5px;
    width: fit-content;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

img#goLeft {
    position: absolute;
    margin-top: 20px;
    margin-left: 10px;
    display: none;
}

ul.navbar-fixed.fixed.menu-bottom {
    bottom: 0px;
    position: fixed;
}

div#goBack {
    text-align: -webkit-center;
}

a.modal-trigger {
    color: var(--text-neon-color);
}

a.modal-trigger:hover {
    text-decoration: underline;
}

div#pkgDescription {
    display: flex;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: justify;
    white-space: pre-line;
}

div#pkgDescriptionBox {
    /* width: auto; */
    display: flex;
    justify-content: center;
}

code {
    font-family: "Lato";
    font-size: 17px;
	font-weight: 400;
}

pre {
    font-family: "Lato", sans-serif;
    line-height: 1.3em;
    color: black;
    text-align: left;
    font-size: 15px;
	display: inline-block;
	padding-left: 15px;
	white-space: pre-wrap;
}


.showapp {
    margin: 10px;
    padding-top: 0px;
    /*box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 65%);*/
    /*background-color: #ffffffe0;*/
    border-radius: 15px;
    transition: all .2s ease-in-out;
    /*background: linear-gradient(to bottom, #ffffff, #cacaca); */
    text-align: center;
    box-shadow: 0px 0px 1px 1px var(--border-box);
}
.showapp:hover {
    background-color: var(--hover-menu-bg);
}

div#modalLink {
    margin-bottom: 20px;
	text-align: center;
}

div#categoryPkg {
    text-align: center;
}

.showapp:hover #appstream_not_installed, .showapp:hover #aur_not_installed, .showapp:hover #flatpak_not_installed, .showapp:hover #snap_not_installed{
    height: 68px;
    color:white;
    visibility: visible;;
    margin-top: -68px;
    transition: all 0.5s ease;
}


.showapp:hover #appstream_installed, .showapp:hover #aur_installed, .showapp:hover #flatpak_installed, .showapp:hover #snap_installed {
    height: 68px;
    color:white;
    visibility: visible;;
    margin-top: -68px;
    transition: all 0.5s ease;
}

.showapp:hover #appstream_upgradable, .showapp:hover #aur_upgradable, .showapp:hover #flatpak_upgradable, .showapp:hover #snap_upgradable{
    height: 68px;
    color:white;
    visibility: visible;;
    margin-top: -68px;
}

.showapp:hover #appstream_desc, .showapp:hover #aur_desc, .showapp:hover #flatpak_desc, .showapp:hover #snap_desc{
    visibility: hidden;
    color: #ffffff00;
    background-color: #00000000;
    margin-bottom: 0px;
    border-radius: 15px;
}


.showapp_deb {
    margin: 20px;
    padding-top: 0px;
    height: 282px;
    width: 312px;
    /*box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);*/
    background-color: #ffffff;
    border-radius: 25px;
}

div#appstream_icon,div#flatpak_icon,div#snap_icon,div#aur_icon {
    display: -webkit-box;
    display: -webkit-box;
    height: 68px;
    padding-left: 16px;
    -webkit-box-pack: center;
    background-color: #ffffffc2;
    text-align-last: auto;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    font-size: var(--text-size-big);
    background-color: var(--content-bg);
    /* border-radius: 14px; */
    /* border: 1px solid var(--border-card-color); */
    fill: var(--text-a-color);
}



div#appstream_name, div#flatpak_name, div#snap_name, div#aur_name {
    overflow: hidden;
}

div#limit_title_name {
display: -webkit-inline-box;
    max-height: 3em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
    text-align: -webkit-left;
    color: var(--text-a-color);
}

div#optdepends_install {
    display: -webkit-inline-box;
    max-height: 2em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
    text-align: -webkit-left;
}

div#optdepends_remove {
    display: -webkit-inline-box;
    max-height: 2em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
    text-align: -webkit-left;
}

div#optdepends_install_button {
    display: -webkit-inline-box;
    color: var(--text-green-color);
    margin-right: 7px;
}

div#optdepends_install_button:hover {
    text-decoration: underline;
}

div#optdepends_remove_button {
    display: -webkit-inline-box;
    color: var(--text-red-color);
    margin-right: 7px;
}

div#optdepends_remove_button:hover {
    text-decoration: underline;
}

div#appstream_name, div#flatpak_name, div#snap_name {
    color: var(--text-a-color);
    /* text-shadow: 1px 1px 1px rgba(150, 150, 150, 1); */
    max-width: 270px;
    text-align: left;
    /* margin-top: 12px; */
    top: auto;
    margin: auto;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}

div#aur_name {
    color: var(--text-a-color);
    /* text-shadow: 1px 1px 1px rgba(150, 150, 150, 1); */
    max-width: 270px;
    /* margin-top: 12px; */
    top: auto;
    margin: auto;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}



div#deb_name {
    margin-top: 0px;
    margin-bottom: 0px;
    max-height: 35px;
    height: 35px;
}

#margin_deb {
    margin: 20px;

}

div#appstream_desc, div#flatpak_desc, div#snap_desc, div#aur_desc {
    color: var(--text-a-color);
    height: auto;
    display: -webkit-box;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
    margin: auto;
    max-height: fit-content;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
    text-overflow: ellipsis;
    overflow: hidden;
    max-lines: 2;
    block-overflow: ellipsis;
    min-height: 2em;
    border-radius: 15px;
}

div#box_appstream_desc, div#box_aur_desc, div#box_flatpak_desc, div#box_snap_desc {
    height: 68px;
    background-color: rgb(0 165 81 / 0.40);
    display: flex;
    transition-duration: 0.5s;
    padding-top: 2px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

div#AppstreamP1 div#box_appstream_desc, div#AurP1 div#box_aur_desc, div#FlatpakP1 div#box_flatpak_desc, div#SnapP1 div#box_snap_desc {
    background-color: rgb(165 0 0 / 0.25);
}

img.img_loading {
    width: 23px;
    vertical-align: middle;
}

.progress {
    position: relative;
    height: 19px !important;
    width: 40px !important;   
    margin: -24px 0px 0px 7px;
    display: block;
    width: 84%;
    background-color: #acece6;
    border-radius: 2px;
    overflow: hidden;
}

div#aur_icon_loading, div#appstream_icon_loading, div#flatpak_icon_loading, div#snap_icon_loading {
	display: contents;
}

div#content_index {
    margin-left: 8%;
    margin-right: 8%;
}

hr {
    display: block;
    margin-before: 0.5em;
    margin-after: 0.5em;
    margin-start: auto;
    margin-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 1px;
    margin-top: 0px;
}

.category_index_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, 400px);
    justify-content: space-around;
}

.icon_text_vertical_align {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    bottom: 50%;
    /*margin: 0;
    margin-top: 1px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);*/
}

.icon_background {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
    width: 380px;
    transition: 0.4s;
    
    font-size: var(--text-size-big);
    /*background-color: var(--content-bg);*/
    fill: var(--text-a-color);

    margin: 10px;
    border-radius: 15px;
    box-shadow: 0px 0px 1px 1px var(--border-box);
    border: 1px solid rgb(255 255 255 / 0%);
    
}

.icon_background:hover {
    background-color: var(--hover-menu-bg);
    transition: 0.4s;
}

.icon_background:active {
    background-color: var(--popup-bg);
    border: 1px solid var(--search-color);
}

.vertical_align_center {
    display: inline-flex;
}

.category_title_index {
    padding-top: 20px;
    padding-bottom: 10px;
    font-size: 20px;
    text-align-last: left;
    font-weight: bold;
    color: var(--text-a-color);
    text-align: center;
    /*margin-left: 20px;*/
}

.subcategory_title_index {
    background-attachment: fixed;
    margin-bottom: -21px;
    margin-top: 20px;
    border-radius: 15px 15px 0 0;
    border: 1px solid var(--border-card-color);
    background-color: var(--content-bg);
    padding: 15px;
    font-size: 18px;
    text-align-last: left;
    color: var(--border-box);
    font-weight: bold;
    text-align-last: center;
}

div#deb_desc {
color: #424242;
    height: 182px;
    display: grid;
    align-items: center;
}

div#appstream_installed, div#flatpak_installed, div#snap_installed, div#aur_installed {
    height: 0px;
    visibility: hidden;
    /*transition-duration: 0.3s;*/
    margin-top: 0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #ffffff00;
    display: grid;
    align-items: center;
    background-color: #bb4343;
    text-align: center;
    font-size: 17px;

    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;    
}

div#appstream_not_installed, div#flatpak_not_installed, div#snap_not_installed, div#aur_not_installed {
    height: 0px;
    visibility: hidden;
    /*transition-duration: 0.3s;*/
    margin-top: 0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #ffffff00;
    display: grid;
    align-items: center;
    background-color: #008e47;
    text-align: center;
    font-size: 17px;

    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;   
}

div#appstream_upgradable, div#flatpak_upgradable, div#snap_upgradable, div#aur_upgradable {
    height: 0px;
    visibility: hidden;
    transition-duration: 0.3s;
    margin-top: 0px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    color: #ffffff00;
    display: grid;
    align-items: center;
    background-color: #9ea90c;
    text-align: center;
    font-size: 17px;

    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;   
}


div#button_installed {
    -webkit-mask-composite: plus-lighter;
    background-color: #7b0000;
    background: linear-gradient(to bottom, #9c0f00, #7d2c2c);
    margin-bottom: 0;
    height: 36px;
    width: 150px;
    padding-top: 8px;
    border-radius: 19px;
    /* border-bottom-left-radius: 19px; */
    text-align: center;
    color: var(--text-a-color);
}

div#button_not_installed {

    -webkit-mask-composite: plus-lighter;
    background-color: #007b3d;
    background: linear-gradient(to bottom, #1f9022, #007544);
    margin-bottom: 0;
    height: 36px;
    padding-top: 8px;
    border-bottom-right-radius: 19px;
    border-bottom-left-radius: 19px;
    color: var(--text-a-color);
}

div#titleIcon {
    text-align: center;
}



div#description {
    text-align: center;
	margin-left: 36px;
    margin-right: 36px;
    margin-top: 6px;
    margin-bottom: 10px;

}

div#titleBar {
align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 16px;
}

div#title {
    align-items: center;
    display: flex;
    margin-left: 185px;
    margin-right: 185px;
}

div#titleName {
    margin-left: 9px;
    font-size: 22px;
}

.switch {
    display: contents;
    
}

#flex {
    margin-bottom: 0px;
}

div#appstream_package {
    background: url("/usr/share/bigbashview/bcc/apps/big-store/img/deb.png") no-repeat;
    width: 95px;
    height: 95px;
    margin-bottom: -85px;
}

div#aur_package {
    background: url("/usr/share/bigbashview/bcc/apps/big-store/img/deb.png") no-repeat;
    width: 95px;
    height: 95px;
    margin-bottom: -85px;
}

div#deb_package {
    width: 95px;
    height: 95px;
    margin-bottom: -85px;
}

div#flatpak_package {
    background: url("/usr/share/bigbashview/bcc/apps/big-store/img/flatpak.png") no-repeat;
    width: 95px;
    height: 95px;
    margin-bottom: -85px;
}

div#snap_package {
    background: url("/usr/share/bigbashview/bcc/apps/big-store/img/snap.png") no-repeat;
    width: 95px;
    height: 95px;
    margin-bottom: -85px;
}

}

.switch label {
    font-weight: 500;
    font-size: 13px;
    margin: 25px;
    color: #252525;
}

.autocomplete-content {
    margin-top: -20px;
    margin-left: -45px;
    display: grid;
    opacity: 1;
    position: fixed;
	z-index: 100;
}






div#count {
    margin-top: 1px;
    padding-top: 6px;
    padding-bottom: 8px;
    font-size: 1em;
    padding-right: 85px;
    /* margin-right: 53px; */
    display: flex;
    color: beige;
    justify-content: center;
    background-color: #fffffff2;
}


#content_appstream, #content_aur, #content_flatpak, #content_snap {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding-bottom: 38px;
}


#content_appstream > #AppstreamP1 { order: 1;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_appstream > #AppstreamP2 { order: 2;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_appstream > #AppstreamP3 { order: 3;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_aur > #AurP1 { order: 1;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_aur > #AurP2 { order: 2;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_aur > #AurP3 { order: 3;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_flatpak > #FlatpakP1 { order: 1;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_flatpak > #FlatpakP2 { order: 2;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_flatpak > #FlatpakP3 { order: 3;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_flatpak > #FlatpakP4 { order: 4;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_snap > #SnapP1 { order: 1;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_snap > #SnapP2 { order: 2;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

#content_snap > #SnapP3 { order: 3;
    margin: 8px;
    padding: 5px;
    width: 400px;
}

div#total {
    display: flex;
}



.navbar-fixed li > a:hover {
    background-color: #9a9a9a;
}

.navbar-fixed li > a {
    color: rgba(255, 255, 255, 0.87);
    font-size: 16px;
    font-weight: 700;
    width: 100%;
    display: flex;
    padding-left: 31px;
    padding-top: 7px;
    height: 37px;
}



.icon {
    text-align: center;
    margin-right: 8px;
    margin: auto;    
/*    margin-top: 18px;
    text-align: center;
    margin-right: 8px;*/
}

.icon_top {
    margin-right: 10px;
    margin-left: 10px;
    width: 114px;
    text-align: center;
    text-align: -webkit-center;
}

.icon_text {
    color: var(--theme-color);
    height: 4em;
    justify-content: center;
    position: relative;
}



img.header_icon_size {
    width: 36;
    height: 36;
}


.row {
    margin-left: unset;
    margin-right: unset;
    /*padding-bottom: 10px;*/
    margin-top: 20px;
}


.row .col.l3 {
    width: 324px;
    margin-left: auto;
    left: auto;
    right: auto;
}

.clickpointer {
    cursor: pointer;
}




input[type="image"] {
    margin-bottom: -6px;
    margin-left: 6px;
}


table.tablesorter tbody tr.normal-row td {
  background: #6d6d6d;
  color: #fff;
}
table.tablesorter tbody tr.alt-row td {
  background: #555;
  color: #fff;
}


.grid-container {
  display: grid;
  /*line-height: 2em;*/
  margin-top: 10px;
  grid-template-columns: 1fr 1fr;
  gap: 1px 1px;
  grid-template-areas:
    "gridLeft gridRight . ."
}

.gridLeft {
	grid-area: gridLeft;
	text-align: right;
    color: var(--text-neon-color);
}


.gridRight {
	grid-area: gridRight;
	text-align: left;
	margin-left: 7px;
	display: flex;
}

.gridRightInfo {
    grid-area: gridRight;
    text-align: left;
    margin-left: 7px;
    display: flex;
    color: #fffa48;
}

div#dependsSeeMore {
    margin-left: 6px;
}

.icon_view {
 width: 48px;
 height: 48px;
 min-width: 48px;
 min-height: 48px;
}

.category_font_icon {
    font-size: 30px;
    color: var(--text-a-color);
    display: inline-flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;    
/*    font-size: 22px;
    /*color: var(--text-a-color);*/
/*    color: pink;
    padding: 1px;
    display: inline-flex;
    border-radius: 12px;*/
}
i.fas.fa-dice-d20 {
    color: #599cc5;    
}
i.fas.fa-save {
    color: #599cc5;    
}
i.fas.fa-chart-pie {
    color: #599cc5;    
}
i.fas.fa-chess-board {
    color: var(--text-a-color);    
}
i.fas.fa-square {
    color: #feffaf;
}
i.fas.fa-crown {
    color: #e8c515;
}
i.fas.fa-gamepad {
    color: #00c518;
}
i.fas.fa-broadcast-tower {
    color: #fda300;
}
i.fas.fa-cube {
    color: #2f9de1;
}
i.fas.fa-expand {
    color: #b70000;
}
i.fas.fa-book {
    color: #00c5a1;
}
i.fas.fa-compact-disc {
    color: #8c5cff;
}
i.fas.fa-music {
    color: #f44fff;
}
i.fas.fa-globe {
    color: var( --text-neon-color);
}

i.fas.fa-envelope {
    color: var(--text-a-color);
}

i.fas.fa-file-download {
    color: #6fca2b;
}

i.fas.fa-magnet {
    color: #ff5959;
}

i.fas.fa-comments {
    color: #0089ff;
}

i.fas.fa-laptop-house {
    color: #7f4aff;
}

i.fas.fa-network-wired {
    color: #dd8f30;
}

i.fas.fa-briefcase {
    color: #c17221;
}

i.fas.fa-file-pdf {
    color: #b53131;
}

i.fas.fa-calendar-alt {
    color: #24afe4;
}

i.fas.fa-calculator {
    color: #faff00;
}

i.fas.fa-random {
    color: #b1ffa3;
}

i.fas.fa-cloud-upload-alt {
    color: #70b0d7;
}

i.fas.fa-file-code {
    color: #9835f3;
}

i.fas.fa-database {
    color: #00c4ff;
}

i.fas.fa-server {
    color: #00bfae;
}

i.fas.fa-headphones {
    color: #00c921;
}

i.fas.fa-film {
    color: var(--text-a-color);
}

i.fas.fa-video {
    color: #00ab54;
}

i.fas.fa-image {
    color: #0079b3;
}

i.fas.fa-tv {
    color: #0071e6;
}

i.fas.fa-rocket {
    color: #0071e6;
}    
    
i.fas.fa-paint-brush {
    color: #8d4cef;
}

i.fas.fa-microphone {
    color: #db3535;
}

i.fas.fa-photo-video {
    color: #00af97;
}

i.fas.fa-file-image {
    color: #26a69a;
}

i.fas.fa-toolbox {
    color: #e86100;
}

i.fas.fa-cog {
    color: #5d5d5d;
}

i.fas.fa-cogs {
    color: #318faf;
}

i.fas.fa-code {
    color: #00b8ff;
}

i.fas.fa-graduation-cap {
    color: var(--text-a-color);
}

i.fas.fa-user-secret {
    color: #9b6400;
}

i.fas.fa-puzzle-piece {
    color: #54e027;
}

i.fas.fa-dice {
    color: var(--text-a-color);
}

i.fab.fa-java {
    color: #ff1010;
}

i.fas.fa-box {
    color: #dcb141;
}

i.fas.fa-font {
    color: var(--text-a-color);
}

i.fas.fa-laptop-code {
    color: #d79b00;
} 

i.fas.fa-newspaper {
    color: var(--text-a-color);
}  

#content_aur_bg {
    display: grid;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

div#box_aur_install {
    background-attachment: fixed;
    margin-top: 20px;
}

div#box_appstream_install {
    background-attachment: fixed;
    margin-top: 20px;
}

div#box_flatpak_install {
    background-attachment: fixed;
    margin-top: 20px;
}

div#box_snap_install {
    background-attachment: fixed;
    margin-top: 20px;
}

#content_aur_install, #content_flatpak_install, #content_snap_install, #content_appstream_install {
    display: inline-block;
    flex-flow: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    /*margin-top: -30px;*/
}


div#title_aur_install {
    position: sticky;
    top: 0px;
    float: left;
    padding-top: 0px;
    padding-right: 20px;
    margin-bottom: -50px;
    margin-left: 5px;
    z-index: 5;
}

div#title_appstream_install {
    position: sticky;
    top: 0px;
    float: left;
    padding-top: 0px;
    padding-right: 20px;
    margin-bottom: -50px;
    margin-left: 5px;
    z-index: 5;
}

div#title_flatpak_install {
    position: sticky;
    top: 0px;
    float: left;
    padding-top: 0px;
    padding-right: 20px;
    margin-bottom: -50px;
    margin-left: 5px;
    z-index: 5;
}

div#title_snap_install {
    position: sticky;
    top: 0px;
    float: left;
    padding-top: 0px;
    padding-right: 20px;
    margin-bottom: -50px;
    margin-left: 5px;
    z-index: 5;
}

input.validate.bigsearch.autocomplete:focus::placeholder {
    color: var(--search-color);
}

.dropdown-content{
    border-radius: 10px;
    min-width: 536px;
}


/*Breadcrumb Pagination */
ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: var(--theme-bg-color);
    color: var(--text-a-color);
    border-radius: 15px;
}
ul.breadcrumb li {
  display: inline;
  font-size: 18px;
  color: var(--text-a-color);
}
ul.breadcrumb li+li:before {
  padding: 8px;
  color: var(--text-a-color);
  content: "/\00a0";
}
ul.breadcrumb li a {
  color: var(--scrollbar-bg);
  text-decoration: none;
}
ul.breadcrumb li a:hover {
  color: var(--scrollbar-bg);
  text-decoration: underline;
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
    float: right !important;
    margin: 6px 0 !important;
}

.modal.modal-fixed-footer {
    height: 560px;
    top: 50% !important;
    width: 80% !important;
    transform: translate(-50%, -50%) !important;
}
.modal.modal-fixed-footer .modal-content {
/*    padding: 0px 20px 0 20px;
    position: fixed;
    height: 85% !important;
    width: 100%;
    overflow-y: auto;
    top: 251px !important;
    box-shadow: none;
    margin-top: 20px;
    margin-bottom: 20px;*/

    padding: 0px 20px 20px 20px;
    position: fixed;
    /* height: 100% !important; */
    width: 100%;
    overflow-y: auto;
    /* top: 251px !important; */
    box-shadow: none;
    margin-top: -5px;
    /* margin-bottom: 20px; */
    background: top;
    /* border: 1px solid red; */
    /* display: block; */
    background: none;
}

.modal .modal-footer a {
    background-color: #3a6df0 !important;
    color: #fff !important;   
}   

.modal .modal-footer a:hover {
    background-color: #1e59f1 !important;
    color: #fff !important;   
}    
/*
.modal .modal-footer a:active {
    background-color: red !important;
    color: #fff !important;
    transition: none !important;
    animation: none !important;
}    */


div:target {
    animation: fadein 1.5s;
    animation-delay: 0.5s;
}
@keyframes fadein {
    0% {
        /*opacity:0;*/
        background: var(--tit-tooltip);
    }
/*    50% {
        background: var(--content-bg);
    }*/
    100% {
        /*opacity:1;*/
        background: var(--content-bg);
    }
}
