@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
:root{
    --color-1:#C4C4C4;
    --color-2:#FF8B00;
    --color-3:#F9F8F7;
    --color-4:#0075FF;
    --color-5:#FF2E00;
    --color-6:#00BA3F;
    --color-7:#000000;
    --color-8:#F39D1F;
    --color-9:#8302E9;
    --color-10:#4ECDC4;
    --color-11:#F9C50E;
    --color-12:#CB00B7;
    --color-13:#FF6B00;
    --color-14:#333333;
    --color-15:#AEADAD;
    --color-16:#E2DFDF;
    --color-17:#f2f2f2;
    --color-18:#f9f8f6;
    --size-default:12pt;
    --size-title:24pt;
    --size-par:20pt;
    --border-radius:2pt;
    --montserrat-regular:400;
    --montserrat-medium:500;
    --montserrat-semi-bold:600;
    --montserrat-bold:700;
    --margin-footer-top:40pt;
    --size-item-menu:24pt;
}

*{
    padding: 0px;
    margin: 0px;
}

/* ::-webkit-scrollbar {
    display: none;
} */

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body{
    background-color: white;
    color: var(--color-7);
    font-weight: var(--montserrat-regular);
    font-size: var(--size-default);
    font-family: 'Montserrat', sans-serif;
}

hr{
    border-color: var(--color-1);
}

a:hover, a:focus {
    text-decoration: none;
}

.par-login{
    margin-bottom: 4em;
}

.title-login{
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.container-page-mt{
    margin-top: 5em;
}

.container-page {
    padding-left: 0px;
    padding-right: 0px;
}

.content-footer{
    margin-top: var(--margin-footer-top);
}

.mt-1{
    margin-top: .65em;
}

.background-home{
    background-image: url(../images/banner_intranet.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    width: auto;
    height: 70vh;
    
}

.content-background-home{
    position: absolute;
    color: var(--color-4);
    bottom: 20%;
    right: 5%;
    left: 5%;
    top: 30%;
}

.title-home{
    color: var(--color-3);
    font-size: 35pt;
    font-weight: var(--montserrat-bold);
    text-shadow: 0px 0px 6px #222;
}

.par-home{
    color: var(--color-3);
    font-size: 15pt;
    font-weight: var(--montserrat-bold);
    text-shadow: 0px 0px 6px #222;
}

.title-home small{
    color: var(--color-3);
}

.my-navbar{
    border-radius: 0px;
    margin-bottom: 0px;
}

.my-nav-menu{
    -webkit-box-shadow: 0px 16px 36px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 15px 36px 0px rgb(0 0 0 / 10%);
}

.my-nav-menu > li {
    background-color: var(--color-16);
}

.my-nav-menu > li > a{
    color: var(--color-7);
    font-weight: var(--montserrat-bold);
    padding: 20px 15px;
}

.my-nav-menu > li > a:hover,
.my-nav-menu > li > a:active{
    font-weight: var(--montserrat-bold);
    background-color: var(--color-16);
    color: var(--color-2);
}

.my-well{
    background-color: transparent;
    border: none;
    margin-top: 5%;
    margin-bottom: 5%;
    box-shadow: none;
}

.my-well-sm{
    background-color: transparent;
    border: none;
    margin-top: 1%;
    margin-bottom: 5%;
    box-shadow: none;
}

.my-thumbnail{
    margin-bottom: 30px;
}

.my-list-group-item{
    margin-top: 10px;
    margin-bottom: 10px !important;
    padding: 20px;
    border-color: var(--color-2);
    background-color: transparent;
}

.my-list-group-item .list-group-item-heading{
    color: var(--color-2);
    margin-bottom: 10px;
}

.my-list-group-item .list-group-item-text{
    color: var(--color-2);
}

.my-list-group-item a {
    color: var(--color-2);
}

.my-list-group-item a:hover,
.my-list-group-item a:active {
    color: var(--color-2);
}

.icon-title{
    color: var(--color-2);
}

.title{
    color: var(--color-7);
    margin-bottom: 25px;
}

.my-panel{
    margin-bottom: 15px;
}

.my-panel-heading{
    padding: 20px 15px;
}

.my-panel-body{
    padding: 25px;
}

.file-preview .fileinput-remove{
    top: 1px;
    right: 1px;
    line-height: 10px;
    font-size: 30px;
    padding: 10px 1px;
}

#corporativoform-texto_guia-btn-51,
#corporativoform-texto_semblanza-btn-51,
.kv-md-hint{
    display: none;
}

.img-logo-scelc,
.img-logo-fbm{
    margin-top: 15px;
    margin-bottom: 15px;
    display: inline-block;
}

.par-descripcion{
    font-size: 13px !important;
    margin-bottom: 0px !important;
}

.kv-md-editor textarea{
    font-size: var(--size-default);
    font-family: 'Montserrat', sans-serif;
    color: var(--color-7);
    font-weight: var(--montserrat-regular);
}


.thumbnail{
	color: #333;
    background-color: #f8f8f8;
    border: none;
    box-shadow: 0px 0px 20px #ddd;
}
.thumbnail .caption a{
	color: #333;
    font-weight: 600;
}