/*header*/
header.main-header .row .col-sm-4.col-md-3 {
    width: 100%;
}

header.main-header nav a {
    text-transform: uppercase;
}

.list-one {
    margin: 9px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/*table view*/

.edit-node-booking-camino-al-mar {
    width: 30px;
    height: 30px;
    font-size: 14px;
    background-color: rgba(83, 105, 248, .15);
    color: #559ddd;
    border-color: rgba(83, 105, 248, .15);
    padding: 2px 7px !important;
    transition: all 0.3s linear;
    border-radius: 6px !important;
}

.list-one table {
    margin-bottom: 20px;
    border: solid 2px #dee2e6;
    width: 100%;
    background: #fff;
}

.list-one::-webkit-scrollbar {
    height: 6px;
}

.list-one::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 3px;
}

.list-one table th {
    background: #dee2e6;
    color: #495057;
}

.list-one table tr>td {
    padding: 0.9rem 0.75rem;
    border-bottom: solid 2px #dee2e6;
    color: #878a99;
    text-align: left;
}

.list-one table tr>td.status-section {
    text-align: center;
}

.list-one .views-field-edit-node a,
.list-one .views-field-edit-user a,
.list-one .views-field-edit-taxonomy-term a {
    font-size: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-one .views-field-edit-node a::before,
.list-one .views-field-edit-user a::before,
.list-one .views-field-edit-taxonomy-term a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f044";
    font-size: 14px;
    background-color: rgba(83, 105, 248, .15);
    color: #559ddd;
    border-color: rgba(83, 105, 248, .15);
    padding: 2px 7px !important;
    transition: all 0.3s linear;
    border-radius: 6px !important;
}

.list-one table tr>td a {
    color: #878a99;
}

.list-one table tr>td a:hover {
    color: #616577;
}

.list-one table td.views-field.views-field-field-cuenta {
    font-weight: 900;
}

/* .list-one table th a {
    color: #495057;
} */

.list-one table li a,
.list-one table td.views-field-edit-taxonomy-term a {
    border-radius: 3px;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    transition: .3s;
}

.list-one table li.delete a {
    background: #a10606;
}

.list-one table li.devel a {
    background: #3f51b5;
}

.list-one table li.delete,
.list-one table li.devel {
    padding: 3px 0px;
    margin: 0 0 0 -3px;
    background: #fff;
}

.list-one table li.delete a,
.list-one table li.devel a {
    padding: 3px 12px;
    margin: 0px 3px;
}

.list-one table .dropbutton {
    background: #fff;
    padding: 11px;
    display: inline;
}

.list-one ul.js-pager__items {
    text-align: center;
    color: #999;
    background: rgb(24, 31, 37);
    padding: 10px;
}

.list-one ul.js-pager__items li {
    display: inline-block;
}

.list-one ul.js-pager__items li a span {
    font-size: 23px;
    margin: 0 7px -73px 10px;
    color: #999;
}

.list-one td p {
    margin: 0;
}

.node-form fieldset .fieldset-legend {
    font-size: 19px;
    font-weight: bold;
}

.node-form .fieldset-wrapper .form-item,
.cotizacion-defaults-form .form-wrapper .form-item,
.node-actualizar-inventario-form .form-item,
.node-control-de-gastos-form .form-item-field-empleado-solicitante,
.node-control-de-gastos-form .form-item-field-nombre-de-quien-autoriza,
.node-control-de-gastos-form .form-item-field-cliente-gasto,
.node-control-de-gastos-form .form-item-field-status-gastos {
    display: flex;
    flex-direction: column;
}

.node-form .js-form-item.form-item.js-form-type-checkbox.form-item-field-check-by-image-value.js-form-item-field-check-by-image-value {
    display: block;
}

.cotizacion-defaults-form summary {
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.header-info {
    float: left;
    width: 75%;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
}

.sub-header {
    padding-top: 50px
}

.list-one .view-not-result {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    padding: 10px;
    text-align: center;
    font-size: 14px;
    margin-bottom: 25px;
}

.list-one .views-exposed-form .form-item input,
.list-one .views-exposed-form .form-item select {
    padding: 5px;
    height: 35px;
}

.list-one .views-exposed-form {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 20px;
    border: 1px solid #e2e7f1;
    background: #fff;
    border-radius: 6px;
    margin: 0 0 3% 0;
    padding: 10px 20px;
}

.list-one .views-exposed-form .form-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 130px;
}

