/* ------------------------------------ OVERRIDES ------------------------------------ */

html, body {
    min-height: 100%;
}

/* ------------------------------------ OVERRIDES ------------------------------------ */

.bg-login-image {
    background-image: url("/static/imgs/login_card.jpg");
}

.btn-primary {
    background-color: #3B3A3E;
    border-color: #3B3A3E;
}

.dropdown-header {
    background-color: #3B3A3E !important;
}

.nav-item.active .nav-link, .nav-item.active i {
    color: #F79031 !important;
}

.nav-item.active .nav-link:hover {
    color: #FFFFFF !important;
}

.border-left-primary {
  border-left: 0.25rem solid #E3E6F0 !important;
}

.page-item.active .page-link {
    color: #FFFFFF !important;
    background-color: #F79031 !important;
    border-color: #F79031 !important;
}

.page-link {
    color: #F79031 !important;
}

.custom-file-label::after {
    content: "Escoger";
}

.errorlist {
    margin-bottom: 0 !important;
}

/* ------------------------------------ CUSTOM STYLES ------------------------------------ */

.bg-gradient-primary {
    background: #3B3A3E;
}

.orange-text, .orange-text a {
    color: #F79031;
    text-align: center;
    font-family: Nunito;
    font-size: 12.8px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
}

.big-orange-link {
    color: #F79031;
    text-align: center;
    font-family: Nunito;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

a.orange-text:hover, span.orange-text a:hover, *.copyright a:hover, .big-orange-link:hover {
    color: #FFB433;
}

.dark-card-bckg {
    border-radius: 5.6px;
    border-top: 1px solid #3B3A3E;
    border-right: 1px solid #3B3A3E;
    border-bottom: 1px solid #3B3A3E;
    border-left: 4px solid #3B3A3E;
    background: #3B3A3E;
    box-shadow: 0px 2.4px 28px 0px rgba(58, 59, 69, 0.15);
}

.bckg-color {
    background: #3B3A3E;
}

.content-bckg-color {
    background-image: linear-gradient(180deg, rgba(131,128,133,1) 0%, rgba(131,128,133,1) 210px, rgba(227,230,240,1) 210px, rgba(227,230,240,1) 100%);
    background-size: cover;
    background-position: center;
}

.mn-h-100 {
    min-height: 100%;
}

.content-padding {
    padding: 1.5em;
}

.f-01-auto {
    flex: 0 1 auto;
}

.f-11-auto {
    flex: 1 1 auto;
}

.no-padding {
    padding: 0;
}

.text-orange {
    color: #F79031;
}

.data-card-padding {
    padding: 29px 21px 29px 24px;
}

.bg-orange {
  background-color: #F79031 !important;
}

.lg-label {
    color: #A7AEB8;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.btn-orange {
    border-radius: 5.6px;
    border: 1px solid #F79031;
    background: #F79031;
    color: #ffffff !important;
}

.img-32 {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.img-38 {
    width: 38px;
    height: 38px;
    object-fit: cover;
}

.img-80 {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.img-160 {
    width: 160px;
    height: 160px;
    object-fit: cover;
}

.cover {
    object-fit: cover;
}

.sqircle {
    border-radius: 6px;
}

.form-label {
    color: #69707A;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
}

.nested-img-container {
    position: relative;
    display: inline;
}

.nested-img {
    position: absolute;
    top: -6px;
    left: 61px;
}

.disabled-a {
    pointer-events: none;
    color: #777777 !important;
    background-color: #565656 !important;
}

.login-error {
    color: #af4e3b;
}

.fixed-width-card {
    max-width: 800px !important;
}

.small-card {
    width: 346px !important;
}

.fixed-height-img {
    height: 304px;
}

.woman-img {
    background: url("/static/imgs/woman.jpeg") lightgray 50% / cover no-repeat;
}

.teeth1-img {
    background: url("/static/imgs/teeth1.jpeg") lightgray 50% / cover no-repeat;
}

.teeth2-img {
    background: url("/static/imgs/teeth2.jpeg") lightgray 50% / cover no-repeat;
}

.unfinished-li {
    list-style-image: url('/static/imgs/prog_fail.svg');
    border-bottom: solid #0000001a 1px;
}

.profile {
    background: url("/static/imgs/Foto Extraoral de Perfil.jpeg") lightgray 50% / cover no-repeat;
}

.front-smile {
    background: url("/static/imgs/Foto Extraoral de frente Sonriendo.jpeg") lightgray 50% / cover no-repeat;
}

.front {
    background: url("/static/imgs/Foto Extraoral de frente.jpeg") lightgray 50% / cover no-repeat;
}

.o-upper {
    background: url("/static/imgs/Foto Intraoral Oclusal Superior.png") lightgray 50% / cover no-repeat;
}

.o-lower {
    background: url("/static/imgs/Foto Intraoral Oclusal Inferior.png") lightgray 50% / cover no-repeat;
}

.t-front {
    background: url("/static/imgs/Foto Intraoral Frontal.png") lightgray 50% / cover no-repeat;
}

.t-right {
    background: url("/static/imgs/Foto Intraoral Lateral Derecha.jpg") lightgray 50% / cover no-repeat;
}

.t-left {
    background: url("/static/imgs/Foto Intraoral Lateral Izquierda.png") lightgray 50% / cover no-repeat;
}

.radio-1 {
    background: url("/static/imgs/RX panorámica 1.jpg") lightgray 50% / cover no-repeat;
}

.radio-2 {
    background: url("/static/imgs/RX Cefálica Lateral 1.jpeg") lightgray 50% / cover no-repeat;
}

.finished-li {
    list-style-image: url('/static/imgs/prog_check.svg');
    border-bottom: solid #0000001a 1px;
}

.prog-btn {
    float: right;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.slim-btn {
    float: right;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.full-size-btn {
    padding: 0.375rem 0.75rem !important;
}

.fixed-height-500px {
    height: 500px !important;
}

.errorlist {
    color: red !important;
}

.comment-list-scroll {
    height: 150px;
    overflow-y: scroll;
}

.drag-over {
    background-color: aliceblue !important;
}