body {
    background:#F0F0F0; 
    font-family: 'Source Sans Pro';
    font-size: 1rem;
}
::selection {
    background: #4F90FF;
    color: white;
}

/* Meta Pro */

/* Meta Pro */

@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu-Light.woff2') format('woff2'),
        url('fonts/Ubuntu-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Ubuntu';
    src: url('fonts/Ubuntu Regular.woff2') format('woff2'),
        url('fonts/Ubuntu Regular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}



/* Meta Pro END */



/* ------------ backgrounds ------------ */

.bkg-white {
    background: white;
}
.border-radius {
    border-radius: 5px;
}

/* ------------ backgrounds END ------------ */


/* ------------ border ------------ */

.border-red {
    border: 1px solid #4F90FF;
}
.border-grey-rbl {
    border-color: #dee2e6;
    border-width: 0 1px 1px 1px;
    border-style: solid;
}
.border-radius-rbl-025 {
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
/* ------------ border END ------------ */


/* ------------ buttons ------------ */

.btn-primary {
    background-color: #4F90FF;
    border-color: #4F90FF;
    font-weight: bold;
}
.btn-primary:hover,
.btn-outline-primary:hover,
.btn-primary:focus {
    background-color: #fe4d6f!important;
    border-color: #fe4d6f!important;
    color: white !important;
}

.btn-outline-primary {
    color: #4F90FF;
    border-color: #4F90FF;
}

/* ------------ buttons END ------------ */


/* ------------ text ------------ */

/* titles */
h1, h2, h3 {
    color: #4F90FF;
    font-family: 'Ubuntu';
    font-weight: bold;
}
.text-left {
    text-align: left;
}
.text-uppercase {
    text-transform: uppercase;
}

/* links */
a {
    color: #4F90FF;
    text-decoration: none;
}

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

/* color white */
.text-white,
.text-white .btn {
    color: white;
}

/* color grey */
body,
.table,
.table-striped>tbody>tr:nth-of-type(odd),
.dropdown-item,
.nav-link,
.accordion-button,
.text-base {
    color: #818080;
}

/* ------------ text END ------------ */

/* ------------ margin/padding ------------ */

.mt-n1 {
  margin-top: -0.25rem !important;
}
/* ------------ margin/padding END ------------ */

/* ------------------------------------------- login form ------------------------------------------ */

.login-page,
#sidebarMenu  {
    background-image: url(../img/torres-bkg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.login-form {
    padding: 30px;
}
.form-signin {
  max-width: 400px;
}

/* ------------------------------------------- login form END ------------------------------------------ */


/* ---------------------------------------------- navbar ----------------------------------------------- */

@media (max-width: 768px) {
    .navbar {
        background: #303030;
        padding: 9px !important;
    }
    .button-nuevo {
        position: fixed;
        bottom: 20px;
        right: 20px;
        padding: 0s;
        width: 60px;
        height: 60px;
        border-radius: 400px;
        overflow: hidden;
        z-index: 9;
    }
    .button-nuevo:after {
        content: "";
        position: absolute;
        bottom: calc(50% - 2px);
        right: 25%;
        height: 4px;
        z-index: 999999;
        width: 50%;
        background: white;
    }
    .button-nuevo:before {
        content: "";
        position: absolute;
        right: calc(50% - 2px);
        bottom: 25%;
        width: 4px;
        z-index: 999999;
        height: 50%;
        background: white;
    }
}
.logo-custom {
    height: 48px;
}
@media (min-width: 769px) {
    .navbar {
        background: white;
        padding: 10px 0;
    }
}
.title-section {
    padding-top: 50px;
}
.navbar-dark .navbar-toggler-icon {
    background-image: url(../img/hamburger.svg);
    background-color: #303030;
    background-position: center;
}
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,.55);
    margin-top: 11px;
}

@media (max-width: 768px) {
    .sidebar {
        top: 66px !important;
    }
}

#sidebarMenu .active {
    background: #4F90FF;
    padding: .375rem .75rem .375rem 31px;
    font-weight: 400;
    line-height: 1.5;
    font-size: 1rem;
}


.sign-out-link,
.user-name {
    padding: .5rem 1rem;
}
.company-name {
    padding: .5rem 1rem .5rem 0;
}
.navbar-nav {
    float: right;
}
.user-name {
    float: right;
}
.sign-out-link {
    float: right;
}
.company-name {
    float: left;
}
.custom-bi-person {
    background: rgb(228,106,130);
    background: linear-gradient(0deg, rgba(228,106,130,1) 27%, rgba(229,33,71,1) 100%);
    padding: 2px 5px;
    border-radius: 3px;
    color: white;
    font-size: 23px;
    margin-left: 7px;
}
/* ------------------------------------------- navbar END ------------------------------------------ */



/* ------------------------------------------- menu ------------------------------------------ */

#sidebarMenu {
    z-index: 9999;
}

/* ------------------------------------------- menu END ------------------------------------------ */


.blank-space-icons {
    padding-left: 31px;
}


/* ------------------------------------------- tables ------------------------------------------ */

/* status  */
.status {
    font-size: 51px;
    color: red;
    line-height: 12px;
    text-align: center;
}

.status-grey {
    color: #CFCFCF;
}

.status-green {
    color: #3DBD19;
}

/* padding */
.table-sm>:not(caption)>*>* {
    padding: 1rem .5rem;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: white;
}

/* pagination */
.page-item.active .page-link {
    background-color: #4F90FF !important;
    border-color: #4F90FF;
    color: white !important;
}
.page-item .page-link {
    background: none;
    color: #818080;
}
.page-item .page-link:hover {
    background: white;
}


.table>:not(:last-child)>:last-child>* {
    border-bottom-color: #d8d8d8;
}

/* ------------------------------------------- tables END ------------------------------------------ */


/* ------------------------------------------- documents ------------------------------------------ */

.upload-area {
    height: 133px;
}
.upload-area-content {
    padding-top: 35px;
}

.col-small-box {
    flex: 0 0 auto;
    max-width: 600px;
}

/* ------------------------------------------- documents END ------------------------------------------ */


/* ------------------------------------------- new board ------------------------------------------ */

.col-small-box-pad {
    padding: 1.5rem!important;
}
@media (min-width: 768px) {
    .col-small-box-pad {
        padding: 3rem!important;
    }
}
.dropdown-custom.dropdown-toggle::after {
    position: absolute;
    right: 10px;
    top: 15px;
}
.btn-outline-secondary.dropdown-custom {
    border: 1px solid #ced4da;
}


/* ------------------------------------------- new board END ------------------------------------------ */


/* ------------------------------------------- documentos  ------------------------------------------ */

/* tabs */
.nav-link {
    padding: 1rem;
}
@media (max-width: 768px) {
    .nav-tabs .nav-link {
        width: 100%;
        background: white;
        border:#dee2e6 1px solid;
        border-bottom: 0;
        margin-bottom: 0;
    }
}

/* accordion */
.accordion-button:not(.collapsed) {
    background: #F0F0F0;
    color: #212529;
}
.accordion-button:not(.collapsed)::after,
.accordion-button::after {
    background-image: url(../img/arrow.svg);
}

/* docs thumbs */
.latest-docs-thumb {
    font-size: 60px;
    border-bottom: 1px solid #dee2e6;
}
.latest-docs-thumb a {

}
.slide-top {
    -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}/* ----------------------------------------------
 * Generated by Animista on 2021-8-10 22:44:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}


/* ------------------------------------------- documentos END ------------------------------------------ */