.list-one header a:hover {
    text-decoration: none;
    background-color: #1d486e;
    border-color: #1d486e;
}

.list-one header a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0fe";
    margin-right: 12px;
}

.list-one header a {
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 10px 30px;
    font-size: 13px;
    border: 1px solid transparent;
    border-radius: 6px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background: #3685cb;
    border-color: #3685cb;
    margin: 0 0 2% 0;
}

.list-one header {
    width: 100%;
    display: flex;
    gap: 10px;
}

.list-one .views-exposed-form .form-submit {
    background: #1B354C;
    border-color: #1B354C;
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    padding: 5px 30px;
    font-size: 13px;
    border-radius: 6px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    min-width: 130px;
    height: 35px;
}

.list-one .views-exposed-form .form-submit:hover {
    background-color: #1d486e;
    border-color: #1d486e;
}

.list-one table .views-field-nothing a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(81 81 72 / 29%);
    color: #323330;
    border-color: rgb(81 81 72 / 29%);
    padding: 2px 7px !important;
    transition: all 0.3s linear;
    border-radius: 6px !important;
}

.list-one td .status-field p {
    padding: 6px 7px 3px 9px;
    border-radius: 14px;
    color: #fff;
    text-transform: uppercase;
}

.list-one td .status-field p.terminado {
    background: #126cbb;
}

.list-one td .status-field p.pendiente {
    background: #b30c0c;
    text-align: center;
}

.list-one td .status-field p.proceso {
    background: #76b921;
    text-align: center;
}

.list-one td.views-field.views-field-entity-print-node a {
    font-size: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-one td.views-field.views-field-entity-print-node a::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f1c1";
    font-size: 14px;
    background-color: rgb(255 44 0 / 15%);
    color: #ed4921;
    border-color: rgb(255 44 0 / 15%);
    padding: 2px 7px !important;
    transition: all 0.3s linear;
    border-radius: 6px !important;
}

.list-one .views-field-nothing-2 .edit-node-booking-camino-al-mar,
.path-cotizacion-de-farmacias .list-one .views-field-nothing-1 .edit-node-booking-camino-al-mar {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    font-size: 19px;
    color: #559ddd;
}

.list-one .views-field-nothing-2 .pdf-booking,
.path-cotizacion-de-farmacias .list-one .views-field-nothing-1 .pdf-booking {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(255 44 0 / 15%);
    color: #ed4921;
    border-color: rgb(255 44 0 / 15%);
    font-size: 19px;
}

.list-one .views-field-nothing-2 .send-mail,
.path-cotizacion-de-farmacias .list-one .views-field-nothing-1 .send-mail {
    background-color: rgb(81 81 72 / 29%);
    color: #323330;
    border-color: rgb(81 81 72 / 29%);
    font-size: 17px;
}

.footerwidget {
    background: rgb(24, 31, 37) !important;
    padding: 30px 0 12px 0 !important;
}

.article-mo h2 {
    text-transform: uppercase;
}

.article-mo .des-c .txt-bg,
.article-mo .slider-content img {
    background: #eee;
    padding: 17px;
    font-size: 16px;
    margin: 0 0 20px 0;
}

.article-mo .des-c>div,
.article-mo .img-repo {
    border: 1px solid #d9d9d9;
    margin: 0 0 33px 0;
    border-radius: 6px;
}

.article-mo .des-c .txt-bg p {
    margin: 0;
}

.article-mo .splide__arrow svg {
    height: 3.2em;
    width: 3.2em;
}

.article-mo .splide__arrows button {
    height: 58px;
    width: 59px;
}

.article-mo .img-repo {
    padding: 0px 19px;
}

.article-mo {
    margin: 40px 0 0 0;
}

.button--primary {
    border: none;
    font-weight: 700;
    border-radius: 0.2rem;
    background: #4CAF50;
    color: #fff;
    padding: 8px 11px;
    text-transform: uppercase;
    margin: 10px 0;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 1px;
}

.user-edit {
    font-size: 17px;
}

.content-user {
    padding: 15px;
}

body.user-logged-in.path-info div#block-sub-theme-myuserblock h2 {
    text-transform: uppercase;
}

.path-user .block-system .form-no-label,
.path-usuarios .js-form-item-uid .description {
    display: none;
}

