.btn.btn-primary {

    background: #062BC4 !important;
    color: #000000 !important;
    /*NGG 30/11/2021*/
    border-color: #ced4da !important;
    /*NGG 30/11/2021*/
    font-size: 16px;
    font-family: "SourceSansLight" !important;
    font-weight: bold;
    border-radius: 13px;
}

.title-page {
    font-family: 'Oxygen Bold' !important;
    font-size: 22px !important;
    color: var(--azul-fuerte) !important;
}


input {
    font-family: "SourceSansLight" !important;
    background: #ffffff;
    font-size: 14pt !important;
    font-weight: normal !important;
    height: 45px;
    padding: 5px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

input:hover {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}

select:hover {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
}



.main .breadcrumb .breadcrumb-item,
.main .breadcrumb .breadcrumb-item a,
.main .breadcrumb .breadcrumb-item a:hover,
.main .breadcrumb .breadcrumb-item.active {
    /*text-decoration: none;
    font-family: Oxygen-Regular;
    font-weight: bold;
    font-size: 16px;
    font-size: large;
    color: #002554 !important;*/
    font-family: 'SourceSansLight' !important;
    color: #307FE2;
    text-decoration: none;
    font-size: 16px !important;
    cursor: pointer;
    padding: 1%;
}

.main .pdng {
    padding: 5px 0px 0px 5px;
}

.main-item-box {
    background-color: #FFF;
    margin-bottom: 20px;
    box-shadow: 0 2px 12px #CACACA !important;
    padding: 10px 16px 10px 16px !important;
    /*DKHM 21/12/2021*/
}

.main-item-box-custom {
    box-shadow: 0 0 0 0 #ecedef;
}

.modal-body.main-item-box {
    box-shadow: 0 0 0px 0px #ecedef;
}

.main-item-box-modal {
    box-shadow: 0 0 0px 0px #ecedef;
}

.main-item-box .periodo-header .title {
    font-size: 28px;
}

.main-item-box .periodo-header .sub-title {
    font-size: 16px;
    bottom: 0;
}

.main-item-box .periodo {
    background-image: linear-gradient(90deg, rgba(228, 8, 8, 1) 0%, rgba(238, 114, 7, 1) 28%, rgba(40, 180, 99, 1) 86%
            /*rgba(233, 229, 14, 1) 86%*/
        );
    height: 50px;
}

.main-item-box .periodo .col-4 {
    margin-top: 12px;
}

.main-item-box .periodo .col-4.white {
    color: #ffffff;
}

.main-item-box .table-header .ico-settings {
    background-image: url(/cs/groups/portalasesores/documents/inbursa_pasesores/INBURSA_GFI/engrane.jpg);
    width: 25px !important;
    height: 25px !important;
    /*20x20*/
    display: block;
    float: left;
    background-size: cover;
    margin: 8px 5px 0px !important;
    /*10px 25px 0px 7px;*/
    /*MSMA 17/12/2021*/
    cursor: pointer;
}


.btn.btn-primary {
    background: #307FE2 !important;
    color: #ffffff !important;
    /*font-family: Oxygen-Regular;*/
    font-size: 16px;
    font-family: "SourceSansLight" !important;
    font-weight: bold;
    /*border-radius: 80%;*/
}

.label-section-middle {
    margin-left: 3px;
    margin-right: 3px;
}

.label-section {
    color: #002554;
    /*font-family: Oxygen-Regular; */
    font-size: 16px;
}

label {
    color: #002554;
    /*font-family: Oxygen-Regular; */
    font-size: 16px;
}

.modal .modal-header .title-page {
    /*font-family: "NewsCycle Regular";*/
    font-size: 25px;
    color: #444444;
}

.modal .modal-header .close {
    display: nonesolic;
}

.descr-page {
    /*font-family: "NewsCycle Regular";*/
    font-size: 20px !important;
}



/*Rescatel*/

.btn-regresar{
    font-size: 14px;
    background-color: #001C7A !important;
    border-radius: 1.25rem;
    color: #ffffff !important;
    font-weight: bolder !important;
}

.headerlight{
    font-family: "Oxygen-Regular" !important;
    font-style: normal !important;
    font-weight: lighter !important;
    margin-left: 1rem !important;
}

p.titulo {
    margin-top: 32px;
    margin-bottom: 16px;
}

.btn-basico {
    font-size: initial;
    background-color: #000957 !important;
    border-color: #000957 !important;
    color: #ffffff !important;
    padding: 0.4rem 3rem 0.4rem !important;
    font-weight: bolder !important;
    border-radius: 0.5rem !important;
}

.rescatel {
    background: #fff;
    top: -10px;
    padding: 4px;
    left: 18px;
    position: absolute;
    font-size: 12px;
    line-height: 1;
    font-weight: bold !important;
}

.rescatel-form {
    border: 1px solid #ddd;
    height: 45px !important;
    width: 100%;
    border-radius: 6px;
    box-sizing: border-box;
}

.rescatel-lg {
    background: #fff;
    top: -10px;
    padding: 4px;
    left: 18px;
    position: absolute;
    font-size: 12px;
    line-height: 1;
    font-weight: bold !important;
}

.rescatel-form-lg {
    border: 1px solid #ddd;
    height: 45px !important;
    width: 425px;
    border-radius: 6px;
}
    
.row.g-0.justify-content-start {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}


@media (min-width: 992px) and (max-width: 1270px) {
    .col-12.col-md-5.col-lg-3 {
        width: 48%;
    }

    .col-12.col-md-4.col-lg-3.ms-2 {
        width: 48%;
    }

    .btn-custom {
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-top: -5px !important;
    }

    .rescatel-form {
        width: 100%;
        margin-bottom: 0;
    }
}


@media (max-width: 992px) {
    .rescatel-form {
        width: 100%;
    }

    .col-12.col-md-5.col-lg-3,
    .col-12.col-md-4.col-lg-3.ms-2 {
        width: 100%;
        margin-top: 10px;
    }
}

.modal-background {
    background-color: rgba(0, 0, 0, .7);
    top: 0;
    left: 0;
    z-index: 4999;
}

.modal-background img {
    width: 150px;
    height: 150px;
    user-select: none;
    z-index: 5000;
}