/* your styles go here */
body {
	background-color: #F5F6F8;
}
.page {
  background: #F5F6F8;
}
.login-page::before {
  content: '';
  width: 100%;
  height: 100%;
  display: block;
  z-index: -1;
}
.card-login small {
	color: #aaa;
}

nav.side-navbar .sidebar-header {
  padding: 10px 15px;
}

nav.side-navbar a[aria-expanded="true"] {
  background: #F5F6F8;
}

nav.side-navbar ul li li a {
  padding-left: 50px;
  background: #F5F6F8;
}

.unconfirmed-border {
    border-left: 2px solid #fe9402;
    padding-left: 10px;
}

.title {
    margin: 0;
    font-weight: 400;
    word-break: break-word;
}

.avatar {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 50%;
    display: inline-block;
    background: #ced4da no-repeat center/cover;
    position: relative;
    text-align: center;
    color: #868e96;
    font-weight: 600;
    vertical-align: bottom;
}

.avatar-sm {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 50%;
    display: inline-block;
    background: #ced4da no-repeat center/cover;
    position: relative;
    text-align: center;
    color: #868e96;
    font-weight: 600;
    vertical-align: bottom;
}

.avatar.avatar-md {
    width: 4rem;
    height: 4rem;
}

.avatar.avatar-xl {
    width: 5rem;
    height: 5rem;
}

.card-profile .card-header {
    height: 9rem;
    background-size: cover;
    background-position: center center;
}

.card-profile-img {
    max-width: 8rem;
    margin-top: -6rem;
    margin-bottom: 1rem;
    border: 3px solid #fff;
    border-radius: 100%;
}

/***************************
LISTADO DE ELEMENTOS
***************************/
.card--item {
    border: 1px solid #dee2e6;
}
.card--item:hover {
    border-color: #fe9402 !important;
    /*cursor: pointer;*/
}
.card--item:hover h5 {
    color: #fe9402;
}

.card--item--selected {
    border: 1px solid #fe9402;
    /*box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);*/
}

.card--item--selected:hover {
    cursor: pointer;
}

.card--item--selected h5 {
    color: #fe9402;
}

.card--item .color {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.card--item .color .bg {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 10px;
}

/***********************
BTN BTN-LINK
************************/
.btn-link {
    color: #fe9402 !important;
}

.bg-table {
  background: #fafafa;
}

/* turn it off completely */
select:active, select:hover {
  outline: none
}

/* make it red instead (with with same width and style) */
select:active, select:hover {
  outline-color: red
}

.checkmark {
    height: 30px;
    width: 30px;
}