.path-user .block-system .profile>div {
    display: none;
}

/*-----LOGIN----*/
.login-render {
    width: 405px;
    margin: auto;
    height: fit-content;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #FBFBFB;
    border-radius: 10px;
    padding: 11px;
}

.login-render img {
    display: block;
    width: 123px;
    margin: -82px auto 0 auto;
    border-radius: 78px;
}

.login-render form {
    margin: 16px 0 0px 0 !important;
    border: none !important;
    text-align: center;
}

.login-render input#edit-submit--2 {
    width: 100%;
    background: #333;
    color: #eee;
}

input#edit-submit--2:hover {
    background: #878585;
}

body.user-logged-in.path-frontpage div#block-sub-theme-myuserblock {
    background: #eee;
    padding: 5px 24px 1px 24px;
    margin: 35px 0;
    border-radius: 5px;
}

.low-stock,
.path-inventario div.special-message {
    line-height: 14px;
    background: #871818;
    color: #fff;
    padding: 6px;
    text-align: center;
}

.node-form,
.taxonomy-term-form,
.cotizacion-defaults-form,
.vigilat-import-form,
.samsa-reporte-form {
    max-width: 950px;
    margin: 40px auto;
    border: 1px solid #ddd;
    padding: 10px 30px;
    background: #FBFBFB;
}

.node-form .form-text,
.node-form .form-number,
.node-form .form-textarea,
.cotizacion-defaults-form .form-text,
.samsa-reporte-form .form-text {
    width: 100%;
}

.node-form .label,
.node-form input {
    color: #000;
}

.node-form .form-wrapper,
.user-form .form-wrapper,
.taxonomy-term-form .form-wrapper,
.cotizacion-defaults-form .form-item {
    margin: 0 0 20px 0;
}

.node-form .field--name-field-tabla-de-productos .form-item,
.taxonomy-term-categoria-form .form-item-name-0-value,
.taxonomy-term-categoria-form .form-item-description-0-value {
    display: flex;
    flex-direction: column;
}

.user-form .form-item-field-puesto .form-item {
    display: flex;
    flex-direction: column;
}

.user-form .js-form-item.form-item.js-form-type-select.form-item-field-puesto.js-form-item-field-puesto,
.node-form .field--name-field-stock .form-item,
.node-form .field--name-field-costo-empresa .form-item,
.node-form .field--name-field-precio-lista .form-item,
.node-form .field--name-field-descripcion-producto .form-item,
.node-form .field--name-field-cuenta .form-item,
.node-form .field--name-field-empresa .form-item,
.node-form .field--name-field-lugar-de-servicio .form-item,
.node-form .field--name-field-servicio-foraneo .form-item,
.samsa-reporte-form .form-item-tipo{
    display: flex;
    flex-direction: column;
}

.tabs a.is-active {
    background-color: #8b8b8b !important;
    border: 0;
    color: #fff;
}

.tabs li a {
    background: #dbdce1;
    padding: 10px;
    color: #291d1d;
}

/* .node-form #edit-field-gastos-wrapper .form-item {
    display: flex;
    flex-direction: column;
} */

.node-form textarea#edit-field-descripcion-producto-0-value {
    width: 100%;
}

.node-form .field--name-field-tabla-de-productos label,
.user-form .fieldset-wrapper label {
    font-weight: 500;
}

.node-form #edit-field-tabla-de-productos-wrapper .tabledrag-toggle-weight-wrapper,
.node-form #field-tabla-de-productos-values .paragraph-top .paragraphs-actions .form-submit,
.node-form .js-form-type-vertical-tabs,
.node-form #edit-field-imagen-wrapper .tabledrag-toggle-weight,
.taxonomy-term-form div#edit-description-0-format,
.taxonomy-term-form details#edit-relations,
.node-form div#edit-field-herramientas-0-format,
.node-form div#edit-field-descripcion-0-format,
.node-form #edit-field-imagenes-wrapper .tabledrag-toggle-weight-wrapper,
.node-form #edit-field-gastos-wrapper .tabledrag-toggle-weight-wrapper,
.node-form div#edit-field-descripcion-gastos-0-format,
.cotizacion-defaults-form div#edit-field-cuerpo-cotizacion-format,
.cotizacion-defaults-form div#edit-field-sub-cuerpo-cotizacion-format,
.node-form div#edit-field-cuerpo-de-la-cotizacion-0-format,
.node-form div#edit-field-sub-cuerpo-de-la-cotizacio-0-format,
.node-form #edit-field-test-wrapper .tabledrag-toggle-weight-wrapper,
.node-form #edit-field-imagen-del-reporte-wrapper .tabledrag-toggle-weight-wrapper,
.node-form #edit-field-evidencias-del-servicio-wrapper .tabledrag-toggle-weight-wrapper,
.node-form #edit-field-soporte-wrapper .tabledrag-toggle-weight-wrapper,
.node-form div#edit-field-descripcion-tecnica-0-format,
.node-form div#edit-field-descripcion-del-soporte-0-format,
.node-form div#edit-field-descripcion-centurion-0-format,
.node-form #edit-field-servicios-a-cotizar-wrapper .tabledrag-toggle-weight-wrapper {
    display: none;
}

