/* general*/
.red-color { color: #e30445 !important; }
.red-color-bg { background-color: #e30445 !important; }
.red-color-secondary { color: #ff5e44 !important; }
.red-color-secondary-bg { background-color: #ff5e44 !important; }
/*.h3, .h4, h3, h4 { font-size: 1.125rem !important; }*/
a:hover { color: #ff5e44 !important; text-decoration: none; }
a { color: #e30445; }
.btn-danger:hover, .btn-outline-danger:hover { color: #fff !important; }

/* header */
.header-nav { margin-bottom: 0; border-bottom: 2px solid #e30445; max-height: 50px; }
.header-nav .blockcart { background: #e30445; color: #fff; height: 3rem; padding: .75rem; margin-left: .9375rem; text-align: center; white-space: nowrap; }

.btn-outline-secondary { border-color: #ced4da; }
.btn-outline-secondary.active { border-color: #ff5e44 !important; background-color: #ff5e44 !important; }
.btn-options-avatar.active { border-color: #ff5e44 !important; border-width: 0.25rem; }

/* modal */
.modal-header { justify-content: center; }
.close { position: absolute; right: 5%; }

/* modal-upload-photo */
.js_zoom_less, .js_zoom_more, .js_rotate_left, .js_rotate_right { z-index: 9; position: absolute; color: #fff; border-radius: 0px; width: 55px; height: 55px; background-color: #e30445; }
.js_zoom_less { top: 33px; left: 15px; }
.js_zoom_more { top: 88px; left: 15px; }
.js_rotate_left { top: 33px; right: 15px; }
.js_rotate_right { top: 88px; right: 15px; }
.zoom_btn_left { z-index: 9; position: absolute; color: #fff; border-radius: 0px; width: 55px; height: 25px; background-color: #e30445; top: 8px; left: 15px; border-bottom: 1px solid #fff; }
.zoom_btn_right { z-index: 9; position: absolute; color: #fff; border-radius: 0px; width: 55px; height: 25px; background-color: #e30445; top: 8px; right: 15px; border-bottom: 1px solid #fff; }

/* msg-cookies */
.cookies-law { width: 100%; position: fixed; bottom: 0px; background: #000000; z-index: 9999; font-size: 14px; line-height: 1.3em; font-family: arial; left: 0px; text-align: center; color: #FFF; opacity: 0.8; }
.cookies-law .closeButtonNormal { display: inline-block; margin: 5px; text-align: center; padding: 2px 5px; border-radius: 2px; color: #000000; background: #FFFFFF; cursor: pointer; padding: 0.5% 5% !important; color: #fff !important; background: #e30445 !important; text-transform: uppercase; }

/* form-book */
hr { border-top: 1px solid rgba(0,0,0,.1); }
.border-radius { border-radius: 1rem; }
.height-3rem { height: 3rem; }
.border-left { border-left: 2px solid #fff !important; }
.card-body { padding: 5% 0 0 1%; }
.bg-white { background-color: #fff; }
.fs-1_2 { font-size: 1.2rem; }
.fs-9 { font-size: 9rem !important; }
.btn-outline-secondary:hover { color: #ff5e44 !important; }
.btn-outline-secondary.active:hover { color: #fff !important; }

/* display-errors */
.invalid-feedback { display: block; }

/* whatsapp */
.float-whatsapp { position: fixed; width: 96px; height: 48px; bottom: 25px; right: 15px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; box-shadow: 2px 2px 3px #999; z-index: 100; }
.float-whatsapp i { margin-top:16px; }

/* characterCountNotification */
#characterCountNotification { float: right; padding: 0.1rem 0 0 0; font-size: 0.875rem; }

/* step_progres */
#step_progres { overflow: hidden; color: #d3d3d3; padding: 0; }
#step_progres li { list-style-type: none; font-size: .75rem; width: 33.333333%; float: left; position: relative }
#step_progres li:after { content: ''; width: 100%; height: 2px; background: #d3d3d3; position: absolute; left: 0; top: 20px; z-index: -1 }
#step_progres li span { width: 40px; height: 40px; line-height: 35px; display: block; font-size: 1rem; color: #ffffff; background: #d3d3d3; border-radius: 50%; margin: 0 auto 10px auto; padding: 2px; }
#step_progres li.active span { background: #e30445; color: #fff; font-weight: 600; }
#step_progres li.active { color: #e30445; }

@media (max-width: 767px) {
    #header .header-nav .user-info .logged { color: #e30445; }

    /* modal */
    .modal-body, .modal-header { padding: 0.5rem; }
    .modal-body .btn { padding: revert; }

    /* header-nav */
    .header-nav { border-bottom: none; }
    .navbar { border-bottom: 2px solid #e30445; }

}