/* CAMBIOS FOOTER */
.mantente-al-tanto-de-todo-lo-relacionado-con-croowly {
    color: #f6fffe;
    text-align: left;
    font: 400 14px "Krub", sans-serif;
    position: relative;
}

.suscr-bete {
    color: #ffffff;
    text-align: left;
    font: 600 16px "Krub", sans-serif;
    position: relative;
}

.frame-13 {
    background: #f6fffe;
    border-radius: 30px;
    flex-shrink: 0;
    width: 294px;
    height: 36px;
    position: relative;
    overflow: hidden;
}

.ejemplo-mail-com {
    font: 300 14px "Krub", sans-serif;
    border-right: 0 !important;
}

.suscribite {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    background: #29a466 !important;
}

.frame-19 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 148px;
    position: relative;
}

.actualidad {
    color: #ffffff;
    text-align: left;
    font: 600 16px "Krub", sans-serif;
    position: relative;
}

.blog {
    color: #ffffff;
    text-align: left;
    font: 300 12px "Krub", sans-serif;
    position: relative;
    width: 25px;
    height: 22px;
}

.identidad-corporativa {
    color: #ffffff;
    text-align: left;
    font: 300 12px "Krub", sans-serif;
    position: relative;
    width: 122px;
    height: 23px;
}

.labs {
    color: #ffffff;
    text-align: left;
    font: 500 14px "Krub", sans-serif;
    position: relative;
}


.frame-18 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 148px;
    height: 96px;
    position: relative;
}

.partners {
    color: #ffffff;
    text-align: left;
    font: 600 16px "Krub", sans-serif;
    position: relative;
}

.partners-y-alianzas {
    color: #ffffff;
    text-align: left;
    font: 300 12px "Krub", sans-serif;
    position: relative;
    width: 106px;
    height: 22px;
}

.conviertete-en-nuestro-partner {
    color: #ffffff;
    text-align: left;
    font: 300 12px "Krub", sans-serif;
    position: relative;
    width: 141px;
    height: 45px;
}


.frame-17 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 148px;
    height: 96px;
    position: relative;
}

.productos {
    color: #ffffff;
    text-align: left;
    font: 600 16px "Krub", sans-serif;
    position: relative;
}

.firming {
    color: #ffffff;
    text-align: left;
    font: 300 12px "Krub", sans-serif;
    position: relative;
    width: 44px;
    height: 22px;
}

.id-notarial {
    color: #ffffff;
    text-align: left;
    font: 300 12px "Krub", sans-serif;
    position: relative;
    width: 56px;
    height: 23px;
}

.soluciones {
    color: #ffffff;
    text-align: left;
    font: 500 14px "Krub", sans-serif;
    position: relative;
}


.frame-16 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 148px;
    position: relative;
}

.qui-nes-somos {
    color: #ffffff;
    text-align: left;
    font: 600 16px "Krub", sans-serif;
    position: relative;
}

.sobre-croowly {
    color: #ffffff;
    text-align: left;
    font: 300 12px "Krub", sans-serif;
    position: relative;
    width: 82px;
    height: 22px;
}

.el-equipo {
    color: #ffffff;
    text-align: left;
    font: 300 12px "Krub", sans-serif;
    position: relative;
    width: 52px;
    height: 23px;
}

.buscamos-talento {
    color: #ffffff;
    text-align: left;
    font: 300 12px "Krub", sans-serif;
    position: relative;
    width: 100px;
    height: 22px;
}



.frame-20 {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 203px;
    position: relative;
}

.sede-social-title {
    color: #ffffff;
    text-align: left;
    font: 600 16px "Krub", sans-serif;
    position: relative;
    width: 203px;
}

.sede-social-address {
    color: #ffffff;
    text-align: left;
    font: 300 12px "Krub", sans-serif;
    position: relative;
    width: 203px;
    height: 43px;
}

.footer {
    background: linear-gradient( 90.8deg, rgba(4, 58, 82, 0.73) 0%, rgba(4, 58, 82, 1) 100% ) !important;
}

.footer-area {
    margin-top: 100px !important;
}


/* CAMBIOS LOGIN */
.t-tulo-y-subt-tulo,
.t-tulo-y-subt-tulo * {
    box-sizing: border-box;
}

.t-tulo-y-subt-tulo {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.bienvenido-a-id-notarial {
    color: #043a52;
    text-align: left;
    font: 500 42px "Krub", sans-serif;
    position: relative;
}

.inicia-sesi-n-completando-la-informaci-n-a-continuaci-n {
    color: #043a52;
    text-align: left;
    font: 400 16px "Krub", sans-serif;
    position: relative;
}

.has-olvidado-tu-contrase-a {
    color: #043a52;
    text-align: left;
    /*font: 300 14px "Krub", sans-serif;*/
    position: relative;
}

.recordarme {
    color: #043a52;
    text-align: left;
    font: 300 14px "Krub", sans-serif;
    position: relative;
}

.bot-n-acceder {
    position: relative;
    box-shadow: 0px 4px 3px 2px rgba(193, 221, 219, 0.5);
    overflow: hidden;
}

.acceder, .registrarse, .enviar {
    color: #ffffff;
    text-align: center;
    font: 600 16px "Krub", sans-serif;
    /*left: 107px;
    top: 17px;*/
    background: linear-gradient( to left, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2) ), linear-gradient( 91.93deg, rgba(41, 164, 102, 1) 0%, rgba(24, 102, 126, 1) 48.4375%, rgba(5, 86, 122, 1) 100% ) !important;
    border-radius: 25px !important;
    width: 276px;
    height: 55px;
    position: relative;
    box-shadow: 0px 4px 3px 2px rgba(193, 221, 219, 0.5);
    overflow: hidden;
}