.node-form #field-gastos-values .tablesaw-cell-label,
.node-form #field-test-values .tablesaw-cell-label,
.node-form #field-servicios-a-cotizar-values .tablesaw-cell-label {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
}

.node-form .field--name-field-tabla-de-productos tr.paragraph-type--control-de-gastos {
    border-bottom: solid #797979 1px;
}

.node-form .field--name-field-tabla-de-productos tr.paragraph-type--update-stock,
.node-form .field--name-field-gastos tr.paragraph-type--control-de-gastos,
.node-form .field--name-field-test tr.paragraph-type--producto-de-cotizacion,
.node-form .field--name-field-servicios-a-cotizar tr.paragraph-type--servicio-a-cotizar {
    border-bottom: solid #797979 1px;
}

.node-form .field--name-field-gastos .paragraphs-actions input,
.node-form .field--name-field-test .paragraphs-actions input,
.node-form .field--name-field-servicios-a-cotizar .paragraphs-actions input {
    background: none !important;
    color: #000;
    border: none;
}

.node-form #field-gastos-values .tablesaw-cell-content,
.node-form #field-test-values .tablesaw-cell-content,
.node-form #field-servicios-a-cotizar-values .tablesaw-cell-content {
    display: block;
    max-width: 100%;
}

.node-form #field-tabla-de-productos-values .tablesaw-cell-label {
    width: 100%;
    display: flex;
    align-items: center;
}

.node-form .field--name-field-tabla-de-productos .paragraphs-actions input {
    background: none !important;
    color: #000;
    border: none;
}

.node-form .form-item input,
.node-form .form-item select,
.user-form .form-item input .user-form .form-item select,
.taxonomy-term-form .form-item input,
.cotizacion-defaults-form .form-item input,
.path-samsa .form-item input{
    color: #4b4b5a;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    /* width: fit-content; */
}

.node-form .btn,
.node-form input[type="submit"],
.user-form .btn,
.user-form input[type="submit"],
.taxonomy-term-form .btn,
.taxonomy-term-form input[type="submit"],
.cotizacion-defaults-form .btn,
.cotizacion-defaults-form input[type="submit"],
.vigilat-import-form .btn,
.vigilat-import-form input[type="submit"] {
    color: #fff;
    background: #1b354c;
}

.node-form .btn,
.node-form input[type="submit"]:hover,
.user-form .btn,
.user-form input[type="submit"]:hover,
.taxonomy-term-form .btn,
.taxonomy-term-form input[type="submit"]:hover,
.cotizacion-defaults-form .btn,
.cotizacion-defaults-form input[type="submit"]:hover,
.vigilat-import-form input[type="submit"]:hover {
    background: #13ADB3;
}

body #wrapper {
    background: #F3F4F7;
    min-height: 90vh;
}

#block-sub-theme-content .user-profile {
    border: 1px solid #e2e7f1;
    background: #fff;
    border-radius: 6px;
    padding: 10px 20px;
}

#block-sub-theme-content .user-profile h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 170%;
    color: #495057;
}

#block-sub-theme-content .user-profile .user-fields p {
    color: #878a99;
    text-align: left;
    font-size: 15px;
}

#block-sub-theme-content .user-profile .user-fields p strong {
    color: #495057;
}

