.form-control:disabled { background-color: #FFF; cursor: not-allowed; }

.edit-app-tabs .nav-link {
    color: #212529 !important;
    font-size: 15px;
    background-color: #FFF;
    border: 1px solid rgb(221, 221, 221);
}

.edit-app-tabs .nav-link.active, .edit-app-tabs .nav-link:hover {
    color: #212529 !important;
    background-color: #FFF;
    border: 1px solid #000;
}

a.button {
    display: block;
}

.item-folder {
    display: inline-block; 
    
    vertical-align: top; 
    
    margin: 15px; 
    
    margin-left: 5px; 
    
    padding: 5px; 
    
    padding-right: 15px; 
    padding-left: 15px;

    border-radius: 5px;
}

.white {
    background-color: WHITE;
}

.grey {
    background-color: GREY;
}

.blue {
    background-color: BLUE;
}

.red {
    background-color: RED;
}

.yellow {
    background-color: YELLOW;
}

.green {
    background-color: #90EE90;
}

.pink {
    background-color: PINK;
}

.purple {
    background-color: PURPLE;
}

.cyan {
    background-color: CYAN;
}

.orange {
    background-color: ORANGE;
}

.v-cloak {
    display: none;
}

.form-group {
    border: 1px solid #DDD;
    border-radius: 5px;
    margin-bottom: 30px;
}

.form-error-label {
    display: none;
}

.form-group.error {
    border-color: red;

    .form-error-label {
        display: block;
    }
}

.form-error-label {
    color: red;
    font-size: 14px;

    margin-top: -20px;
    margin-left: 15px;
    margin-bottom: 100px;
}

.form-error-label i {
    margin-right: 4px;
}

.form-group:hover {
    border-color: #000;
}

.form-group > label {
    position: absolute;
    margin-top: -11px;
    margin-left: 10px;
    background-color: white;
    font-size: 13px;
    padding-right: 5px;
    padding-left: 5px;
}

.form-group > input, .form-group textarea {
    border: none;
    padding: 15px;
    font-size: 15px;
}

.breadcrumb {
    height: 50px; 
    width: 100%; 

    background-color: #EEE;

    line-height: 50px;

    font-size: 14px;

    margin-bottom: 0px;
}

.breadcrumb i {
    margin-right: 10px;
    margin-left: 10px;
}

p {
    color: #000;
}

table {
    color: #000;
    font-size: 14px;
    width: 100%;
}

table a {
    color: #000;
}

tr:first-of-type td:first-of-type {
    border-top-left-radius: 5px;
}

tr:first-of-type td:last-of-type {
    border-top-right-radius: 5px;
}

tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 5px;
}

tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 5px;
}

tr {
    background-color: #FBFBFB;
}

tbody > tr:nth-child(2n + 1) > td, tbody > tr:nth-child(2n + 1) > th {
    background-color: #F5F5F5;
}

td {
    vertical-align: top;
    padding: 20px;
}

td:first-of-type {
    width: 20px;
}

td:first-of-type i {
    width: 20px;
    text-align: center;
}

td:nth-of-type(2) {
    width: 260px;
}

thead {
    display: none;
}

.item-icon {
    height: 60px; 
    width: 60px;

    height: 64px; 
    width: 64px;

    background-color: LIGHTBLUE; 

    border-radius: 5px; 

    margin-bottom: 30px;
}

.item h6 {
    color: #000;
}

.item p {
    margin-bottom: 0px;
    color: #000;
}

.container {
    max-width: 1140px;
}

section {
    border-top-right-radius: 10px;
    border-top-left-radius:  10px;

    width: 100%;

    padding: 2.4rem 1.6rem;
    padding-bottom: calc(2.4rem + 10px);

    margin-bottom: -10px;

    background-color: #FFF;
}

section:last-of-type {
    padding-bottom: 2.4rem;
}

section h2 {
    color: #000;
    font-size: 1.8rem !important;
}

a {
    color: #000;
    text-decoration: none;
}

.nav-link, .nav-link:hover, .nav-link:focus {
    color: #FFF !important;
}

body {
    font-family: 'Poppins', sans-serif !important;

    background-image: radial-gradient(
        circle farthest-corner at 14.2% 24%,  
        rgba(239,61,78,1) 0%, 
        rgba(239,61,78,0.81) 51.8%, 
        rgba(239,61,78,0.63) 84.6%
    );

    background-image: radial-gradient(
        circle farthest-corner at 10% 20%,  
        rgba(0,160,187,1) 0%, 
        rgba(0,188,219,0.90) 90%
    );

    background: none;
    background-color: #FFF;

    overflow-y: scroll;
}

.box {
    position: relative;

    /* height: 450px; */
    width: 100%; 

    background-color: #FFF; 

    border-radius: 5px;

    padding: 20px;

    overflow: hidden;

    border: 2px solid #FFF;
}

.box:hover {
    cursor: pointer;
    border: 2px solid #000;
}

.box i {
    font-size: 30px;
    margin-bottom: 10px;
}

.button {
    height: 40px; 
    width: 220px; 
    background-color: #000; 
    color: #FFF; 
    padding: 8px; 
    padding-left: 15px;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
}

.button.grey {
    background-color: #EEE;
    color: #000;
    margin-right: 10px;
}

.x .box .button {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0px;
    border-top-left-radius: 5px;
}

.edit-app .nav-item {
    margin-right: 10px;
}

.edit-app .nav-link {
    color: #0d6efd;
}

.edit-app button {
    float: right; 
    margin-right: 0px;
}

.edit-app section {
    background-color: #FFF; 
    border-radius: 0px;
}

#choose-icon {
    display: none;
}

#preview-icon {
    height: 64px;
    width:  64px;
    
    border:        1px solid #CCC;
    border-radius: 5px;
    
    margin-bottom: 10px;

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#message {
    font-family: "Courier New", Courier, monospace;
}

i {
    margin-right: 4px;
}

.clickable-tr:hover {
    cursor: pointer;
    background-color: #EEE;
}