.span-input-login {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    height: 55px !important;
    background: rgba(193, 221, 219, 0.5) !important;
    border: 0px !important;
}

.input-login {
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    /*width: 370px !important;*/
    height: 55px !important;
    background: rgba(193, 221, 219, 0.5) !important;
    color: rgba(4, 58, 82, 0.65) !important;
    border: 0px !important;
}

.login-area {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 661px !important;
    background-color: #ffffff;
    background-image: none !important;
}

.registrate {
    color: #043a52;
    /*font: 300 14px "Krub", sans-serif;*/
}


/* CAMBIOS HEADER */
.menu-item, .menu-item a, #nav li a:first-child {
    color: #497488 !important;
    text-align: left;
}

/*.breakpoint-off .classynav ul li .dropdown {
    right: 0 !important;
    left: auto !important;
}*/

#navbar-inbox-count {
    color: #ffffff;
    text-align: left;
    font: 700 10px "Krub", sans-serif;
    position: relative;
    left: 5px;
    top: -15px;
    background: #fc6f6f;
    border-radius: 50%;
    border-style: solid;
    border-color: #fc6f6f;
    border-width: 1px;
}

.classy-nav-container .classy-navbar .classynav ul li a, 
.classy-nav-container .classy-navbar .classynav ul li.cn-dropdown-item ul li a {
    font-size: 15px !important;
}

.avatar1 {
    width: 40px !important;
    height: 40px !important;
}

.dropdown-divider {
    margin: 0 !important;
}

/* CAMBIOS GRILLA BANDEJA DE ENTRADA */
.breadcumb--con .title {
    color: #043a52;
    font: 500 36px "Krub", sans-serif !important;
}

input[type=search] {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    width: 313px !important;
}

.dataTables_filter select {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.dataTables_length select {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.table .thead-dark th {
    color: #043a52 !important;
    background-color: white !important;
    border: 0;
}

table.dataTable tbody td:last-child a,
table.dataTable tbody td:last-child button {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    width: 85px !important;
}

table.dataTable {
    color: #043A52;
    /*font-family: Krub;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.btn-verificar {
    background: #043A52 !important;
}

.btn-round {
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
}

/* CAMBIOS FORM CLIENTES */
.in-border input, .in-border select {
    border-radius: 30px;
    border: 1px solid #043A52;
    background: rgba(193, 221, 219, 0.00);
    box-shadow: 0px 2px 10px 0px rgba(4, 58, 82, 0.40);
}

/* CAMBIOS ESTILOS BOTONES GRILLAS */
.filter-panel .btn {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    border: 1px solid #043A52;
    box-shadow: 0px 2px 10px 0px rgba(4, 58, 82, 0.40);
}

.btn-standard,
#bastanteoTabContent .row:first-child .btn,
.form-horizontal .btn,
.wizard .actions a,
.wizard .card-deck a,
#column-document .addMultiple,
#column-document button.btn.btn-primary,
.btn-analysis,
.payment .btn-primary {
    border-top-left-radius: 30px !important;
    border-bottom-left-radius: 30px !important;
    border-top-right-radius: 30px !important;
    border-bottom-right-radius: 30px !important;
    border: 1px solid #043A52 !important;
    box-shadow: 0px 2px 10px 0px rgba(4, 58, 82, 0.40) !important;
}

/*CAMBIOS ESTILOS CHECKBOCK*/
.custom-control-label:after {
    background-color: white !important;
    border: 1px solid #043A52 !important;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url(/img/core-img/edit.png) !important;
    background-size: 1.6rem;
}

label.custom-control-label {
    padding-top: 3px;
}

/*FORGOT-RESET PASSWORD-ACCESS DENIED-EMAIL CONFIRM*/
@media screen and (min-width: 650px) {
    .forgot-password, .reset-password, .access-denied, .email-confirm, .on-boarding-confirm, .payment {
        min-height: 123px !important;
    }
}

@media screen and (min-width: 1912px) {
    .forgot-password, .reset-password, .access-denied, .email-confirm, .on-boarding-confirm, .payment {
        min-height: 435px !important;
    }
}

.label-campo {
    margin-top: 5px !important;
    margin-bottom: 2px !important;
}

.note-editable, note-editing-area {
    color: #000 !important;
    background-color: #FFF !important;
    font-family: Arial, sans-serif;
    font-size: 14px;
}

.note-resizebar {
    background-color: #f5f5f5 !important;
}

.note-dropdown-item > p,
.note-dropdown-item > blockquote,
.note-dropdown-item > h1,
.note-dropdown-item > h2,
.note-dropdown-item > h3,
.note-dropdown-item > h4,
.note-dropdown-item > h5,
.note-dropdown-item > h6,
.note-dropdown-item > span {
    color: #000 !important;
}