#block-sub-theme-content .user-profile .edit-profile a {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 10px 40px;
    font-size: 13px;
    border: 1px solid transparent;
    border-radius: 6px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background: #3685cb;
    border-color: #3685cb;
    margin: 2% 0 3% 0;
}

#block-sub-theme-content .user-profile .edit-profile a:hover {
    text-decoration: none;
    background-color: #1d486e;
    border-color: #1d486e;
}

.list-one .views-field-nothing-2,
.path-cotizacion-de-farmacias .list-one .views-field-nothing-1 {
    display: none;
}

.list-one .views-data-export-feed {
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 20px;
}

.list-one .csv-feed.views-data-export-feed {
    float: left;
}

.views-data-export-feed a,
.list-one .views-data-export-feed .feed-icon {
    background: #f37f38 !important;
    text-indent: initial !important;
    width: auto !important;
    border: solid 1px #e2e7f1;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    padding: 10px 7px;
    border-radius: 6px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.list-one .views-data-export-feed .feed-icon::before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 14px;
    color: #fff;
    margin-left: 5px;
}

.list-one .csv-feed.views-data-export-feed .feed-icon::before {
    content: "\f1c3";
}

/*Login Page*/
#user-login-page,
#user-login-page-password {
    background-color: #f3f4f7;
    height: 100vh;
}
#user-login-page  .container,
#user-login-page-password  .container {
    height: 100%;
}
#user-login-page .container .row,
#user-login-page-password .container .row {
    display: flex;
    justify-content: center !important;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
}
#user-login-page .user-login-form,
#user-login-page-password .user-pass {
    background-color: #fff;
    margin: 0;
    padding: 0 15px;
    border: 0;
}
#user-login-page .user-login-form .form-item,
#user-login-page-password .user-pass .form-item {
    margin-bottom: 1.5rem !important;
    margin-top: 0;
}
#user-login-page .user-login-form .form-item label,
#user-login-page-password .user-pass .form-item label{
    font-weight: 700;
    margin-bottom: .5rem;
    color: #4b4b5a;
    font-size: 14px;
    line-height: 1.5;
}
#user-login-page .user-login-form .form-item label::after,
#user-login-page-password .user-pass .form-item label::after  {
    display: none;
}
#user-login-page .user-login-form .form-item input,
#user-login-page-password .user-pass .form-item input  {
    color: #4b4b5a;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    width: 100%;
}
#user-login-page .user-login-form .form-item .description,
#user-login-page-password .user-pass .form-item .description {
    display: none;
}
#user-login-page .user-login-form .form-submit,
#user-login-page-password .user-pass .form-submit {
background: #1B354C;
  border-color: #1B354C;
  width: 100%;
  font-size: 16px;
  margin-top: 1.5rem;
  color: #fff;
  height: 42px;
}
#user-login-page-password .content-login-pass-form p{
    display: none;
}
.login-pass-form-back,
.user-login-form .user-reset-password-link{
    padding: 0 15px;
    width: 100%;
    display: block;
    color: #6c757d;
    font-size: 12px;
    text-align: center;
}
.login-account {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin: 10px 0;
}
.user-login {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #e2e7f1;
    border-radius:  6px;
    padding: 2.25rem;
}
.language-switcher-login .language-switcher-language-url{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
}
.navbar-custom .language-switcher-language-url .links{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    list-style: none;
    margin: 10% 0 0 0;
}
.language-switcher-login .language-switcher-language-url li a,
.navbar-custom .language-switcher-language-url li a {
    font-size: 0;
}
.language-switcher-login .language-switcher-language-url li[hreflang="en"] a::before,
.navbar-custom .language-switcher-language-url li[hreflang="en"] a::before{
    content: '';
    background: url('/themes/custom/sub_theme/images/flag-en.png');
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
}
.language-switcher-login .language-switcher-language-url li[hreflang="es"] a::before,
.navbar-custom .language-switcher-language-url li[hreflang="es"] a::before {
    content: '';
    background: url('/themes/custom/sub_theme/images/flag-es.png');
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 20px;
}
.user-login .content-login,
.content-login-form {
    padding: 0 !important;
}
.header-logo-form-login {
    height: 130px;
    display: block;
    margin: 0 auto;
    padding: 10px 0;
}
.header-login-form p {
    color: #6c757d;
    margin-bottom: 2.25rem;
    font-size: 12px;
}
.header-login-form h4 {
    margin: 9px 0 6px 0;
}