header {
    display: inline-block;
    height: 80px;
    background-color: #EE1D23;
}

@media screen and (min-width: 576px) {
    header {
        height: 100px;
    }
}

header .row {
    height: 100%;
    align-items: center;
}

.btn-outline-primary {
    border-color: transparent;;
}

.btn-outline-primary:hover {
    background-color: rgb(255, 51, 0);
    border-color: red;
}

.btn-user {
    background-color: transparent;
    border-color: transparent;
    font-size: 25px;
}

.form-control {
    background-color: #ffffff;
}

.btn-home {
    background-color: transparent;
    text-decoration: none;
    border: none;
    color: white;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 5px;
}

.btn-home:hover {
    background-color: red;
    border-radius: 10px 10px;
    color: #fff;
    text-decoration: underline;
}

.btn-user {
    width: fit-content;
    color: white;
}

.logo1 {
    max-width: 85%;
    height: 65px;
}

main, .myapps-header {
    background-color: #EBEDEE;
}

#navbar {
    padding-bottom: 0 !important;
    margin-top: 2em;
}

.myapps-header {
    padding: 20px 0 20px 40px;
}

.myapps-header i {
    float: left;
    color: #000;
    margin-right: 10px;
}

/* ####  SLIDER  #####*/
.slider-wrapper {
    display: inline-flex;
    width: 100%;
}

.slider-content {
    width: 90%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none;
}

.slider-items {
    display: inline-flex;
}

.slider-content::-webkit-scrollbar {
    display: none;
}

.slider-item {
    display: flex;
    padding: 20px;
}

.arrow-wrap {
    width: 5%;
    display: flex;
    height: 100%;
    padding: 20px;
}

span.arrow {
    width: 200px;
    height: 282px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #B6BCBE;
}

span.arrow:hover {
    cursor: pointer;
}

span.empty-item-img {
    width: 200px;
    height: 282px;
    background-color: #fff;
    border: 2px dashed #B6BCBE;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 60px;
    color: #B6BCBE;
}

/* #### END SLIDER #### */

.cat-name {
    padding: 0 24px;
}

.cat-name i {
    float: left;
    margin-right: 10px;
    padding-top: 4px;
}

.no-btn {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

#mobile-menu {
    position: fixed;
    width: 100%;
    top: 80px;
    left: -100%;
    z-index: 999999;
    height: calc(100% - 80px);
    background-color: #EE1D23;
    transition: 500ms all;
}

/* #### APP BEGIN #### */
ul.widget-btns::-webkit-scrollbar {
    display: none;
}

ul.widget-btns {
    -ms-overflow-style: none;
    padding: 10px 0;
    height: calc(100% - 270px);
    overflow-y: scroll;
    /*background-color: #ccc;*/
}

.widget-btn {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1.2rem;
}

.widget-btn a {
    display: flex;
    align-items: center;
    color: #2e323c;
}

.widget-btns li {
    cursor: pointer;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

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

.widget-btns li a {
    text-decoration: none;
    color: #000;
}
.widget-btns li.active {
    background-color: #fff;
}

.widget-btns li.active a {
    color: #ff0000;
}

.widget-btns li:hover {
    background-color: #fff;
}

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

.widget-content-wrapper {
    height: 100%;
}

.widget-body {
    height: 100%;
}
/* #### APP END #### */