@import url("https://fonts.googleapis.com/css2?family=Monoton&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); body {background: #fdfdfd; font-family: 'Rubik', sans-serif; overflow-x: hidden; } .index {width: 100vw; height: 100vh; } .navbar {background: black !important; } .nav-link {color: #fff !important; } .masthead {color: white; min-height: 30rem; width: 100%; height: 100%; padding-top: 8rem; padding-bottom: 8rem; background: url('/img/background.jpeg'); background-position: center center; background-repeat: no-repeat; background-size: cover; } .masthead h1 {font-size: 4rem; margin: 0; padding: 0; } @media (min-width: 992px) {.masthead {height: 100vh; } .masthead h1 {font-size: 5.5rem; } } .bg-body {margin: 0px; width: 100%; overflow-x: hidden; background: #fbe7ff; } .card-w1 {background: rgba(255, 255, 255, 0.9); margin-top: 7vw; padding: 2vw 1.5vw; border-radius: 1.3rem; -webkit-box-shadow: 0 5px 3vw 0 rgb(221 206 206 / 40%); box-shadow: 0 5px 3vw 0 rgb(221 206 206 / 40%); border: 0; } .card-w1 p {color: #6F6F87; font-size: 1vw; } .card-w2 {margin-top: 4vw; background: transparent; border: none; border-radius: 0.3rem; } .card-w2 p {color: #fff; font-size: 1vw; } .card-w2 .form-control {color: #fff; font-size: 1vw; height: 2.7vw; padding: 1vw 0.6vw; background-color: transparent; border: 2px solid transparent; border-bottom: 2px solid #fff; box-shadow: none!important; border-radius: 0px; } .card-w2 .form-control::-webkit-input-placeholder {color: #fff!important } .card-w2 .form-control:-ms-input-placeholder {color: #fff!important } .card-w2 .form-control::placeholder {color: #fff!important } .img-23vw {width: 19vw; } .min-icon {width: 2.1vw; height: 2.1vw; background-size: 2.1vw 2.1vw; background-position: center; background-repeat: no-repeat; margin-right: 0.6vw; margin-top: 0.8vw; cursor: pointer; } .nav-icon {width: 4.5vw; height: 4.5vw; background-size: 4.5vw 4.5vw; background-position: center; background-repeat: no-repeat; margin-right: 1vw; margin-top: 1vw; float: left; cursor: pointer; } .nav-icon-1 {width: 5vw; height: 5vw; background-size: 5vw 5vw; background-position: center; background-repeat: no-repeat; margin: 0 auto; margin-left: 1vw; margin-top: 0.8vw; float: left; } .nav-icon-2 {width: 5vw; height: 5vw; background-size: 5vw 5vw; background-position: center; background-repeat: no-repeat; margin-right: 0.5vw; float: left; cursor: pointer; } .nav-icon-3 {width: 100%; height: 5vw; background-size: 5vw 5vw; background-position: center; background-repeat: no-repeat; margin: 0 auto; margin-top: 1.4vw; margin-bottom: 1vw; float: left; cursor: pointer; } .nav-icon-4 {width: 4vw; height: 4vw; background-size: 4vw 4vw; background-position: center; background-repeat: no-repeat; margin-right: 0.5vw; margin-top: 0vw; margin-left: 20vw; float: left; } .nav-icon-5 {width: 100%; height: 5vw; background-size: 5vw 5vw; background-position: center; background-repeat: no-repeat; margin: 0 auto; margin-top: 3vw; margin-bottom: 3vw; float: left; cursor: pointer; } .icon-control {width: 100%; height: 5vw; background-size: 5vw 5vw; background-position: center; background-repeat: no-repeat; margin-top: 3vw; cursor: pointer; } .green-w {background: #97ec9a; } .red-w {background: #fba09e; } .blue-w {background: #76d3fd; } .envelope {background-image: url('../icons/envelope.svg'); } .lock {background-image: url('../icons/lock.svg'); } .user {background-image: url('../icons/user.svg'); } .cancel-1 {background-image: url('../icons/trash-111.svg'); } .confirm-1 {background-image: url('../icons/confirm.svg'); } .reload {background-image: url('../icons/reload-11.svg'); } .notebook {background-image: url('../icons/notebook.svg'); } .plus {background-image: url('../icons/plus.svg'); } .settings {background-image: url('../icons/settings_act.svg'); } .edit {background-image: url('../icons/edit-1.svg'); } .book {background-image: url('../icons/book.svg')!important; } .document {background-image: url('../icons/document.svg')!important; } .file-o {background-image: url('../icons/file-o.svg')!important; } .cancel-as {background-image: url('../icons/cancel-as.svg'); } .confirm-as {background-image: url('../icons/confirm-as.svg')!important; } .book_white {background-image: url('../icons/agenda_1.svg')!important; } .warning_white {background-image: url('../icons/warning.svg')!important; } .bee {background-image: url('../icons/bee_white.svg'); } .sound {background-image: url('../icons/sound.svg'); } .dashboard {background-image: url('../icons/dashboard.svg'); } .dashboard-white {background-image: url('../icons/dashboard_white.svg'); } .menu-movil li:hover .dashboard, .menu-movil .active .dashboard {background-image: url('../icons/dashboard_act.svg'); } .bookmark {background-image: url('../icons/agenda.svg'); } .bookmark-white {background-image: url('../icons/agenda_white.svg'); } .menu-movil li:hover .bookmark, .menu-movil .active .bookmark {background-image: url('../icons/agenda_act.svg'); } .work {background-image: url('../icons/work.svg'); } .work-white {background-image: url('../icons/work_white.svg'); } .menu-movil li:hover .work, .menu-movil .active .work {background-image: url('../icons/work_act.svg'); } .sucursal {background-image: url('../icons/sucursal.svg'); } .sucursal-white {background-image: url('../icons/sucursal_white.svg'); } .menu-movil li:hover .sucursal, .menu-movil .active .sucursal {background-image: url('../icons/sucursal_act.svg'); } .lender {background-image: url('../icons/lender.svg'); } .lender-white {background-image: url('../icons/lender_white.svg'); } .menu-movil li:hover .lender, .menu-movil .active .lender {background-image: url('../icons/lender_act.svg'); } .support {background-image: url('../icons/support.svg'); } .add-plus1 {background-image: url('../icons/plus1.svg'); } .support-white {background-image: url('../icons/support_white.svg'); } .menu-movil li:hover .support, .menu-movil .active .support {background-image: url('../icons/support_act.svg'); } .more {background-image: url('../icons/more.svg'); margin-right: 2vw; float: right; } .minus {background-image: url('../icons/minus.svg'); margin-left: 2vw; float: left; } .heart {background-image: url('../icons/heart.svg'); } .microp {background-image: url('../icons/microphone.svg'); } .icon-share {background-image: url('../icons/share.svg'); } .container {width: 90vw!important; max-width: 90vw!important; } .content-wrapper .container {width: 100%!important; max-width: 100%!important; } .btn {font-size: 1vw; } .input-group, .form-group {margin-bottom: 1.4vw; } .btop {margin-top: 0.5vw; clear: both; } .label-1 {display: inline-block; margin-bottom: 0.5rem; font-family: 'Rubik', sans-serif; font-size: 3.9vw; text-transform: uppercase; margin-bottom: 4vw; color: #864261; padding-top: 3vw; } .header-area {z-index: 10; position: relative; width: 100%; z-index: 999; min-height: 15vw; left: 0; background: #fff; padding: 1vw 1vw 0.5vw 1vw; box-shadow: 0 2px 30px 2px rgb(0 0 0 / 10%)!important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -ms-transition: all .2s ease; } .logo-header {text-align: left; } .logo-header img {width: 48vw; margin-top: 0.2vw; margin-left: -2.8vw; text-align: right; } .btn-toogle-1 {position: absolute; z-index: 999; width: 9.5vw; height: 9.5vw; top: 2.6vw; float: right; right: 8px; padding: 8px; background-image: url(../icons/bell.svg); cursor: pointer; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; cursor: pointer; } .btn-toogle-1:hover {background-image: url(../icons/bell.svg); } .btn-toogle-2 {position: absolute; z-index: 999; width: 9.5vw; height: 9.5vw; top: 2.6vw; float: right; right: 8px; padding: 8px; background-image: url(../icons/search_1.svg); cursor: pointer; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; cursor: pointer; } .btn-toogle-2:hover {background-image: url(../icons/search_1.svg); } .btn-toogle {display: none; position: absolute; z-index: 999; width: 9.5vw; height: 9.5vw; top: 2.6vw; float: left; left: 8px; padding: 8px; background-image: url('../icons/bars_1.svg'); cursor: pointer; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; cursor: pointer; } .btn-toogle:hover {background-image: url('../icons/bars_1.svg'); } .btn-back {position: absolute; z-index: 999; width: 9.5vw; height: 9.5vw; top: 2.6vw; float: left; left: 8px; padding: 8px; background-image: url('../icons/back_1.svg'); cursor: pointer; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; cursor: pointer; } .content-sidenav {width: 100%; position: relative; z-index: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; } .content-noty {width: 100%; height: 100%; position: fixed; z-index: 999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; } .sidenav-right {width: 100%; position: relative; z-index: 1000; padding-top: 14vw; padding-bottom: 3vw; left: 0; background: #fff; overflow-x: hidden; } .header-box {text-align: center; position: relative; width: 100%; clear: both; display: flex; padding: 10px; padding-top: 6vw; } .header-box h3 {text-decoration: none; color: #6F6F87; font-size: 3.5vw; margin-left: -6vw; margin-top: 4vw; text-align: center; line-height: 20px; text-transform: uppercase; cursor: pointer; font-family: 'Rubik', sans-serif; } .img-box {float: left; height: 12vw; width: 40%; } .img-box img {width: 14vw; height: 14vw; margin-left: -9vw; border-radius: 50%; } .menu-box {right: 0; padding: 50px 10px; width: 100%; padding: 10px 0px; } .mt10 {margin-top: 3.5vw; margin-bottom: 4.5vw!important; } .menu-movil {margin: 0px; padding: 0; } .menu-movil li {cursor: pointer; padding: 8px 0; text-align: left; text-align: center; padding-bottom: 10px; padding-top: 10px; } .menu-movil li:hover>a, .menu-movil .active {color: #ff5722!important; } .menu-movil li>a {text-decoration: none; color: #6F6F87; font-size: 3.5vw; text-align: center; line-height: 20px; text-transform: uppercase; cursor: pointer; font-family: 'Rubik', sans-serif; } .menu-movil li>a>img {width: 4vw; margin-top: -1vw; } .menu-movil .active>a {color: #ff5722!important; } .p-top4 {padding-top: 30vw; } .p-top6 {padding-top: 1vw; } .row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .sect-header {background: #f05a24; text-align: center } .sect-header h2 {font-size: 4vw; color: #fff; font-family: 'Rubik', sans-serif; } .sect-header img {width: 20vw; margin-bottom: 3vw; margin-top: 3vw; } .sect-body {padding-top: 10vw; padding-bottom: 3vw; background: transparent; text-align: center; border-top: 1px solid rgba(000, 0, 0, 0.1); margin-top: 4vw; } .sect-body h2 {font-size: 3.8vw; font-family: 'Rubik', sans-serif; text-transform: uppercase; } .sect-body h3 {font-size: 3.5vw; font-family: 'Rubik', sans-serif; } .sect-body img {width: 16vw; margin-bottom: 3vw; margin-top: 10vw; } .sect-body-1 {padding-top: 3vw; padding-bottom: 3vw; background: transparent; text-align: center } .sect-body-1 h2 {font-size: 3.8vw; font-family: 'Rubik', sans-serif; } .sect-body-1 h3 {font-size: 3.5vw; font-family: 'Rubik', sans-serif; } .sect-body-1 img {width: 66vw; margin-bottom: 3vw; margin-top: 0vw; } .sect-body-1 .img-1 {width: 16vw!important; margin-bottom: 3vw; margin-top: 1vw!important; } .bg-bottom {border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .btn-add img {width: 16vw; margin-bottom: 3vw; margin-top: 4vw; } .btn-add h2 {font-size: 4vw; font-family: 'Rubik', sans-serif; color: #000; } .mobile_wrap {width: 325px; height: 580px; padding: 100px 0 0 63px; } .iphone_bg {width: 450px; height: 815px; margin: auto; background: url(../img/iphone.png) no-repeat center; } .bar-footer, .bar-footer-audio {border-top: 1px solid rgba(0, 0, 0, 0.125); background: #fff; padding: 4vw 4vw; position: fixed; bottom: 0vw; width: 100%; float: left; z-index: 99; left: 0; } .bar-footer a {border: 1px solid #ddd; padding: 2vw 8vw; font-size: 3vw; color: #000!important; border-radius: 0.3rem; cursor: pointer; } .inputfile {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } .inputfile+label {max-width: 100%; width: 100%; text-align: center; color: #fff; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; background-color: transparent; } .inputfile+label>img {width: 20vw; height: 20vw; margin-bottom: 0vw; margin-top: 1vw; } .border-img {border: 1vw solid rgba(0, 0, 0, 0.1); border-radius: 0.2rem; opacity: 0.9; width: 30vw!important; height: 30vw!important; } .list-hives {position: relative; border-bottom: 1px solid rgba(000, 0, 0, 0.1); border-top: 1px solid rgba(000, 0, 0, 0.1); height: 45vw; background: #fff; margin-bottom: 3vw; } .list-hives h3 {font-family: 'Rubik', sans-serif; font-size: 4vw; text-transform: uppercase; margin-bottom: 2vw; color: #864261; } .list-hives h4 {font-family: 'Rubik', sans-serif; font-size: .9vw; text-transform: uppercase; margin-top: 1vw; margin-bottom: 1vw; color: #afadad; } .list-hives p {font-size: 3.2vw; color: #6F6F87; text-transform: unset; line-height: 4.9vw; margin-bottom: 2.1vw; text-transform: uppercase; } .list-hives .p-1 {font-size: 3.3vw; color: #6F6F87; text-transform: unset; line-height: 5vw; margin-bottom: 0px; } .list-hives p>strong {font-family: 'Rubik', sans-serif; text-transform: uppercase; color: #864261; } .list-hives-33 {position: relative; border-bottom: 1px solid rgba(000, 0, 0, 0.1); border-top: 1px solid rgba(000, 0, 0, 0.1); height: 46vw; background: #fff; margin-bottom: 3vw; } .list-hives-33 h3 {font-family: 'Rubik', sans-serif; font-size: 4vw; text-transform: uppercase; margin-bottom: 2vw; color: #864261; } .list-hives-33 h4 {font-family: 'Rubik', sans-serif; font-size: .9vw; text-transform: uppercase; margin-top: 1vw; margin-bottom: 1vw; color: #afadad; } .list-hives-33 p {font-size: 3.1vw; color: #6F6F87; text-transform: unset; line-height: 4.9vw; margin-bottom: 2.1vw; text-transform: uppercase; } .list-hives-33 .p-1 {font-size: 3.3vw; color: #6F6F87; text-transform: unset; line-height: 5vw; margin-bottom: 0px; } .list-hives-33 p>strong {font-family: 'Rubik', sans-serif; text-transform: uppercase; color: #864261; } .list-hives-1 {border-bottom: 1px solid rgba(000, 0, 0, 0.1); border-top: 1px solid rgba(000, 0, 0, 0.1); height: 29vw; background: #fff; position: relative; margin-bottom: 3vw; } .list-hives-1 h3 {font-family: 'Rubik', sans-serif; font-size: 3.8vw; text-transform: uppercase; margin-bottom: 1vw; color: #864261; } .list-hives-1 h4 {font-family: 'Rubik', sans-serif; font-size: 3.9vw; text-transform: uppercase; margin-top: 2vw; margin-bottom: 1vw; color: #afadad; } .list-hives-1 p {font-size: 3.9vw; color: #6F6F87; text-transform: unset; line-height: 5vw; margin-bottom: 7px; } .list-hives-1 .p-1 {font-size: 3.5vw; color: #6F6F87; text-transform: unset; line-height: 5vw; margin-bottom: 0px; } .list-hives-1 p>strong {font-family: 'Rubik', sans-serif; text-transform: uppercase; color: #864261; } .list-hives-2 {border-bottom: 1px solid rgba(000, 0, 0, 0.1); border-top: 1px solid rgba(000, 0, 0, 0.1); height: 28vw; background: #fff; margin-bottom: 3vw; cursor: pointer; } .list-hives-2 h3 {font-family: 'Rubik', sans-serif; font-size: 3.9vw; text-transform: uppercase; margin-bottom: 4vw; color: #864261; } .list-hives-2 h4 {font-family: 'Rubik', sans-serif; font-size: 3.9vw; text-transform: uppercase; margin-top: 2vw; margin-bottom: 1vw; color: #afadad; } .list-hives-2 p {font-size: 3.9vw; color: #6F6F87; text-transform: unset; line-height: 5vw; margin-bottom: 7px; } .list-hives-2 .p-1 {font-size: 3.9vw; color: #6F6F87; text-transform: unset; line-height: 5vw; margin-bottom: 0px; } .list-hives-2 p>strong {font-family: 'Rubik', sans-serif; text-transform: uppercase; color: #864261; } .list-hives-23 {border-bottom: 1px solid rgba(000, 0, 0, 0.1); border-top: 1px solid rgba(000, 0, 0, 0.1); height: auto; word-wrap: break-word; background: #fff; position: relative; margin-bottom: 3vw; padding: 4vw 4vw; padding-bottom: 4vw; cursor: pointer; } .list-hives-23:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; } .list-hives-23 h3 {font-family: 'Rubik', sans-serif; font-size: 3.9vw; text-transform: uppercase; margin-bottom: 2vw; margin-top: 3vw; color: #864261; } .list-hives-23 h4 {font-family: 'Rubik', sans-serif; font-size: 3.9vw; text-transform: uppercase; margin-top: 2vw; margin-bottom: 1vw; color: #afadad; } .list-hives-23 p {font-size: 3.9vw; color: #6F6F87; text-transform: unset; line-height: 5vw; margin-bottom: 7px; } .list-hives-23 .p-1 {font-size: 3.8vw; color: #6F6F87; text-transform: unset; line-height: 5.5vw; margin-bottom: 0px; } .list-hives-23 p>strong {font-family: 'Rubik', sans-serif; text-transform: uppercase; color: #864261; } .list-recording {border-bottom: 1px solid rgba(000, 0, 0, 0.1); border-top: 1px solid rgba(000, 0, 0, 0.1); height: 23vw; background: #fff; margin-bottom: 3vw; cursor: pointer; } .list-recording-active {background: #fbce50!important; } .list-recording:hover {background: #fbce50; } .list-recording:first-child {border-top: none; } .list-recording h3 {font-family: 'Rubik', sans-serif; font-size: 3.5vw; text-transform: capitalize; margin-bottom: 1vw; text-align: left; } .list-recording h5 {font-family: 'Rubik', sans-serif; font-size: 3vw; text-transform: capitalize; margin-bottom: 1vw; color: #f05a24; text-align: left; } .list-recording h6 {font-family: 'Rubik', sans-serif; font-size: 3vw; text-transform: capitalize; margin-bottom: 1vw; color: #000; text-align: center; } .list-recording p {font-size: 3vw; text-align: left; color: #98999a; } .list-recording img {width: 13vw; margin-top: 2vw; margin-bottom: 1vw; } .p04 {padding: 4vw; position: relative; } .img-fix {background-position: center; background-size: cover; } .bg-grey {background: #f1f2f4; padding: 0px; height: 44.5vw; } .bg-grey-1 {background: #f1f2f4; padding: 0px; height: 28.5vw; } .lists-opt {padding-left: 0px; width: 100%; margin: 0 auto!important; } .lists-opt li {display: inline-flex; list-style: none; width: 100%; padding: 4.4vw 2.5vw; text-align: center; border-bottom: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; cursor: pointer; } .lists-opt li:last-child {border-bottom: none; } .lists-opt-1 {padding-left: 0px; width: 100%; margin: 0 auto!important; } .lists-opt-1 li {display: inline-flex; list-style: none; width: 100%; padding: 4.1vw 2.5vw; cursor: pointer; text-align: center; border-bottom: 1px solid rgba(000, 0, 0, 0.1); border-left: 1px solid rgba(000, 0, 0, 0.1); } .lists-opt-1 li:last-child {border-bottom: none; } .lists-settings {padding-left: 0px; margin-left: 0px; } .lists-settings li {list-style: none; border-bottom: 1px dashed rgba(000, 0, 0, 0.1); padding-bottom: 3vw; padding-top: 1vw; text-align: left; } .lists-settings li>a {font-size: 3.3vw; color: #000; } .label-status {padding: 1vw; position: absolute; width: 100%; bottom: 0px; float: left; background: rgba(17, 210, 61, 0.61); font-size: 2.8vw; line-height: 5.4vw; padding-left: 4vw; color: #fff; left: 0px; } .preloader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-top: 20vw; background-color: #efefef; z-index: 9999; } .spinner {width: 40px; height: 40px; position: relative; margin: 100px auto; } .double-bounce1, .double-bounce2 {width: 100%; height: 100%; border-radius: 50%; background-color: #864261; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce {0%, 100% {-webkit-transform: scale(0.0) } 50% {-webkit-transform: scale(1.0) } } @keyframes sk-bounce {0%, 100% {transform: scale(0.0); -webkit-transform: scale(0.0); } 50% {transform: scale(1.0); -webkit-transform: scale(1.0); } } .content-spinner {min-height: 30vw; } .wid2 h2 {font-size: 4vw; font-family: 'Rubik', sans-serif; } .wid2 p {font-size: 3.8vw; font-family: 'Rubik', sans-serif; } .wid2 img {width: 16vw; margin-bottom: 3vw; margin-top: 0.1vw; } .share {background: #000; color: #fff; padding: 1vw; font-size: 3vw; } .box-1 {border-bottom: 1px solid rgba(000, 0, 0, 0.1); } .box-2 {padding-bottom: 5vw; border-top: 1px solid rgba(000, 0, 0, 0.1); } .box-3 {padding: 1vw 3vw; } .logout {padding: 3vw 12.8vw; font-size: 3vw; line-height: 21vw; text-transform: uppercase; width: 100%; margin-left: 2vw; border: 2px solid #864261; font-family: 'Rubik', sans-serif; color: #864261!important; border-radius: 0.3rem; } .logout:hover {color: #fff!important; background: #864261!important } .logout-1 {margin-bottom: 4vw; padding: 3vw 8vw; height: 40px; font-size: 3.1vw; line-height: 6vw; text-transform: uppercase; width: 100%; border: 2px solid #6F6F87; font-family: 'Rubik', sans-serif; color: #6F6F87!important; border-radius: 0.3rem; margin-left: 2vw; } .logout-1:hover {color: #fff!important; background: #6F6F87!important } .switch-wrap {cursor: pointer; background: #f5f6fa; padding: 7px; width: 50px; height: 30px; float: right; border-radius: 33.5px; border: 1px solid #ced4da!important; } .switch-wrap input {position: absolute; opacity: 0; width: 0; height: 0 } .switch {height: 100%; display: grid; grid-template-columns: 0fr 1fr 1fr; transition: 0.2s } .switch::after {content: ''; border-radius: 50%; background: #6F6F87; grid-column: 2; transition: background 0.2s } input:checked+.switch {grid-template-columns: 1fr 1fr 0fr } input:checked+.switch::after {background-color: #864261 } .inputRange {width: 100%; margin: 6vw auto; position: relative; } input[type='range'] {display: block; width: 100%; } input[type='range']:focus {outline: none; } input[type='range'], input[type='range']::-webkit-slider-runnable-track, input[type='range']::-webkit-slider-thumb {-webkit-appearance: none; } input[type=range]::-webkit-slider-thumb {background-color: #000; width: 6vw; height: 6vw; border: 3vw solid #000; border-radius: 50%; margin-top: -2vw; } input[type=range]::-moz-range-thumb {background-color: #000; width: 6vw; height: 6vw; border: 3vw solid #000; border-radius: 50%; } input[type=range]::-ms-thumb {background-color: #000; width: 6vw; height: 6vw; border: 3vw solid #000; border-radius: 50%; } input[type=range]::-webkit-slider-runnable-track {background-color: #f5f6fa; height: 3vw; border-radius: 0.3rem; } input[type=range]:focus::-webkit-slider-runnable-track {outline: none; } input[type=range]::-moz-range-track {background-color: #f5f6fa; height: 3vw; border-radius: 0.3rem; } input[type=range]::-ms-track {background-color: #f5f6fa; height: 3vw; border-radius: 0.3rem; } input[type=range]::-ms-fill-lower {background-color: HotPink } input[type=range]::-ms-fill-upper {background-color: black; } .p44w {padding: 4vw 4vw; } .bg-form {padding-bottom: 10vw; background: #fff; padding-bottom: 1vw; border-top: 0.5px solid rgba(000, 0, 0, 0.5); } .header-form {display: flex; flex-direction: row; -webkit-box-align: center; align-items: center; background-color: rgb(249, 249, 249); border-top: 0.5px solid rgba(000, 0, 0, 0.5); padding: 2vw 4vw; padding-bottom: 0vw; } .header-form img {width: 8.5vw; margin-right: 3vw; } .header-form h4 {font-size: 4vw; color: #999; } .str-bold {font-size: 3.2vw; text-align: center; font-family: 'Rubik', sans-serif; color: #a0a0a0; } .text-info {color: #f05a24!important } .bg-form h3 {font-family: 'Rubik', sans-serif; } .demo {float: left; width: 13%; } .demo [type="radio"]:checked, .demo [type="radio"]:not(:checked) {position: absolute; left: -9999px } .demo [type="radio"]:checked+label, .demo [type="radio"]:not(:checked)+label {position: relative; padding-left: 38px; cursor: pointer; line-height: 28px; display: inline-block; color: #a0a0a0; font-weight: normal; margin-right: 1vw; font-size: 3.2vw; } .demo [type="radio"]:checked+label:before, .demo [type="radio"]:not(:checked)+label:before {content: ''; position: absolute; left: 0; top: -3.5vw; width: 30px; height: 30px; border: 1px solid #ddd; border-radius: 0.4vw; background: #fff; } .demo [type="radio"]:checked+label:after, .demo [type="radio"]:not(:checked)+label:after {content: ''; width: 22px; height: 22px; background: #000; position: absolute; top: 4px; left: 4px; border-radius: 0.4vw; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } .demo [type="radio"]:not(:checked)+label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0) } .demo [type="radio"]:checked+label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .span-text {color: #a0a0a0; font-size: 3vw!important; } .bg-c {background: #ff0707!important; } .bg-e {background: #ff6e07!important; } .toast {visibility: hidden; max-width: 50px; height: 50px; margin: auto; background-color: #CB6120; color: #fff; text-align: center; border-radius: 2px; position: fixed; z-index: 9999; left: 0; right: 0; font-size: 17px; white-space: nowrap } .toast-container {position: fixed; width: 100%; height: 50px; top: 20%; margin-left: -10px; background-color: #5d0e0e; border-radius: 2px; z-index: 9999; color: #fff; font-size: 14px; font-family: 'Open Sans', sans-serif; display: none; opacity: 0; transition: opacity 0.8s } .toast-container.show {display: block } .toast-container.fadein {opacity: 1 } .toast-icon {font-size: 14px; background-color: #5d0e0e; text-align: right; padding-right: 8px; color: #fff } .toast-msg {margin-top: 5px; text-align: center; font-weight: normal } .toast {visibility: hidden; max-width: 30vw; min-width: 90vw; height: 13vw; margin: auto; background-color: #343a40; color: #fff; text-align: center; bottom: 30px; border-radius: 4px; position: fixed; z-index: 9999; left: 0; right: 0; font-size: 3.3vw; white-space: nowrap; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } .toast-success {background-color: #81ca0d; } .toast #img {display: none; width: 15%; line-height: 8.5vw; float: left; padding-top: 3vw; padding-bottom: 3vw; box-sizing: border-box; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #DD4C16; color: #fff } .toast .desc {float: left; width: 100%; color: #fff; opacity: 0; padding: 3vw; padding-left: 0; line-height: 8vw; overflow: hidden; white-space: nowrap } .toast.show {visibility: visible; -webkit-animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s; animation: fadein 0.5s, expand 0.5s 0.5s, stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s } .toast.show .desc {-webkit-animation: fadeinDes } @-webkit-keyframes fadeinDes {from {opacity: 1 } to {opacity: 1 } } @-webkit-keyframes fadein {from {bottom: 0; opacity: 0!important } to {bottom: 30px; opacity: 1 } } @keyframes fadein {from {bottom: 0; opacity: 0!important } to {bottom: 30px; opacity: 1 } } @-webkit-keyframes expand {from {min-width: 90vw } to {min-width: 90vw } } @keyframes expand {from {min-width: 90vw } to {min-width: 90vw } } @-webkit-keyframes stay {from {min-width: 90vw } to {min-width: 90vw } } @keyframes stay {from {min-width: 90vw } to {min-width: 90vw } } @-webkit-keyframes shrink {from {min-width: 90vw } to {min-width: 90vw } } @keyframes shrink {from {min-width: 90vw } to {min-width: 90vw } } @-webkit-keyframes fadeout {from {opacity: 1 } to {visibility: hidden!important; opacity: 0!important } } @keyframes fadeout {from {bottom: 30px; opacity: 1 } to {bottom: 30px; display: none!important; visibility: hidden!important; opacity: 0!important } } .microphone {width: 18vw; height: 18vw; background: #000; border-radius: 50%; margin: 0 auto; background-size: 12vw 12vw; background-repeat: no-repeat; background-position: center; background-image: url(../icons/microphone.svg); cursor: pointer; } .stopmicrophone {width: 18vw; height: 18vw; background: #000; border-radius: 50%; margin: 0 auto; background-size: 8vw 12vw; background-repeat: no-repeat; background-position: center; background-image: url(../icons/pause.svg); cursor: pointer; } #duracion {margin-top: 2vw; font-size: 3.8vw; width: 100%; text-align: center; clear: both; font-family: 'Rubik', sans-serif; } .sect-txt-img {text-align: center!important; margin-top: -3vw; } .cell-day, .cell-opt {position: relative; height: 12vw; padding: 1vw; text-align: center; cursor: pointer; } .cell-day {border-right: 1px solid rgba(000, 0, 0, 0.1); } .cell-day:last-child {border-right: none; } .row-day {border-right: 1px solid rgba(000, 0, 0, 0.1); border-left: 1px solid rgba(000, 0, 0, 0.1); } .row-opt {background: url('../img/bgline.png'); background-position: center; border-right: 1px solid rgba(000, 0, 0, 0.1); border-left: 1px solid rgba(000, 0, 0, 0.1); } .cell-day h6 {font-size: 3.1vw; margin-bottom: 0.3vw; color: #98999a; font-family: 'Rubik', sans-serif; } .cell-day span {font-size: 3.5vw; color: #98999a; font-family: 'Rubik', sans-serif; } .day-active, .cell-day:hover {background: #000; border-right: 1px solid #000; border-left: 1px solid #000; } .day-active>h6, .cell-day:hover h6 {color: #fff; } .day-active span, .cell-day:hover span {color: #fff; } .circle-opt {width: 5vw; height: 5vw; background: #98999a; border-radius: 50%; margin: 0 auto; margin-top: 2.3vw; } .opt-active .circle-opt, .circle-opt:hover {width: 5vw; height: 5vw; background: #000; border-radius: 50%; margin: 0 auto; margin-top: 2.3vw; } .title-section {font-family: 'Montserrat-Black'; text-transform: uppercase; color: #864261; margin-top: 7vw; margin-bottom: 1vw; font-size: 7vw; } .title-section-1 {font-family: 'Montserrat-Black'; text-transform: uppercase; color: #864261; margin-top: 1vw; margin-bottom: 1vw; font-size: 5vw; margin-left: 4vw; } .title-section-2 {font-family: 'Rubik', sans-serif; text-transform: uppercase; color: #864261; margin-top: 3vw; margin-bottom: 1vw; font-size: 5vw; } .title-section-22 {font-family: 'Rubik', sans-serif; text-transform: uppercase; color: #aba8a8; margin-top: 7vw; margin-bottom: 1vw; font-size: 3.5vw; } .title-section-3 {font-family: 'Montserrat-Black'; text-transform: uppercase; color: #864261; margin-top: 3vw; margin-bottom: 4vw; font-size: 5vw; } .p-content {padding: 3vw 3vw; border-bottom: 0.3rem; background: #fff; border-radius: 0.3rem; font-size: 4vw; margin-top: 4vw; text-align: left; } .title-date {text-decoration: none; color: #6F6F87; font-size: 3.5vw; text-align: center; text-transform: uppercase; margin-top: 3vw; margin-bottom: 9vw; font-family: 'Rubik', sans-serif; } .title-date-1 {text-decoration: none; color: #6F6F87; font-size: 3.5vw; text-align: left; margin-left: 4vw; text-transform: uppercase; margin-top: 1vw; margin-bottom: 3vw; font-family: 'Rubik', sans-serif; } .title-date-2 {text-decoration: none; color: #6F6F87; font-size: 3.5vw; text-align: left; text-transform: uppercase; margin-top: 1vw; font-family: 'Rubik', sans-serif; } .title-date-22 {text-decoration: none; color: #6F6F87; font-size: 3.5vw; text-align: left; text-transform: uppercase; margin-top: 1vw; margin-bottom: 3vw; font-family: 'Rubik', sans-serif; } .avatar-user {width: 24vw; margin-top: 4vw; } .bar-search {background: #6F6F87; width: 100%; position: fixed; z-index: 999; float: left; left: 0; padding-left: 8px; padding-right: 8px; top: 0; display: none } .bar-search input[type="text"], .bar-search input[type="tel"], .bar-search input[type="email"], .bar-search input[type="password"], .bar-search textarea {background: #f6f6f6; border: 1px solid #f6f6f6!important; font-family: 'Rubik', sans-serif; color: #666669; font-size: 13px; height: 12vw; width: 82%; float: left; box-shadow: none; border-radius: 0.3rem; flex: none; } .bar-search .input-group {position: relative; display: table; border-collapse: separate; margin-bottom: 1.5vw; margin-top: 1.5vw } .bar-search .input-group-addon {padding: 2.2vw 12px; padding-left: 7vw; text-align: center; background-color: #f6f6f6; border: 1px solid #f6f6f6; border-right: none!important; box-shadow: none!important; border-top-right-radius: 0px!important; border-bottom-right-radius: 0!important; border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem } .bar-search .input-group-addon-eye {border-top-left-radius: 0!important; border-bottom-left-radius: 0!important; border-top-right-radius: 0.3rem!important; border-bottom-right-radius: 0.3rem!important; width: 18%; float: left; height: 12vw; display: inline-block; } .bar-search .input-group-addon img {max-width: 26px } .search-items {width: 100%; background: #fff; padding-left: 0px; } .search-items li {list-style: none; background: #fff; padding: 2vw 3vw; font-size: 3.5vw; height: 15vw; line-height: 12vw; color: #6F6F87; border-bottom: 1px solid rgba(000, 0, 0, 0.1); } .search-items li:hover {background: #6F6F87; color: #fff; } [type="radio"]:checked, [type="radio"]:not(:checked) {position: absolute; left: -9999px } [type="radio"]:checked+label, [type="radio"]:not(:checked)+label {position: relative; padding-left: 3vw; cursor: pointer; line-height: 2.5vw; display: inline-block; text-transform: unset; font-family: 'Rubik', sans-serif; margin-right: 1vw; } [type="radio"]:checked+label:before, [type="radio"]:not(:checked)+label:before {content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; border: 1px solid #ddd; border-radius: 50%; background: #fff; } [type="radio"]:checked+label:after, [type="radio"]:not(:checked)+label:after {content: ''; width: 22px; height: 22px; background: #ff9b7b; position: absolute; top: 4px; left: 4px; border-radius: 50%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } [type="radio"]:not(:checked)+label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0) } [type="radio"]:checked+label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .panel-noty {box-shadow: 0.5vw 0.5vw 6vw 0.8vw #aba8a8!important; background: #fff; margin: 0 auto; margin-top: 19vw; margin-left: 2vw; padding: 3vw 0vw; width: 95%; border-radius: 0.3rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; position: relative; } .panel-noty:before {border: 14px solid #fff; content: ''; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; position: absolute; float: right; right: 0vw; top: -7vw; } .panel-noty ul {width: 100%; padding-left: 0px; margin-bottom: 0px; } .panel-noty ul>li {list-style: none; padding: 3.5vw 3vw; font-size: 3.7vw; font-family: 'Rubik', sans-serif; color: #6F6F87; border-bottom: 1px solid rgba(000, 0, 0, 0.1); } .panel-noty ul>li:last-child {border-bottom: none; } .panel-noty ul>li>span {width: 9.5vw; height: 9.5vw; background-size: 5.5vw 5.5vw; background-position: center; background-repeat: no-repeat; margin-right: 2vw; margin-top: -2vw; float: left; border-radius: 50%; } .btn-group {margin-left: 3vw; margin-bottom: 4vw; } .select-1 {height: 13.3vw; width: 85%; margin: 0 auto; } .btn-block-1 {width: 44%; margin-top: -2vw; margin-bottom: 7vw; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .panelh {background: #f1f1f1; border-bottom-left-radius: 3rem; border-bottom-right-radius: 3rem; margin-bottom: 9vw; } .phone-movil {position: relative; padding: 4vw 16px; bottom: 2%; line-height: 38px; padding: 6px 16px; height: 50px; font-size: 16px; background: #864261; border-radius: 0.3rem; cursor: pointer; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; cursor: pointer margin-top:5%; color: #fff; float: center; text-align: center; right: 0; margin-top: 10px } .phone-movil:hover {background-color: #864261 } .panel-heading {font-size: 3.5vw; } .user-nav ul {width: 100%; list-style: none; padding: 0; margin: 0; display: block } .user-nav ul li {width: 90%; list-style: none; padding: 5.5vw 0 3vw 0; margin: 0 0 0 5%; display: inline-block; text-align: left; } .user-nav ul li a {font-size: 3.8vw; font-weight: 300; color: #6F6F87; font-family: 'Rubik', sans-serif; } .user-nav ul li a strong {color: #666669 } .user-nav ul li a img {width: 16px; margin-top: -2vw; } .user-nav-1 ul {width: 100%; list-style: none; padding: 0; margin: 0; margin-top: -7vw; display: block } .user-nav-1 ul li {width: 90%; list-style: none; padding: 5.5vw 0 3vw 0; margin: 0 0 0 5%; display: inline-block; text-align: left; } .user-nav-1 ul li a {font-size: 3.8vw; font-weight: 300; color: #6F6F87; font-family: 'Rubik', sans-serif; } .user-nav-1 ul li a strong {color: #666669 } .user-nav-1 ul li a img {width: 16px; margin-top: -1vw; } .edit-profile-2 {width: 7.5vw; height: 7.5vw; background-size: 4vw 4vw; background-position: center; background-repeat: no-repeat; background-color: #864261; background-image: url(../icons/edit_white.svg); border-radius: 50%; float: right; margin-top: -2vw; color: #fff; font-size: 5vw; text-align: center; } .edit-profile-2:hover {background-color: #6F6F87; } .edit-profile {height: 30px; width: 30px; background: #864261; border-radius: 50%; float: right; margin-top: -1vw; margin-right: 1vw; color: #fff; font-size: 5vw; text-align: center; line-height: 30px; } .edit-profile:hover {background: #6F6F87 } .edit-profile-1 {height: 30px; width: 30px; background: #864261; border-radius: 50%; float: right; position: absolute; float: right; right: 1.9vw; font-size: 5vw; margin-top: -21vw; color: #fff; text-align: center; line-height: 30px; cursor: pointer; } .edit-profile-1:hover {background: #6F6F87 } #inputGroup-sizing-sm {height: 13vw; line-height: 10vw; padding: 3vw; margin-top: -2vw; background: #e2400d; border: none; border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; margin-left: 19.5vw; } .mtop2 {margin-top: 2vw; } .list-opt {width: 100%; list-style: none; padding: 0; margin: 0; display: block; } .list-opt li {width: 100%; background: #fffdfd; list-style: none; padding: 4vw 1vw 0vw 3.5vw; border-radius: 0.3rem; margin: 0 0 0 5%; margin-bottom: 3vw; display: inline-block; text-align: left; font-size: 3.5vw; margin-left: 0px; font-weight: 300; color: #6F6F87; font-family: 'Rubik', sans-serif; border: 1px #ced4da solid; } #s_cal .s_sd {float: left; height: 2.5vw; width: 14.285%; text-align: center; border-right: 1px solid #CCC; color: #6F6F87; font-size: 1.2vw; font-family: 'Rubik', sans-serif; background-color: #dedede; padding-top: 0.5124450951683748vw; padding-bottom: 0.5124450951683748vw; } #s_cal .cal_nodia {float: left; color: #666; background-color: #f7f7f7; line-height: 3.1vw; height: 5.2vw; width: 14.285%; font-size: 1.4641288433382138vw; font-family: 'Rubik', sans-serif; } #s_cal .cal_nodianh {float: left; color: #43425d; background-color: #f7f7f7; line-height: 3.1vw; height: 5.2vw; width: 14.285%; text-decoration: none; font-size: 1.4641288433382138vw; font-family: 'Rubik', sans-serif; } #s_cal .cal_dia {float: left; font-size: 1.4641288433382138vw; color: #43425d; background-color: #f7f7f7; line-height: 3.1vw; height: 5.2vw; width: 14.285%; font-family: 'Rubik', sans-serif; font-weight: bold; } #s_cal .cal_dia a:hover {background-color: #86fd86; } #s_cal .cal_diaoc {float: left; font-size: 1.4641288433382138vw; color: #43425d; background-color: #f7f7f7; line-height: 3.1vw; height: 5.2vw; width: 14.285%; font-family: 'Rubik', sans-serif; } #s_cal .s_day {display: block; height: 5.124450951683748vw; color: #FFF; text-align: center; background-color: #6F6F87; font-size: 2.562225475841874vw; font-family: 'Montserrat-Black'; text-transform: uppercase; font-weight: bold; width: 100%; padding-top: 0.7320644216691069vw; padding-bottom: 0.7320644216691069vw; } .circlepink {border-style: solid; width: 3.5vw; height: 3.5vw; line-height: 3.2vw; text-align: center; margin: 0 auto; margin-top: 1vw; font-size: 1.6vw; border-radius: 50%; border: 3px solid rgba(255, 0, 0, .3); cursor: not-allowed; opacity: 0.5; } .circlegreen {border-style: none; width: 3.5vw; height: 3.5vw; line-height: 3.2vw; margin: 0 auto; margin-top: 0.8vw; text-align: center; font-size: 1.1vw; border-radius: 50%; border: 3px solid #A9F897; background-color: #A9F897; cursor: pointer; } .arrow-next {width: 1.2vw; margin-top: 0.5vw; max-height: 100%; max-width: 100%; float: right; } .arrow-prev {width: 1.2vw; margin-top: 0.5vw; max-height: 100%; max-width: 100%; float: left; } .lodcal:after {content: ""; display: block; height: 0; clear: both; visibility: hidden; } .lodcal {width: 100%; border: 1px solid #ddd; background: #f7f7f7; padding-bottom: 10px; border-radius: 1.4rem; height: auto; clear: both; word-wrap: break-word; margin-bottom: 1vw; } #capa {min-height: 112vw; } .points-noty {width: 10px; height: 10px; background: #ff5722; border-radius: 50%; margin-top: -2vw; margin-left: -2vw; } .modal-content {background-color: #fff!important; -webkit-box-shadow: 0 5px 15px rgba(204, 197, 197, 0.5); box-shadow: 0 5px 15px rgba(204, 197, 197, 0.5); border: 1px solid transparent; } .modal-header {padding: 0px; border-bottom: none; } .modal-header h3 {font-family: 'Rubik', sans-serif; font-size: 1.4vw; color: #864261; text-align: center; text-transform: uppercase; margin-top: 0px; } .modal-header .close {margin-top: -3vw; font-size: 2vw; } .close {color: #6F6F87!important; opacity: 1!important; } .times .hora .cturno {color: #6F6F87; background-color: #FFF; display: block; text-decoration: none; padding: 0.5vw; border: 1px solid #6F6F87; font-size: 1vw; border-radius: 0.3rem; text-align: center; font-family: 'Rubik', sans-serif; } .times .hora .cturno:hover, .times_active {color: #fff!important; background-color: #A9F897!important; border: 1px solid #A9F897!important; } .times {float: left; text-align: center; width: 13%; margin-right: 1%; margin-bottom: 3%; } .text-date-33 {clear: both; margin-top: 1vw; } .tit {display: block; margin: 0 auto; padding: 10px; padding-left: 0px; font-family: 'Rubik', sans-serif; font-size: 1.4vw; text-transform: uppercase; color: #864261; width: 100%; margin-bottom: 1vw; } .no-padding-desktop {padding: 0px; } .img-pres {width: 8vw; height: 8vw; border-radius: 0.3rem; margin: 0 auto; } .subtit {width: 100%; text-align: left; text-transform: uppercase; margin-top: -1vw; font-family: 'Rubik', sans-serif; font-size: 1vw; color: #6F6F87; } .panel-pres {clear: both; height: 25vw; border-bottom: 1px solid rgba(000, 0, 0, 0.1); } .xsletter {font-family: 'Rubik', sans-serif; font-size: 1vw; margin-top: -0.3vw; color: #808087; text-transform: uppercase; } .dispobutton {font-size: 1vw; position: absolute; float: right; right: 0; bottom: 0px; background: #f15b26; border: 1px solid #f15b26; text-transform: uppercase; font-weight: bold; border-radius: 20px; line-height: 2.5vw; padding: 0.2vw 1vw; border-radius: 0.5rem; width: 13vw; height: 3vw; bottom: -2vw; color: #fff!important; font-family: 'Rubik', sans-serif; } .dispobutton:hover {background: #808087; border: 1px solid #808087; } .form-desc {font-size: 3.4vw; } .caret-op {background: #2cc507; border: 1px solid #2cc507; padding: 1vw; color: #fff; border-radius: 4px; position: absolute; bottom: 6%; width: 40%; font-size: 11px; text-align: center; float: left; } .caret-op1 {background: #ff5722; border: 1px solid #ff5722; padding: 1vw; position: absolute; bottom: 6%; color: #fff; border-radius: 4px; width: 40%; font-size: 11px; text-align: center; float: left; } .caret-op2 {background: #7970ff; border: 1px solid #7970ff; padding: 1vw; color: #fff; position: absolute; bottom: 6%; border-radius: 4px; width: 40%; font-size: 11px; text-align: center; float: left; } .caret-op3 {background: #5c53e8; border: 1px solid #5c53e8; padding: 1vw; color: #fff; position: absolute; bottom: 6%; border-radius: 4px; width: 40%; font-size: 11px; text-align: center; float: left; } .caret-op4 {background: #6F6F87; border: 1px solid #6F6F87; padding: 1vw; color: #fff; position: absolute; bottom: 6%; border-radius: 4px; width: 40%; font-size: 11px; text-align: center; float: left; } .caret-op5 {background: #eaeaea; border: 1px solid #eaeaea; padding: 1vw; color: #6F6F87; position: absolute; bottom: 6%; border-radius: 4px; width: 40%; font-size: 11px; text-align: center; float: left; left: 48%; } .caret-op6 {background: #eaeaea; border: 1px solid #eaeaea; padding: 1vw; color: #6F6F87; position: absolute; bottom: 6%; border-radius: 4px; width: 40%; font-size: 11px; text-align: center; float: left; } .caret-op7 {background: #71e0ef; border: 1px solid #71e0ef; padding: 1vw; color: #fff; position: absolute; bottom: 6%; border-radius: 4px; width: 40%; font-size: 11px; text-align: center; cursor: pointer; float: left; } .caret-op8 {background: #71e0ef; border: 1px solid #71e0ef; padding: 1vw; color: #fff; position: absolute; bottom: 6%; border-radius: 4px; width: 40%; cursor: pointer; font-size: 11px; text-align: center; float: left; } .caret-op9 {background: #71e0ef; border: 1px solid #71e0ef; padding: 0.8vw; color: #fff; position: relative; bottom: 6%; border-radius: 4px; width: 20%; margin-top: 10px; margin-right: 10px; font-size: 11px; text-align: center; cursor: pointer; float: left; } .caret-op10 {background: #71e0ef; border: 1px solid #71e0ef; padding: 0.8vw; color: #fff; position: relative; bottom: 6%; border-radius: 4px; width: 20%; margin-top: 10px; margin-right: 10px; font-size: 11px; text-align: center; cursor: pointer; float: left; } .cntent-ass {position: absolute; width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, 0.05); top: 0px; left: 0px; padding-top: 3vw; } .panel-ass {position: relative; background: #fff; border: 1px solid #fff; border-radius: 0.2rem; width: 76%; padding: 1.1vw 0vw; margin: 0 auto; float: right; box-shadow: 0.5vw 0.5vw 3vw 0.8vw rgba(0, 0, 0, 0.3)!important; margin-right: 5vw; text-align: center; } .panel-ass:before {border: 3vw solid #fff; content: ''; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; position: absolute; float: right; right: -6.1vw; top: 0.5px; } .panel-ass p {font-size: 4vw; margin-top: 4vw; } .panel-ass ul {padding: 0px; margin: 0px; } .panel-ass ul li {text-align: right; padding-right: 4vw; line-height: 10vw; margin-bottom: 0vw; font-size: 4vw; } .panel-ass ul li:last-child {border-bottom: none; margin-bottom: 0vw; } .btn-asis {background: #2cc507; border: 2px solid #2cc507 padding: 3vw 3vw; margin-top: 2vw; margin-bottom: 2vw; color: #fff; width: 79%; border-radius: 4px; font-size: 12px; line-height: 10vw; text-align: center; } .btn-asis:hover {background: #fff; border: 2px solid #2cc507; color: #2cc507; } .btn-au {background: #ff6a3b; border: 2px solid #ff6a3b; padding: 3vw 3vw; margin-top: 2vw; margin-bottom: 2vw; width: 79%; color: #fff; border-radius: 4px; font-size: 12px; line-height: 24px; text-align: center; } .btn-au:hover {background: #fff; border: 2px solid #ff6a3b; color: #ff6a3b; } .btn-pa {background: #7970ff; border: 2px solid #7970ff; padding: 3vw 3vw; margin-top: 2vw; margin-bottom: 2vw; width: 79%; color: #fff; border-radius: 4px; font-size: 12px; line-height: 24px; text-align: center; } .btn-pa:hover {background: #fff; border: 2px solid #7970ff; color: #5c53e8; } .li-asis:hover {background: #2cc507; border: 1px solid #2cc507; color: #fff; } .li-au:hover {background: #ff6a3b; border: 1px solid #ff6a3b; color: #fff; } .li-p:hover {background: #7970ff; border: 2px solid #7970ff; color: #fff; } .modal-content-1 {position: relative; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-color: #fff!important; -webkit-box-shadow: 0 5px 15px rgba(204, 197, 197, 0.5); box-shadow: 0 5px 15px rgba(204, 197, 197, 0.5); border: 1px solid transparent; margin-top: 10vw; } .modal-header-1 .close {margin-top: -4vw; font-size: 3vw; } .modal-header-1 {padding: 0px; border-bottom: none; } .modal-content-1 {width: 99%; padding: 1.5vw; padding-top: 2vw; } .modal-header-1 h3 {color: #864261; text-align: center; text-transform: uppercase; margin-top: 0px; font-size: 1.6vw; font-family: 'Rubik', sans-serif; } #myModalp {width: 100%; } .p-bttom {padding-bottom: 6vw; } .img-error {width: 27vw; margin-top: 7vw; } .title-error {text-decoration: none; color: #6F6F87; font-size: 1.6vw; text-align: center; text-transform: uppercase; margin-top: 1vw; margin-bottom: 1vw; font-family: 'Rubik', sans-serif; } .btn-w50 {width: 25%!important; line-height: 2vw!important; font-size: 14px!important } .clock-inc {width: 1.6vw; position: absolute; float: right; right: 1vw; bottom: 1vw; } .menu-opt {text-align: right; margin-top: 1vw; margin-right: 1.5vw; margin-bottom: 0.5vw; } .text-pp {padding-left: 6vw; } .menu-opt li {list-style: none; display: inline-block; text-align: right; margin-right: 0.7vw; } .icon-avatar {width: 2.8vw; margin-right: 0.5vw; margin-top: -0.6vw; } a {text-decoration: none!important; cursor: pointer; } .widget-top {margin-top: 10vw!important; } .widget {float: left; margin: 0 0 30px; width: 100%; position: relative; padding-bottom: 20px; border-radius: 0.6rem; box-shadow: none; background: #864261; border: 1px solid #f2f2f2; cursor: pointer; } .widget-1 {background: #b2b2b2!important; } .widget:hover {background: #6F6F87; } .widget-1:hover {background: #864261!important; } .widget-title {float: left; margin: 0 0 10px; position: relative; padding: 1vw 1vw; width: 100%; padding-bottom: 1vw; border-bottom: 1px solid #f2f2f2; } .widget-title.light h3 {color: #fff; font-size: 1.2vw; text-transform: uppercase; font-family: 'Rubik', sans-serif; } .widget-title.light p {color: #fff; font-size: 0.9vw; } .widget-content {padding: 0.8vw 1vw; position: relative; margin: 0 0 10px; clear: both; } .content-wrapper {padding-left: 5vw; padding-top: 2vw; width: 100%; min-height: 60vw; height: auto; padding-bottom: 5vh; background: #d1dae4; } .shedules {width: 100%; padding-right: 6vw; padding-top: 4vw; } .shedules h3 {font-family: 'Rubik', sans-serif; text-transform: uppercase; font-size: 1.3vw; margin-bottom: 2vw; } .shedules a {color: #6F6F87!important; width: 100%; display: block; height: 2vw; margin-bottom: 0.5vw; cursor: pointer; } #bottom-bar {bottom: 0px; width: 100%; position: relative; background: #fff; box-shadow: 1px 0 20px rgb(0 0 0 / 10%); padding: 10px 80px; padding: 0.5vw 0vw; padding-top: 1.5vw; color: #6F6F87; font-size: 1vw; } #bottom-bar ul {text-align: right; } #bottom-bar ul>li {list-style: none; margin-left: 1vw; display: inline-block; } #bottom-bar ul>li>a {color: #fff; font-size: 0.8vw } .card-profile-1 {cursor: pointer; border-radius: 10px; -webkit-box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08); box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08); border: 0; } .card-profile-1 .card-body {padding: 1vw; } .card-profile-2 {cursor: pointer; border-radius: 10px; -webkit-box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08); box-shadow: 0 4px 20px 1px rgba(0, 0, 0, .06), 0 1px 4px rgba(0, 0, 0, .08); border: 0; } .card-profile-2 .card-body {padding: 1vw; } .card-profile-1 img {width: 5vw; height: 5vw; overflow: hidden; margin: auto; border-radius: 50%; border: 1px solid #ddd; } .card-profile-1 h5 {text-decoration: none; color: #6F6F87; font-size: 0.9vw; text-align: center; text-transform: uppercase; font-family: 'Rubik', sans-serif; } .card-profile-1 .btn-primary {padding: initial; width: 40%; border-radius: 4rem; color: #fff!important; font-size: 0.8vw; line-height: normal; background: #ff5722; border: 1px solid #ff5722; height: 2.4vw; text-transform: capitalize; line-height: 2.6vw; margin-top: 1vw; margin-bottom: 1vw; line-height: 2.4vw; font-family: 'Rubik', sans-serif; } .card-profile-1 .btn-primary:hover {background: #6F6F87; border: 1px solid #6F6F87; } .card-socials-simple {background: #f7f7f7; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top: 1px solid #ddd; } .card-socials-simple ul {width: 100%; margin: 0 auto; padding-left: 0px; } .card-socials-simple ul li {display: inline-block; padding-top: 1vw; padding-bottom: 1vw; text-align: center; width: 30.3333333333%; font-size: 0.9vw; } .tt {color: #fff; font-size: 0.8vw; text-align: center; text-transform: uppercase; font-family: 'Rubik', sans-serif; padding: 0.8vw 1vw; border-radius: 0.5rem; } .ptop {padding-top: 2vw; } .nav-pills {margin-bottom: 2vw; } .controls a {color: #fff!important; float: left; font-size: 0.8vw; padding: 0.3vw 0.8vw!important; text-transform: capitalize; margin-right: 1vw; margin-bottom: 0.5vw; cursor: pointer; border-radius: 4px; text-align: center; font-family: 'Rubik', sans-serif; } .bklst2 {background: #fbf9f9; border-radius: 0.5rem; border: 1px solid #ddd; margin: 0 auto; width: 80%; } .form-empresa {width: 80%; margin: 0 auto; } .bklst2-header {padding-left: 1vw; padding-top: 0.4vw; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom: 1px solid #ddd; background: #6F6F87; } .bklst2-body {padding: 1vw 0vw; } .bklst2 h4 {text-decoration: none; color: #fff; font-size: 1.1vw; text-align: left; line-height: 20px; text-transform: uppercase; cursor: pointer; font-family: 'Rubik', sans-serif; } .bklst2 ul {width: 100%; padding-left: 0vw; margin: 0 auto; } .bklst2 ul>li {padding: 0.6vw 1vw; padding-left: 0px; border-bottom: 1px solid #ddd; cursor: pointer; } .bklst2 ul>li>a>span {background: #ff5722; padding: 0.1vw 1vw; float: right; font-size: 0.8vw; border-radius: 0.3rem; color: #fff; } .bklst2 ul>li>a {color: #6F6F87; padding-left: 1vw; } .bklst2 ul>li>a>i {float: right; } .bklst2 ul>.active>a {color: #ff5722!important; } .bklst2 ul>li:hover>a, .bklst2 ul>li>a:hover {color: #ff5722; } .bklst2 ul>li:last-child {border-bottom: none; } .submenu-pp {display: none; width: 100%; padding-left: 1vw!important; margin: 0 auto; margin-top: 1vw!important; } .submenu-pp>li {border-bottom: none!important; } .mtpp21 {margin-top: 1.5vw!important; } .img-pres-table {width: 3vw; height: 3vw; margin: 0 auto; border-radius: 3px; } .mpago {margin-top: -1vw; margin-bottom: -1vw; width: 4.5vw; } .demoo1 [type="checkbox"]:checked, .demoo1 [type="checkbox"]:not(:checked) {position: absolute; left: -9999px } .demoo1 [type="checkbox"]:checked+label, .demoo1 [type="checkbox"]:not(:checked)+label {position: relative; padding-left: 3vw; cursor: pointer; line-height: 2.5vw; display: inline-block; text-transform: unset; font-family: 'Rubik', sans-serif; margin-right: 1vw; } .demoo1 [type="checkbox"]:checked+label:before, .demoo1 [type="checkbox"]:not(:checked)+label:before {content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; border: 1px solid #ddd; border-radius: 0.4vw; background: #fff; } .demoo1 [type="checkbox"]:checked+label:after, .demoo1 [type="checkbox"]:not(:checked)+label:after {content: ''; width: 22px; height: 22px; background: #ff9b7b; position: absolute; top: 4px; left: 4px; border-radius: 0.4vw; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } .demoo1 [type="checkbox"]:not(:checked)+label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0) } .demoo1 [type="checkbox"]:checked+label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .n-ppding {padding-top: 3vw; } .label-checkbox {font-family: 'Thaoma-Regular'; text-transform: capitalize } .user_avatar {width: 90%; margin: auto; position: relative } .user_avatar img {border-radius: 50%; width: 8vw; height: 8vw } .edit-avatar {position: absolute; height: 30px; width: 30px; background: #ff5722; border-radius: 50%; cursor: pointer; float: right; right: 0vw; color: #fff; top: 30%; text-align: center; line-height: 30px; z-index: 99; height: 2vw; width: 2vw; line-height: 2vw } .user_thumb {width: 17%; position: relative; } .btn-excel {height: 3.2vw!important; } .demo-radio {float: left; margin-bottom: 0.5vw; } .col-md-55 {width: 20%; float: left; padding-left: 15px; padding-right: 15px; } .pptop {padding-top: 1vw!important; } .mm-bt {margin-bottom: 1vw; } .f1-steps {overflow: hidden; position: relative; margin-top: 20px } .f1-progress {position: absolute; top: 24px; left: 0; width: 100%; height: 1px; background: #ddd } .f1-progress-line {position: absolute; top: 0; left: 0; height: 1px; background: #ff5722 } .f1-step {position: relative; float: left; width: 33.333333%; padding: 0 5px; text-align: center; } .f1-step-icon {display: inline-block; width: 3.8vw; height: 3.8vw; margin-top: 0px; background: #ddd; cursor: pointer; color: #fff; font-size: 1.6vw; line-height: 3.8vw; margin-bottom: 1vw; text-align: center; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% } .f1-step.activated .f1-step-icon {background: #fff; border: 1px solid #ff5722; color: #ff5722; line-height: 38px } .f1-step.active .f1-step-icon {width: 3.8vw; height: 3.8vw; margin-top: 0; margin-bottom: 1vw; cursor: pointer; background: #ff5722; color: #fff; font-size: 1.6vw; line-height: 3.8vw; text-align: center; } .f1-step p {color: #ccc } .f1-step.activated p {color: #ff5722 } .f1-step.active p {color: #ff5722 } .f1 fieldset {display: none; text-align: left } .f1-buttons {text-align: right } .f1 .input-error {border-color: #ff5722 } .form-date-1 {height: 2.5vw!important; margin-bottom: 1vw; } .label-date {margin-top: 0.6vw; font-size: 0.8vw; } .demo-radio [type="radio"]:checked, .demo-radio [type="radio"]:not(:checked) {position: absolute; left: -9999px } .demo-radio [type="radio"]:checked+label, .demo-radio [type="radio"]:not(:checked)+label {position: relative; padding-left: 38px; cursor: pointer; line-height: 28px; display: inline-block; text-transform: unset; font-family: 'Rubik', sans-serif; margin-right: 1vw; } .demo-radio [type="radio"]:checked+label:before, .demo-radio [type="radio"]:not(:checked)+label:before {content: ''; position: absolute; left: 0; top: 0; width: 30px; height: 30px; border: 1px solid #ddd; border-radius: 0.4vw; background: #fff; } .demo-radio [type="radio"]:checked+label:after, .demo-radio [type="radio"]:not(:checked)+label:after {content: ''; width: 22px; height: 22px; background: #ff9b7b; position: absolute; top: 4px; left: 4px; border-radius: 0.4vw; -webkit-transition: all 0.2s ease; transition: all 0.2s ease } .demo-radio [type="radio"]:not(:checked)+label:after {opacity: 0; -webkit-transform: scale(0); transform: scale(0) } .demo-radio [type="radio"]:checked+label:after {opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .label-radio {font-family: 'Rubik', sans-serif; text-transform: capitalize } .bdashed {border-top: 1px dashed #ddd } .card-icon-bg {margin-bottom: 1vw; background-color: #fff; border: 1px solid #fbf7f7; border-radius: 0.5rem; box-shadow: 1px 1px 5px #f3f3f3!important; padding-bottom: 0.2vw; } .card-icon-bg i {float: left; margin-left: 3vw; padding-top: 1.8vw; font-size: 4vw; color: #ff8d68; } .card-icon-bg .card-body .content {margin: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; max-width: 82px; padding-top: 20px; } .card-icon-bg .mt-2 {text-decoration: none; color: #6F6F87; font-size: 0.9vw; margin-top: 0.7vw; text-align: left; text-transform: uppercase; font-family: 'Rubik', sans-serif; } .card-icon-bg .text-24 {font-size: 1.7vw; } .card-icon-bg .text-primary {color: #ff8d68!important; } .inputfile {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } .inputfile+label {max-width: 100%; margin: 0 auto; text-align: center; width: 100%; font-size: 0.8vw; color: #fff; font-family: 'Rubik', sans-serif; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 0.9vw 1vw; line-height: 1vw; border-radius: 0.3rem; background-color: #0caebb; } .img-emp {margin: 0 auto; text-align: center; } .img-emp img {width: 8vw; height: 8vw; margin-bottom: 1vw; border-radius: 0.3rem; border: 1px solid #efecec; } label {display: inline-block; margin-bottom: 0.5rem; font-size: 0.9vw; } .title-section-22 {font-family: 'Rubik', sans-serif; text-transform: uppercase; color: #aba8a8; margin-top: 2vw; margin-bottom: 3vw; font-size: 1.1vw; } .list-hives-23 h3 {font-size: 1vw; } .label-1 {display: inline-block; margin-bottom: 0.5rem; font-family: 'Rubik', sans-serif; font-size: 1.1vw; text-transform: uppercase; margin-bottom: 1vw; color: #864261; padding-top: 1vw; } .list-hives-23 h4 {font-family: 'Rubik', sans-serif; font-size: 1.1vw; text-transform: uppercase; margin-top: -2vw; margin-bottom: 1vw; color: #afadad; } .list-hives-23 {width: 70%; border-bottom: 1px solid rgba(000, 0, 0, 0.1); border-top: 1px solid rgba(000, 0, 0, 0.1); height: auto; word-wrap: break-word; background: #fff; position: relative; margin-bottom: 3vw; padding: 1vw 1vw; padding-bottom: 1vw; cursor: pointer; } .list-hives-23 .p-1 {font-size: 1vw; line-height: 1.9vw; } .list-hives-23 p {font-size: 1.1vw; color: #6F6F87; text-transform: unset; line-height: 1.6vw; margin-bottom: 1vw; } .input-group, .form-group {text-align: left; } .more {margin-right: 1vw; } .minus {margin-left: 1vw; } .border-img {width: 15vw!important; height: 15vw!important; } .sect-txt-img {text-align: center!important; margin-top: -4vw; } .microphone {width: 8vw; height: 8vw; background: #000; border-radius: 50%; margin: 0 auto; background-size: 4vw 4vw; background-repeat: no-repeat; background-position: center; background-image: url(../icons/microphone.svg); } .stopmicrophone {width: 8vw; height: 8vw; background: #000; border-radius: 50%; margin: 0 auto; background-size: 4vw 6vw; background-repeat: no-repeat; background-position: center; background-image: url(../icons/pause.svg); } #duracion {margin-top: 2vw; font-size: 1.4vw; } .sect-body-1 img {width: 20vw; margin-bottom: 2vw; margin-top: 0vw; } .sect-body-1 h2 {font-size: 1.5vw; } .p-top4 {padding-top: 10vw; } .toast {height: 6vw; font-size: 2vw; bottom: 6vw; } .toast .desc {padding: 3vw; line-height: 1vw; } input[type=range]::-webkit-slider-thumb {background-color: #000; width: 2vw; height: 2vw; border: 1vw solid #000; border-radius: 50%; margin-top: -0.5vw; } input[type=range]::-moz-range-thumb {background-color: #000; width: 2vw; height: 2vw; border: 1vw solid #000; border-radius: 50%; } input[type=range]::-ms-thumb {background-color: #000; width: 2vw; height: 2vw; border: 1vw solid #000; border-radius: 50%; } input[type=range]::-webkit-slider-runnable-track {background-color: #f5f6fa; height: 1vw; border-radius: 0.3rem; } input[type=range]:focus::-webkit-slider-runnable-track {outline: none; } input[type=range]::-moz-range-track {background-color: #f5f6fa; height: 1vw; border-radius: 0.3rem; } input[type=range]::-ms-track {background-color: #f5f6fa; height: 1vw; border-radius: 0.3rem; } .demo [type="radio"]:checked+label, .demo [type="radio"]:not(:checked)+label {font-size: 1.1vw; } .demo [type="radio"]:checked+label:before, .demo [type="radio"]:not(:checked)+label:before {width: 2vw; height: 2vw; } .demo {text-align: left; } .bg-form {padding-bottom: 1vw; padding-left: 4vw; padding-right: 4vw; padding-bottom: 1vw; } .header-form img {width: 2.5vw; margin-right: 1vw; } .str-bold {font-size: 1.1vw; } .header-form h4 {font-size: 1.2vw; color: #999; } .span-text {color: #a0a0a0; font-size: 1.1vw!important; } .sect-body h2 {font-size: 1.3vw; } body {font-size: 0.95vw; } .logo-header img {width: 8.5vw; margin-top: -0.5vw; } .header-area {min-height: 4vw; padding-left: 8vw; padding-right: 1vw; } .btn-toogle, .btn-back {position: absolute; background-repeat: no-repeat; z-index: 999; width: 2vw; height: 2vw; top: 0.2vw; left: 7vw; background-size: 2vw 2vw; } .bar-footer, .bar-footer-audio {padding: 1vw 18vw; } .bar-footer a {border: 1px solid #ddd; padding: 0.6vw 2vw; font-size: 1vw; } .list-hives {height: 14vw; margin: 0vw 1vw 1vw 1vw; margin-bottom: 0.5vw; border: 1px solid #e6e6e6; border-radius: 0.3rem; } .list-hives-33 {height: 14vw; margin: 0vw 1vw 1vw 1vw; border: 1px solid #e6e6e6; border-radius: 0.3rem; } .p04 {padding: 1.5vw; position: relative; } .sidenav-right {width: 100%; background: #6c334d; z-index: 1000; padding: 0.5vw 0vw 0vw 0vw; left: 0; overflow-x: initial; border-right: 1px solid rgba(000, 0, 0, 0.1); box-shadow: 0 4px 20px 1px rgb(0 0 0 / 6%), 0 1px 4px rgb(0 0 0 / 8%); } .menu-box {right: 0; padding: 0vw 0vw; } .lists-settings li>a {font-size: 1.1vw; } .lists-settings li {list-style: none; border-bottom: 1px dashed rgba(000, 0, 0, 0.1); padding-bottom: 1vw; padding-top: 1vw; } .sect-body h3 {font-size: 1.8vw; } .sect-body img {width: 5vw; margin-top: 3vw; } .sect-body h3 {font-size: 1vw; float: left; } .form-control {font-size: 1vw; } .nav-icon-5 {width: 100%; height: 3.5vw; background-size: 3.5vw 3.5vw; margin: 0 auto; margin-top: 2vw; margin-bottom: 2vw; } .tab-content>.active {padding: 1vw 1vw; padding-bottom: 8vw; } .list-recording h5 {font-size: 1.1vw; } .list-recording img {width: 5vw!important; margin-top: 1vw; margin-bottom: 1vw; } .list-recording h3, .list-hives h3, .list-hives-33 h3 {font-size: 1vw; margin-top: 0vw; margin-bottom: 1vw; } .list-recording p, .list-hives p, .list-hives-33 p {font-size: 0.9vw; line-height: 1.3vw; margin-bottom: .5vw; } .list-recording h6 {font-family: 'Rubik', sans-serif; font-size: 1.2vw; } .list-recording {height: 10vw; margin-bottom: 1vw; } .sect-header img {width: 5vw; margin-bottom: 1vw; margin-top: 1vw; } .sect-header h2 {font-size: 1.1vw; } .menu-movil li {padding: 1vw 1vw; display: inline-block; } .menu-movil li>a {font-size: 0.9vw; line-height: 1vw; } .header-box h3 {font-size: 1.1vw; margin-left: 0vw; margin-top: 1.1vw; } .box-2 {padding-bottom: 0vw; border-top: 1px solid rgba(000, 0, 0, 0.1); } .logout-1 {padding: 0.8vw 2.2vw; font-size: 0.9vw; line-height: 3vw; margin-left: 3vw; } .logout {padding: 0.8vw 3.1vw; font-size: 1vw; line-height: 4.3vw; margin-left: 3vw; } .title-section-2 {margin-bottom: 2vw; font-size: 1.2vw; margin-top: 1.8vw; } .panel-heading {font-size: 1vw; padding-bottom: 1vw; padding-top: 1vw; } .panel-heading-2 {font-size: 1vw; padding-bottom: 0vw; padding-top: 1vw; } .panel-body {position: relative; padding-bottom: 1vw; padding-top: 1vw; } .form-control {height: 3.3vw; } .btn {font-size: 1vw; } .user-nav {width: 100%; } .user-nav ul li a {font-size: 1.1vw; } .user-nav ul li a img {width: 20px; margin-top: -0.6vw; } .user-nav-1 {width: 100%; } .user-nav-1 ul li a {font-size: 1.1vw; } .user-nav-1 ul li a .edit-profile-2 {width: 2.2vw; height: 2.2vw; background-size: 1vw 1vw; margin-top: -0.5vw; margin-right: 3vw; } .user-nav-1 ul li a img {width: 20px; margin-top: -0.5vw; } .bar-search input[type="text"], .bar-search input[type="tel"], .bar-search input[type="email"], .bar-search input[type="password"], .bar-search textarea, .bar-search .input-group-addon-eye {height: 3.7vw; } .bar-search .input-group-addon {padding: 1vw 12px; padding-right: 0px; } .bar-search .input-group-addon img {max-width: 26px; margin-right: -12vw; } .search-items li {list-style: none; background: #fbfbfb; padding: 0.2vw 1vw; text-transform: capitalize; margin-bottom: 0.2vw; cursor: pointer; font-size: 0.9vw; height: 3vw; line-height: 2.6vw; color: #6F6F87; border-bottom: 1px solid #f3f3f3; border: 1px solid #f3f3f3; border-radius: 0.3rem; } .turr {float: right; color: #fff; background: #ff5722; width: 50px; margin-top: 0.5vw; line-height: 20px; border-radius: 0.4rem; text-align: center; } .img-not-res {width: 29%; } .bar-search .input-group {position: relative; display: table; border-collapse: separate; margin-bottom: 0.5vw; margin-top: 0.5vw; } .nav-icon {width: 1.5vw; height: 1.5vw; background-size: 1.5vw 1.5vw; background-position: center; background-repeat: no-repeat; margin-right: 1vw; margin-top: 0vw; float: left; } .swal-text {font-size: 1.1vw; color: #6F6F87; } .swal-button {background-color: #fff!important; border: none; box-shadow: none; font-size: 1vw; font-weight: 500; text-align: center; -webkit-border-radius: 0.5rem; padding: 0.7w 1vw; padding-right: 2vw; /* margin-right: 3vw; */ border-radius: 0px!important; box-shadow: none!important; /* width: 50%; */ float: left; cursor: pointer; } .nav-icon-1 {width: 1.2vw; height: 1.2vw; background-size: 1.2vw 1.2vw; background-position: center; background-repeat: no-repeat; margin-left: 0.9vw; margin-top: 0.3vw; float: left; } .btn-group-1 {margin-left: 0vw; margin-bottom: 2vw; float: right; right: 0vw } .lists-opt li {padding: 0.95vw .1vw; } .bg-grey {height: 13.9vw; } .pagination {margin-top: 0vw; } .wid label {font-size: 1vw; } .wid p {font-size: 1.2vw; } .wid .img-1 {width: 1.5vw; } .wid img {width: 2.5vw; } .share {font-size: 1vw; } .nav-icon-3 {width: 1.4vw; height: 1.4vw; background-size: 1.4vw 1.4vw; background-position: center; background-repeat: no-repeat; margin: 0 auto; margin-top: 0vw; margin-bottom: 0.3vw; margin-right: 1vw; float: left; } .wid2 h2 {font-size: 1.8vw; } .wid2 p {font-size: 1.5vw; } .wid2 img {width: 5vw; margin-bottom: 3vw; margin-top: 3vw; } .label-status {padding: 0.4vw; position: absolute; width: 100%; bottom: 0px; line-height: 2vw; float: left; font-size: 1vw; padding-left: 2vw; color: #fff; left: 0px; } .nav-icon-2 {width: 1.8vw; height: 1.8vw; background-size: 1.8vw 1.8vw; } .nav-icon-4 {width: 1.2vw; height: 1.2vw; background-size: 1.2vw 12.2vw; background-position: center; background-repeat: no-repeat; margin-right: 0.5vw; margin-top: 0vw; margin-left: 38vw; float: left; } .btn-add img {width: 6vw; margin-bottom: 1vw; margin-top: 3vw; } .btn-add h2 {font-size: 1.2vw; } .btn-success {color: #fff; font-size: 0.9vw!important; text-transform: uppercase; font-family: 'Rubik', sans-serif; height: 3.3vw; border-radius: 0.7rem; line-height: normal; margin-bottom: 2vw; } #inputGroup-sizing-sm {height: 2vw; line-height: 2vw; padding: 1.712vw 1vw; margin-top: 0vw; background: #e2400d; border: none; border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; margin-left: 27.5vw; } .title-section {margin-top: 1vw; margin-bottom: 1vw; font-size: 2vw; } .title-date {font-size: 1.1vw; margin-top: 1vw; margin-bottom: 2vw; } .panelh {background: #f1f1f1; border-bottom-left-radius: 5.4rem; border-bottom-right-radius: 5.4rem; margin-bottom: 3vw; } .avatar-user {width: 10vw; margin: 0 auto; margin-top: 0vw; } .inputfile+label>img {width: 5vw; margin-bottom: 4vw; margin-top: 1vw; height: 5vw; } .sect-body {padding-top: 1vw; padding-bottom: 1vw; } .form-group span {font-size: 1vw; float: none; } .img-23vw {width: 8vw; } .cell-day h6 {font-size: 1.5vw; } .cell-day span {font-size: 1.5vw; } .cell-day, .cell-opt {position: relative; width: 9.5vw; height: 6vw; } .icon-control {height: 2.5vw; background-size: 2.5vw 2.5vw; background-position: center; background-repeat: no-repeat; margin-top: 1vw; cursor: pointer; } .circle-opt, .opt-active .circle-opt, .circle-opt:hover {width: 2vw; height: 2vw; margin-top: 1vw; } .title-section-1 {font-size: 1.3vw; margin-left: 0vw; margin-bottom: 0.5vw; } .title-date-1 {font-size: 1.1vw; margin-left: 0vw; margin-bottom: 1vw; margin-top: .4vw; } .btn-group {margin-left: 0vw; margin-bottom: 2vw; } .btn-info, .btn-danger, .btn-primary {line-height: 2.5vw; } .btn-default {color: #6F6F87!important; background-color: #eaeaea; border-color: #eaeaea; border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .btn-diary, .btn-diary-active {font-family: 'Rubik', sans-serif; text-transform: uppercase; padding: 0.9vw 1.5vw!important; font-size: 1vw!important; border-radius: 0.5rem!important; margin-right: 0.1vw!important; height: 3.3vw; border: 0.3rem; line-height: normal!important; } .btn-diary:hover, .btn-diary-active:hover {background-color: #3EAF23; border-color: #3EAF23; color: #fff!important } .min-icon {width: 2vw; height: 2vw; background-size: 2vw 2vw; margin: 0 auto; } .img-box img {width: 4.5vw; height: 4.5vw; margin-left: 3vw; border-radius: 50%; } .btn-toogle-2, .btn-toogle-1 {position: relative; background-repeat: no-repeat; z-index: 999; width: 1.5vw; height: 1.5vw; top: 0.3vw; right: 0.1vw; background-size: 1.5vw 1.5vw; } .points-noty {width: 10px; height: 10px; background: #ff5722; border-radius: 50%; margin-top: -0.8vw; margin-left: -0.7vw; } .panel-noty ul>li {list-style: none; padding: 1vw 1vw; font-size: 1vw; } .panel-noty ul>li>span {width: 2.5vw; height: 2.5vw; background-size: 1.5vw 2.5vw; background-position: center; background-repeat: no-repeat; margin-right: 2vw; margin-top: -0.5vw; float: left; border-radius: 50%; } .panel-noty {border: 1px solid #ddd; box-shadow: 1px 1px 5px #ddd!important; background: #fff; margin: 0 auto; top: 6vw; margin-left: 4vw; padding: 1vw 0vw; width: 43%; float: right; right: 12vw; border-radius: 0.3rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; position: absolute; } .panel-noty:before {top: -2vw; display: none; } .header-box {padding-top: 1vw; } .input-group, .form-group {margin-bottom: 1vw; padding-top: 0vw; text-align: left; clear: both; } .form-group-1 {margin-bottom: 1vw; padding-top: 2vw; text-align: left; clear: both; } .user-nav ul li {padding: 0.8vw 0 1vw 0; line-height: 1vw; } .user-nav ul li>strong {text-decoration: none; color: #6F6F87; font-size: 0.99vw; text-align: left; text-transform: uppercase; font-family: 'Rubik', sans-serif; } .user-nav-1 ul li {width: 42%; padding: 1.6vw 0 1vw 0; } .user-nav-1 ul {width: 100%; list-style: none; padding: 0; margin: 0; margin-top: -2vw; display: block; } .title-date-2 {font-size: 1.9vw; margin-top: -1.4vw; } .list-hives-1 h3 {font-size: 1.1vw; margin-bottom: 0vw; } .list-hives-1 .p-1 {font-size: 1vw; line-height: 1.35vw; } .list-hives-1 {height: 8vw; margin-bottom: 1vw; margin-left: 0.1vw; margin-bottom: 1vw; border: 1px solid rgba(000, 0, 0, 0.1); } .lists-opt-1 li {padding: 1vw .1vw; } .bg-grey-1 {height: 7.86vw; } .list-hives-2 {height: 8vw; margin: 0vw 1vw 1vw 1vw; margin-bottom: 0.5vw; border: 1px solid #e6e6e6; border-radius: 0.3rem; } .title-date-22 {margin-left: 0vw; font-size: 1.1vw; } .dispobutton {font-size: 0.9vw!important; position: absolute; float: right; right: 0; bottom: 0px; background: #f15b26; border: 1px solid #f15b26; text-transform: uppercase; font-weight: bold; border-radius: 20px; line-height: 1.5vw; padding: 0.2vw 1vw; border-radius: 0.3rem; width: 12vw; height: 2vw; bottom: -4vw; font-size: 2vw; right: 0vw; color: #fff!important; font-family: 'Rubik', sans-serif; } .xsletter {font-family: 'Rubik', sans-serif; margin-left: -9vw; } .form-desc {font-size: 0.9vw; } .panel-pres {clear: both; height: 4vw; border-bottom: none; } .tit {margin-left: 2.5vw; font-size: 1.2vw; } .subtit {margin-left: 2.5vw; font-size: 0.9vw; } #capa {min-height: 37vw; margin: 2vw 0vw 2vw 0vw; } .preloader {padding-top: 13vw; } .img-box {height: 5vw; } .title-section-2, .title-date-2 {margin-left: 0vw; } .card-w1 .form-control, .card-w2 .form-control {font-size: 1.1vw; } .card-w1 p, .card-w2 p {font-size: 1.1vw; } .card-w1 {margin-top: 10vw; } .img-pres {margin-left: -10vw; } .panel-pres .img-pres {margin-left: 0vw; } .modal-header h3 {font-size: 1.6vw; margin-top: 2vw; } .modal-header .close {margin-top: -5.5vw; margin-right: 0vw; font-size: 3.5vw; } .times .hora .cturno {font-size: 14px!important; padding: 0.4vw 1vw; cursor: pointer; } .times {width: 13.2%; } .list-opt li {width: 100%; background: #fdfdfd; list-style: none; padding: 0.9vw 0.2vw 0.3vw 1.1vw; border-radius: 0.5rem; margin: 0 0 0 5%; margin-bottom: 1vw; display: inline-block; text-align: left; font-size: 0.9vw; margin-left: 0px; font-weight: 300; color: #6F6F87; font-family: 'Rubik', sans-serif; border: 1px #e2e2e2 solid; } .edit-profile {height: 24px; width: 24px; background: #864261; border-radius: 50%; float: right; margin-top: 0vw; font-size: 1vw; margin-right: 10px; color: #fff; text-align: center; line-height: 24px; cursor: pointer; } .edit-profile-2 {width: 2.2vw; height: 2.2vw; background-size: 1vw 1vw; margin-top: 0vw; } .select-1 {height: 3.3vw; width: 100%; margin: 0 auto; font-size: 0.9vw; margin-left: 0px; text-transform: capitalize; } .rr1 {margin-right: -1vw!important; } .select-11 {font-family: 'Rubik', sans-serif!important; } .panel-ass ul li {text-align: right; padding-right: 1vw; line-height: 2.2vw; list-style: none; margin-bottom: 0vw; font-size: 1vw; cursor: pointer; } /* #heatmapContainerWrapper {width: 100%!important; height: 100%!important; position: fixed; display: none; z-index: 999; float: left; left: 0; top: 0; background-color: #000; } #heatmapContainer {width: 100%!important; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center; margin: 0vw 0px 5vw 0px; } */ .panel-ass ul li:hover {color: #fff; background-color: #864261 } .panel-ass {width: 18%; margin-right: 8.1vw; margin-top: 3vw; } .panel-ass:before {border: 1vw solid #FFE; content: ''; border-top-color: transparent; border-bottom-color: transparent; border-right-color: transparent; position: absolute; float: right; right: -2vw; top: 0.5px; } .cntent-ass {position: absolute; width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, 0.1); top: 0px; left: 0px; padding-top: 1vw; } .col-xs-10 {width: 94%; } .col-xs-2 {width: 6%; } .caret-op, .caret-op1, .caret-op4, .caret-op5, .caret-op6, .caret-op2 {padding: 0.3vw; font-size: 0.8vw; width: 16%; } .caret-op7, .caret-op8 {padding: 0.3vw; font-size: 0.8vw; width: 20%; } .caret-op5 {left: 20%; } .caret-op7 {left: 37%; } .caret-op8 {left: 58%; } .img-pres {width: 5vw; height: 5vw; } #s_cal .s_day {display: block; height: 4.4vw; color: #FFF; text-align: center; background-color: #6F6F87; font-size: 2.3vw; font-family: 'Montserrat-Black'; text-transform: uppercase; font-weight: bold; width: 100%; padding-top: 0.7320644216691069vw; padding-bottom: 0.7320644216691069vw; border-top-right-radius: 1.4rem; border-top-left-radius: 1.4rem; } .edit-profile-1 {height: 24px; width: 24px; background: #864261; border-radius: 50%; float: right; margin-top: -5vw; font-size: 1vw; margin-right: 0.3vw; color: #fff; text-align: center; line-height: 24px; } .bg-list {width: 100%; display: inline-grid; } .gm-style-cc, .gmnoscreen, .gmnoprint {display: none!important } .pac-container:after {display: none!important; background-image: none!important; height: 0px; } img[src="https://maps.gstatic.com/mapfiles/api-3/images/google_white5.png"] {display: none!important; } .tab-content>.active {display: block!important; opacity: 1!important; padding: 4vw 4vw; padding-bottom: 13vw; } .wid {} .wid label {color: #000; font-family: 'Rubik', sans-serif; text-transform: uppercase; font-size: 3vw; } .wid p {font-size: 4vw; color: #98999a; float: left; width: 30vw; } .wid img {width: 6vw; } .wid .img-1 {width: 3vw; } .tab-content>.tab-pane {display: none; } .pagination {margin-top: 1vw; } .toast-show {display: block; } .toast-opacity {opacity: 1!important; } input[type=text], .btn {box-shadow: none!important; outline: 0!important } .form-control-date {opacity: 0; } .sticky {position: fixed; } svg {fill: #6F6F87!important; } .s_day .col-xs-2 {width: 16.66666667%; } ::-webkit-input-placeholder {/* Edge */ color: #6F6F87; } :-ms-input-placeholder {/* Internet Explorer 10-11 */ color: #6F6F87; } ::placeholder {color: #6F6F87; } .modal-body-1 strong, .modal-body strong {font-weight: 500; font-family: 'Rubik', sans-serif; } .row:before, .row:after {display: flex !important } .btn-error {width: 20%; margin-bottom: 1vw; } .more-icon {display: block; width: 3.5vw; position: absolute; height: 3.5vw; border-radius: 50%; background-size: 2vw 2vw; background-position: center; background-repeat: no-repeat; margin-left: 0.4vw; margin-top: 3vw; float: right; right: 3vw; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); cursor: pointer; background-image: url(../icons/more.svg); } .rounded .card {border-radius: .75rem; } .card {border: initial; background: #fff; border-radius: .1rem; box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%); border-radius: .75rem; height: 28vw; cursor: pointer; margin-bottom: 12px; } .position-relative {position: relative!important; } .badge.badge-top-left {top: 10px; left: 1vw; padding: 0.8vw; } .position-absolute {position: absolute!important; } .card-img-top {width: 100%; border-top-left-radius: .75rem; border-top-right-radius: .75rem; border-bottom-left-radius: 0; border-bottom-right-radius: 0; height: 252px; } .card .card-body {padding: 1.75rem; } .card-body .nav-icon-1 {width: 2.8vw; height: 2.8vw; background-size: 1.2vw 1.2vw; background-position: center; background-repeat: no-repeat; margin-left: 0.9vw; margin-top: 0.3vw; float: right; position: absolute; box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%); right: 1.5vw; border-radius: 50%; background-color: #ddd; bottom: 1.5vw; } .card-body .nav-icon-1:hover {background-color: #ffc1ad; } .badge {background-color: #864261; } .upload_media_row h2 {color: #FFC738!important; margin-bottom: 2vw; font-weight: 800; font-family: 'Rubik', sans-serif; } .upload_media h2 {font-size: 30px; font-family: 'Rubik', sans-serif; line-height: 1; font-weight: 800; color: #4D26B3; margin-bottom: 0; margin-top: 13px; text-transform: uppercase; } .upload_media_row-1 {background: #27135A!important; } .upload_media_row p {color: #6F6F87!important; margin-top: 1.2vw; font-family: 'Rubik', sans-serif; } .dropzone {border: none!important; min-height: 200px; -webkit-border-radius: 3px; border-radius: 3rem; background: rgba(0, 0, 0, 0.3); padding: 23px; } .btn-s3 {border: 2px solid #e81163; text-align: right; color: #fff!important; background: #e81163; position: relative; font-family: 'Rubik', sans-serif; font-size: 1vw; line-height: 2.5vw!important; border-radius: 3rem; padding: 0.2vw 2vw; display: flex; margin: 0 auto; margin-top: 1vw; width: 17vw; text-transform: uppercase; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; outline: none!important; } .btn-s2 {border: 2px solid #3D11AF; text-align: right; color: #fff!important; background: #3D11AF; position: relative; font-family: 'Rubik', sans-serif; font-size: 1vw; line-height: 2.5vw!important; border-radius: 3rem; padding: 0.2vw 2vw; display: flex; margin: 0 auto; margin-top: 1vw; width: 17vw; text-transform: uppercase; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; outline: none!important; } #loading {background: #3D11AF; height: 100%; width: 100%; position: fixed; z-index: 1; margin-top: 0px; top: 0px; float: left; left: 0px; z-index: 999999; } #loading.icon-preloader .loader {position: absolute; width: 300px; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } #loading.icon-preloader .loader i:before {font-size: 80px; color: #ffffff; } #loading.icon-preloader .loader img {max-width: 80px; } .animate3 {animation: animate3 0.60s; animation-direction: alternate; animation-iteration-count: infinite; } @keyframes animate3 {from {transform: scale(1); } to {transform: scale(1.1); } } .upload_media_row {display: block; overflow: hidden; width: 83vw; margin: 0 auto; min-height: 27vw; background: rgb(212 208 208 / 52%); padding: 2vw; border-radius: 3rem; margin-top: 1vw; text-align: center; } .m-icon-submit {width: 3vw; position: absolute; height: 3vw; display: block; float: right; right: 0vw; top: 0vw; background-size: 3vw 3vw; background-position: top center; background-repeat: no-repeat; border-radius: 50%; cursor: pointer; background-image: url(../img/submit.svg); } @media(max-width: 1024px) {.card-icon-bg i {float: left; margin-left: 2vw; padding-top: 2.5vw; font-size: 4vw; color: #ff8d68; } .card-icon-bg .text-24 {font-size: 1.7vw; margin-top: -0.4vw; } .demoo1 [type="checkbox"]:checked+label, .demoo1 [type="checkbox"]:not(:checked)+label {padding-left: 4vw; line-height: 3vw; } .form-date-1 {height: 3vw!important; margin-bottom: 1vw; } .card-w1 {margin-top: 11vw; } } @media(max-width: 980px) {.title-date-2 {margin-bottom: 1vw; } .logo-header img {width: 12.5vw; margin-top: -0vw; } .demoo1 [type="checkbox"]:checked+label, .demoo1 [type="checkbox"]:not(:checked)+label {padding-left: 6vw; line-height: 4vw; } .menu-movil {margin: 0px; margin-top: 1vw; padding: 0; } .btn-toogle-2, .btn-toogle-1 {position: relative; background-repeat: no-repeat; z-index: 999; width: 1.5vw; height: 1.5vw; top: 0.6vw; right: 0.1vw; background-size: 1.5vw 1.5vw; } } @media(max-width: 766px) {.points-noty {width: 8px; height: 8px; background: #ff5722; border-radius: 50%; margin-top: -1.4vw; margin-left: -1vw; } .form-empresa {width: 100%; margin: 0 auto; margin-top: 5vw; clear: both; border-top: 1px solid rgba(000, 0, 0, 0.1); padding-top: 7vw; } .bklst2 {width: 100%; margin-top: 3vw; } .panel-heading {font-size: 1.8vw; padding-bottom: 2vw; padding-top: 2vw; } .panel-body {position: relative; padding-bottom: 4vw; padding-top: 5vw; } .bklst2 h4 {font-size: 1.9vw; } body {font-size: 1.9vw; } .p-bttom {padding-bottom: 15vw; } .sidenav-right {width: 50%; padding-top: 8vw; } .container {width: 100vw!important; max-width: 100vw!important; min-height: 100vh; } body, html {overflow-x: hidden; } .input-group, .form-group {margin-bottom: 1.4vw; text-align: left; } .card-w1 .form-group, .card-2 .form-group {text-align: center; } .form-group span {font-size: 1.9vw; } .bg-body {background-size: cover; background-position: top center; overflow-y: hidden!important; } #bottom-bar {bottom: 0px; width: 100%; position: relative; background: #212529; padding: 10px 80px; padding: 1vw 1.5vw; padding-top: 2.5vw; color: #fff; font-size: 1.3vw; } .text-pp {padding-left: 1px; text-align: center; } #bottom-bar .container {min-height: 5vw!important; } .content-sidenav {width: 40%; } .img-23vw {width: 70vw; } .card-w1 {margin-top: 12vw; width: 65%; margin: 0 auto; margin-bottom: 1vw; } .card-w2 {background: transparent; } .card-w1 p, .card-w2 p {font-size: 3.8vw; } .min-icon {width: 6.5vw; height: 6.5vw; background-size: 6.5vw 6.5vw; margin: 0 auto; } .card-w1 .form-control, .card-w2 .form-control {font-size: 4vw; height: 13.1vw; } .btn {font-size: 4vw; } .btn-toogle, .btn-back {width: 6.5vw; height: 6.5vw; top: 1.8vw; left: 4vw; background-size: 6.5vw 6.5vw; } .menu-movil li {padding-left: 1vw; } #s_cal .cal_nodianh, #s_cal .cal_diaoc, #s_cal .cal_nodia, #s_cal .cal_dia {height: 10.2vw; } .arrow-next, .arrow-prev {width: 2.8vw; margin-top: 1vw; } .modal-header h3 {font-size: 3.1vw; } .modal-header .close {margin-top: -5vw; font-size: 4vw; } .times {width: 24%; } .text-date-33 {clear: both; margin-top: 2vw; } .times .hora .cturno {font-size: 11.5px!important; padding: 1vw; } .tit {font-size: 1.9vw; margin-left: 6.8vw; margin-bottom: 0vw; } .ss-i {margin-bottom: 4vw; } .lodcal {margin-top: 6vw; } .img-pres {width: 8vw; height: 8vw; } .caret-op9, .caret-op10 {width: 50%; } .subtit {margin-left: 6.8vw; font-size: 1.3vw; margin-top: -1vw; } .xsletter {width: 100%!important; } .dispobutton {font-size: 2vw!important; float: right; right: 0; position: absolute; line-height: 2vw; padding: 2.5vw 4vw; width: 30vw!important; border-radius: 3rem; height: 7vw!important; top: 8vw; } .xsletter {font-family: 'Rubik', sans-serif; font-size: 1.6vw; } .form-desc {font-size: 1.6vw; } #s_cal .cal_nodianh, #s_cal .cal_diaoc, #s_cal .cal_nodia, #s_cal .cal_dia {height: 10.2vw; } .circlepink, .circlegreen {width: 7.5vw; height: 7.5vw; line-height: 6.8vw; font-size: 2.5vw; margin-top: 2vw; } #s_cal .s_day {height: 8vw; font-size: 4.5vw; } #s_cal .s_sd {float: left; height: 4.1vw; font-size: 2.5vw; } #capa {min-height: 76vw; } .modal-content-1 {position: relative; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-color: #fff!important; -webkit-box-shadow: 0 5px 15px rgba(204, 197, 197, 0.5); box-shadow: 0 5px 15px rgba(204, 197, 197, 0.5); border: 1px solid transparent; margin-top: 10vw; } .modal-header-1 {padding: 0px; border-bottom: none; } .modal-header-1 .close {margin-top: -6vw; font-size: 6vw; } .modal-header-1 {padding: 0px; border-bottom: none; } .modal-content-1 {width: 69%; padding: 1.5vw; padding-top: 2vw; } .modal-header-1 h3 {color: #864261; text-align: center; text-transform: uppercase; margin-top: 0px; font-size: 3vw; font-family: 'Rubik', sans-serif; } .img-error {width: 41vw; margin-top: 5vw; } .btn-w50 {width: 28%!important; line-height: 5vw!important; } .title-error {text-decoration: none; color: #6F6F87; font-size: 3.6vw; text-align: center; text-transform: uppercase; margin-top: 6vw; margin-bottom: 3vw; font-family: 'Rubik', sans-serif; } .clock-inc {width: 3.5vw; position: absolute; float: right; right: 2vw; bottom: 2vw; } .table-responsive {width: 100%; margin-top: 10px; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: none; } .pagination>li>a, .pagination>li>span {position: relative; cursor: pointer; float: left; width: 30px; height: 30px; text-align: center; margin-right: 10px; border-radius: 4px!important; padding: 6px 12px; margin-left: -1px; line-height: 16px; color: #ff5722; text-decoration: none; background-color: #fff; border: 1px solid #fbf7f7; } .panel-noty {box-shadow: 0.5vw 0.5vw 6vw 0.8vw #aba8a8!important; background: #fff; margin: 0 auto; margin-top: 19vw; margin-left: 2vw; padding: 3vw 0vw; width: 95%; border-radius: 0.3rem; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; position: relative; } .panel-noty:before {border: 14px solid #fff; content: ''; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; position: absolute; float: right; right: 0vw; top: -7vw; } .panel-noty ul {width: 100%; padding-left: 0px; margin-bottom: 0px; } .panel-noty ul>li {list-style: none; padding: 3.5vw 3vw; font-size: 3.7vw; font-family: 'Rubik', sans-serif; color: #6F6F87; border-bottom: 1px solid rgba(000, 0, 0, 0.1); } .panel-noty ul>li:last-child {border-bottom: none; } .panel-noty ul>li>span {width: 9.5vw; height: 9.5vw; background-size: 5.5vw 5.5vw; background-position: center; background-repeat: no-repeat; margin-right: 2vw; margin-top: -2vw; float: left; border-radius: 50%; } .user-nav-1 ul {width: 100%; list-style: none; padding: 0; margin: 0; margin-top: -3vw; display: block; } .edit-profile {height: 25px; width: 25px; background: #864261; border-radius: 50%; float: right; margin-top: -1vw; font-size: 2vw; color: #fff; text-align: center; line-height: 25px; } .edit-profile-1 {height: 25px; width: 25px; background: #864261; border-radius: 50%; float: right; margin-top: -10vw; font-size: 2vw; margin-right: 3.1vw; color: #fff; text-align: center; line-height: 25px; } .bklst2 ul>li {padding: 1.5vw 3vw; padding-left: 1.5vw; font-size: 1.9vw; } .title-section-2 {margin-bottom: 4vw; font-size: 2.6vw; margin-top: 1.8vw; } .title-date-2 {font-size: 1.9vw; margin-top: -2.4vw; margin-bottom: 1.5vw; } .content-wrapper {padding-left: 0vw; width: 80%; margin: 0 auto; min-height: 95vh; height: auto; padding-bottom: 5vh; } .form-control {height: 6.5vw; font-size: 1.8vw; margin-bottom: 1vw; } .table>thead>tr>th {font-size: 1.5vw; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {font-size: 1.6vw; padding: 13px; } .img-pres-table {width: 5vw; height: 5vw; } .controls a {color: #fff!important; float: left; font-size: 1.4vw; min-width: 13vw; margin-bottom: 1vw; text-align: center; padding: 1.3vw 1.5vw!important; text-transform: uppercase; margin-left: 1vw; cursor: pointer; border-radius: 4px; font-family: 'Rubik', sans-serif; } .btn-toogle-1, .btn-toogle-2 {width: 3vw; height: 3vw; background-size: 3vw 3vw; right: 0.8vw; top: 0.9vw; } .icon-avatar {width: 3.6vw; margin-right: 0.5vw; margin-top: -0.6vw; } .btn-toogle {display: block; } .btn-toogle, .btn-back {width: 3vw; height: 3vw; background-size: 3vw 3vw; left: 0.8vw; top: 1.1vw; } .logo-header img {width: 20vw; margin-top: 0vw; margin-left: 32vw; } .nav-icon-3 {width: 100%; height: 3vw; background-size: 3vw 3.5vw; background-position: center; background-repeat: no-repeat; margin: 0 auto; margin-top: 0vw; margin-bottom: 0.3vw; float: left; } .menu-movil li>a {font-size: 1.4vw; line-height: 1vw; } .widget-title.light h3 {font-size: 2.1vw; } .widget-title {padding: 2vw; } .widget-title.light p {color: #fff; font-size: 1.9vw; } .btn-success {font-size: 1.5vw!important; height: 5.3vw; min-width: 20vw; padding: 0.1vw 2vw; border-radius: 0.7rem; margin-bottom: 2vw; } .card-profile-1 img {width: 12vw; height: 12vw; margin-top: 2vw; margin-bottom: 2vw; } .card-profile-1 h5 {text-decoration: none; color: #6F6F87; font-size: 2.1vw; } .card-socials-simple ul li {font-size: 1.7vw; } .card-profile-1 .btn-primary {font-size: 1.9vw; height: 5vw; line-height: 2.6vw; margin-top: 2vw; margin-bottom: 2vw; line-height: 2.2vw; } .bklst2 ul>li>a {font-size: 1.8vw; } .bklst2 ul>li>a>span {background: #ff5722; padding: 0.5vw 3vw; float: right; font-size: 1.6vw; border-radius: 0.3rem; color: #fff; } .rr1 {margin-right: -3vw!important; } .inputfile+label {font-size: 1.8vw; padding: 1.8vw 1vw; line-height: 2vw; } .img-emp img {width: 16vw; height: 16vw; margin-bottom: 2vw; border-radius: 0.3rem; border: 1px solid #efecec; } label {display: inline-block; margin-bottom: 0.5rem; font-size: 1.5vw; } .label-1 {font-size: 2.1vw; margin-bottom: 2vw; padding-top: 2vw; } .nav-pills>li>a {font-size: 1.5vw; padding: 1.7vw 1.4vw; margin-bottom: 1vw; margin-top: 0vw; } .btn-excel {height: 6.8vw!important; } .img-not-res {width: 45%; } .btn-diary, .btn-diary-active {font-family: 'Rubik', sans-serif; text-transform: uppercase; padding: 1vw 2.5vw!important; font-size: 1.9vw!important; border-radius: 0.5rem!important; margin-left: 1vw!important; height: 6vw; border: 0.3rem; line-height: normal!important; } .dropdown-menu {font-size: 12px; } .search-items li {list-style: none; background: #fff; padding: 1vw 3vw; font-size: 1.6vw; height: 7vw; line-height: 5vw; } .list-opt li {padding: 2vw 1vw 0vw 2.5vw; font-size: 1.6vw; } .modal {width: 71%; margin-left: 14vw; } .modal-body .btn {line-height: 5.5vw!important; height: 6vw!important; font-size: 1.9vw; } .content-sidenav {width: 100%; background: rgba(0, 0, 0, 0.3); z-index: 99; } .sidenav-right {width: 22%; padding-top: 7vw; } .header-area {box-shadow: 1px 1px 5px rgba(000, 0, 0, 0.1)!important } .card-icon-bg {margin-bottom: 4vw; } .card-icon-bg i {float: left; margin-left: 21vw; padding-top: 2.5vw; font-size: 8vw; color: #ff8d68; } .card-icon-bg .text-24 {font-size: 1.8vw; margin-top: -0.3vw; } .card-icon-bg .mt-2 {font-size: 3.7vw; margin-top: -1.4vw; } .demoo1 [type="checkbox"]:checked+label, .demoo1 [type="checkbox"]:not(:checked)+label {padding-left: 6vw; line-height: 4.7vw; } .panel-noty {box-shadow: 0.5vw 0.5vw 6vw 0.8vw #aba8a8!important; background: #fff; margin: 0 auto; margin-top: 3vw; margin-left: 14.5vw; padding: 3vw 0vw; width: 95%; float: left; border-radius: 0.3rem; display: -ms-flexbox; display: flex; clear: both; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; position: relative; } .panel-noty:before {border: 14px solid #fff; content: ''; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; position: absolute; float: right; right: 0vw; top: -7vw; } .panel-noty ul {width: 100%; padding-left: 0px; margin-bottom: 0px; } .panel-noty ul>li {list-style: none; padding: 1.5vw 2vw; font-size: 1.6vw; font-family: 'Rubik', sans-serif; color: #6F6F87; border-bottom: 1px solid rgba(000, 0, 0, 0.1); } .panel-noty ul>li:last-child {border-bottom: none; } .panel-noty ul>li>span {width: 9.5vw; height: 9.5vw; background-size: 5.5vw 5.5vw; background-position: center; background-repeat: no-repeat; margin-right: 2vw; margin-top: -2vw; float: left; border-radius: 50%; } .content-noty {width: 100%; height: 100%; background-color: rgba(000, 0, 0, 0.35); position: fixed; z-index: 999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; } .avatar-user {width: 12vw; height: 12vw; margin: 0 auto; margin-top: 0vw; border-radius: 50%; border: 1px solid #ddd; } .tt {font-size: 1.9vw; padding: 1.7vw 1vw; border-radius: 0.5rem; } .user-nav ul li>strong, .user-nav ul li {font-size: 1.9vw; margin-left: 0px; } .user-nav ul li {padding: 0.2vw 0 1vw 0; line-height: 3vw; } .list-recording h3, .list-hives h3, .list-hives-33 h3 {font-size: 1.8vw; margin-top: 0vw; margin-bottom: 1vw; } .list-hives h4, .list-hives-33 h4 {font-size: 1.8vw; } .list-recording p, .list-hives p, .list-hives-33 p {font-size: 1.5vw; line-height: 2.3vw; margin-bottom: .5vw; } .caret-op, .caret-op1, .caret-op4, .caret-op5, .caret-op6, .caret-op2 {padding: .3vw; font-size: 1.4vw; width: 35%; } .caret-op5 {left: 40%; } .list-hives {height: 27.8vw; margin: 4vw 4vw 1vw 4vw; margin-bottom: 2.5vw; } .col-xs-10 {width: 90%; } .col-xs-2 {width: 10%; } .nav-icon-1 {width: 2.5vw; height: 2.5vw; background-size: 2.5vw 2.5vw; background-position: center; background-repeat: no-repeat; margin-left: 0.4vw; margin-top: 1vw; float: left; } .bg-grey {height: 27.5vw; } .lists-opt li {padding: 1.6vw 1.5vw; } .panel-ass ul li {text-align: right; padding-right: 1vw; line-height: 4vw; margin-bottom: 0vw; font-size: 1.5vw; cursor: pointer; } .panel-ass {width: 38%; margin-right: 1.1vw; } .list-hives-33 {height: 21.4vw; } .swal-text {font-size: 2.1vw; color: #6F6F87; } .swal-button {font-size: 2.1vw; } .img-23vw {width: 36vw; } .card-w1 p, .card-w2 p {font-size: 1.9vw; } .card-w1 .form-control, .card-w2 .form-control {font-size: 1.9vw; height: 7.1vw; } .btn {font-size: 1.9vw; } .btn-info {height: 6vw; } .panel-noty ul>li>span {width: 3.5vw; height: 3.5vw; background-size: 1.8vw 1.8vw; background-position: center; background-repeat: no-repeat; margin-right: 1vw; margin-top: -1vw; float: left; border-radius: 50%; } } @media(max-width: 480px) {.points-noty {width: 8px; height: 8px; background: #ff5722; border-radius: 50%; margin-top: -1.4vw; margin-left: -1vw; } .points-noty {width: 10px; height: 10px; background: #ff5722; border-radius: 50%; margin-top: -2.5vw; margin-left: -2vw; } .card-w1 {width: 100%; margin: 0 auto; margin-bottom: 3vw; } .img-23vw {width: 30vw; } .card-w1 p, .card-w2 p {font-size: 3.8vw; margin-bottom: 8vw; } .card-w1 .form-control, .card-w2 .form-control {font-size: 4vw; height: 13.1vw; margin-bottom: 10vw; } .swal-text {font-size: 3.5vw; } .swal-button {background-color: #fff!important; color: #6F6F87!important; border: none; box-shadow: none; font-size: 3.5vw; font-weight: 500; text-align: center; -webkit-border-radius: 0.5rem; padding: 2vw 2vw; padding-right: 3vw; /* margin-right: 3vw; */ border-radius: 0px!important; box-shadow: none!important; /* width: 50%; */ float: left; cursor: pointer; } .nav-icon-1 {width: 1.2vw; height: 1.2vw; background-size: 1.2vw 1.2vw; background-position: center; background-repeat: no-repeat; margin-left: 0.5vw; margin-top: 0.3vw; float: left; } .dropdown-menu {font-size: 14px; } .bklst2 ul>li>a {font-size: 3.5vw; } #bottom-bar .container {min-height: 10vw!important; } .datepicker-modal {width: 80%!important; margin-left: 9vw!important; } #btn-act {width: 50%!important; } .btn-error {width: 65%; margin-bottom: 3vw; } .edit-profile {height: 30px; width: 30px; background: #864261; border-radius: 50%; float: right; margin-top: -1vw; margin-right: 1vw; color: #fff; font-size: 5vw; text-align: center; line-height: 30px; } .turr {margin-top: 2.5vw; font-size: 2.1vw; width: 35px; } .modal {width: 100%; margin-left: 1vw; } .btn-info, .btn-danger, .btn-primary {line-height: 13.5vw; } .edit-profile-1 {height: 30px; width: 30px; background: #864261; border-radius: 50%; float: right; position: absolute; float: right; right: 2.9vw; font-size: 5vw; margin-top: -21vw; color: #fff; text-align: center; line-height: 30px; cursor: pointer; } .list-opt li {width: 100%; background: #fffdfd; list-style: none; padding: 4vw 1vw 0vw 3.5vw; border-radius: 0.3rem; margin: 0 0 0 5%; margin-bottom: 3vw; display: inline-block; text-align: left; font-size: 3.5vw; margin-left: 0px; font-weight: 300; color: #6F6F87; font-family: 'Rubik', sans-serif; border: 1px #ced4da solid; } .search-items li {list-style: none; background: #fff; padding: 1vw 3vw; font-size: 3.5vw; height: 13vw; margin-bottom: 2vw; line-height: 11vw; color: #6F6F87; } .panel-noty {box-shadow: 0.5vw 0.5vw 6vw 0.8vw #aba8a8!important; background: #fff; margin: 0 auto; margin-top: 13vw; margin-left: 14.5vw; padding: 3vw 0vw; width: 95%; float: left; border-radius: 0.3rem; display: -ms-flexbox; display: flex; clear: both; -ms-flex-wrap: wrap; flex-wrap: wrap; cursor: pointer; position: relative; } .panel-noty:before {border: 14px solid #fff; content: ''; border-top-color: transparent; border-left-color: transparent; border-right-color: transparent; position: absolute; float: right; right: 0vw; top: -7vw; } .panel-noty ul {width: 100%; padding-left: 0px; margin-bottom: 0px; } .panel-noty ul>li {list-style: none; padding: 3.5vw 3vw; font-size: 3.7vw; font-family: 'Rubik', sans-serif; color: #6F6F87; border-bottom: 1px solid rgba(000, 0, 0, 0.1); } .panel-noty ul>li:last-child {border-bottom: none; } .panel-noty ul>li>span {width: 9.5vw; height: 9.5vw; background-size: 5.5vw 5.5vw; background-position: center; background-repeat: no-repeat; margin-right: 2vw; margin-top: -2vw; float: left; border-radius: 50%; } .content-noty {width: 100%; height: 100%; background-color: rgba(000, 0, 0, 0.35); position: fixed; z-index: 999; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; } .controls a {color: #fff!important; float: left; font-size: 2.5vw; min-width: 33vw; margin-bottom: 2vw; text-align: center; padding: 2.3vw 2.8vw!important; text-transform: uppercase; margin-left: 1vw; cursor: pointer; border-radius: 4px; font-family: 'Rubik', sans-serif; } .img-emp img {width: 20vw; height: 20vw; margin-bottom: 5vw; border-radius: 0.3rem; border: 1px solid #efecec; } .demoo1 [type="checkbox"]:checked+label, .demoo1 [type="checkbox"]:not(:checked)+label {padding-left: 12vw; line-height: 10vw; } .label-date {margin-top: 0.6vw; font-size: 2.3vw; } .form-date-1 {height: 10vw!important; margin-bottom: 1vw; } .label-1 {font-size: 3.5vw; margin-bottom: 2vw; padding-top: 5vw; } .btn-toogle {display: block; } .bklst2 ul>li>a>span {background: #ff5722; padding: 1.1vw 6vw; float: right; font-size: 2.5vw; border-radius: 0.3rem; color: #fff; } .rr1 {margin-right: -5vw!important; } .title-date-2 {font-size: 3.3vw; margin-top: -3.4vw; margin-bottom: 3vw; } .header-area {min-height: 15vw; padding-left: 8vw; padding-right: 1vw; box-shadow: 1px 1px 5px rgba(000, 0, 0, 0.1)!important } .menu-movil li>a {font-size: 2.9vw; line-height: 3vw; } .img-not-res {width: 70%; } .btn-excel {height: 11.3vw!important; } .panel-heading {font-size: 3.5vw; padding-bottom: 3vw; padding-top: 4vw; } .form-control {height: 11.9vw; font-size: 3.5vw; margin-bottom: 3vw; } .nav-pills>li>a {font-size: 3vw; padding: 2.8vw 4vw; margin-bottom: 4vw; margin-top: 2vw; } .card-icon-bg .mt-2 {font-size: 3.5vw; margin-top: 0.7vw; } .card-icon-bg .text-24 {font-size: 7vw; margin-top: -0.4vw; } .card-icon-bg .text-24 {font-size: 6vw; margin-top: -3.4vw; } .img-pres-table {width: 9vw; height: 9vw; } .card-icon-bg i {float: left; margin-left: 16vw; padding-top: 5.5vw; font-size: 12vw; color: #ff8d68; } .card-icon-bg {margin-bottom: 4vw; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {font-size: 3vw; padding: 13px; } .table>thead>tr>th {font-size: 3.2vw; } #bottom-bar {bottom: 0px; width: 100%; position: relative; background: #212529; padding: 10px 80px; padding: 1vw 2.5vw; padding-top: 4.5vw; color: #fff; font-size: 2.8vw; } .text-pp {padding-left: 1px; text-align: center; } .btn-success {font-size: 3vw!important; height: 10.3vw; min-width: 50vw; padding: 0.1vw 4vw; border-radius: 0.7rem; margin-bottom: 4vw; } .list-hives h4, .list-hives-33 h4 {font-size: 2.9vw; } .list-recording p, .list-hives p, .list-hives-33 p {font-size: 2.9vw; line-height: 4.3vw; margin-bottom: .5vw; } .list-hives {height: 50vw; margin: 4vw 4vw 1vw 4vw; margin-bottom: 2.5vw; } .list-hives-33 {height: 38vw; margin: 4vw 4vw 1vw 4vw; margin-bottom: 2.5vw; } .caret-op, .caret-op1, .caret-op4, .caret-op5, .caret-op6, .caret-op2 {padding: 1.3vw; font-size: 2.5vw; width: 35%; } .caret-op5 {left: 40%; } .col-xs-10 {width: 90%; } .col-xs-2 {width: 10%; } .bg-grey {height: 49.5vw; } .nav-icon-1 {width: 4.2vw; height: 4.2vw; background-size: 4.2vw 4.2vw; } .lists-opt li {padding: 3.9vw 1.5vw; } .panel-ass {position: relative; background: #fff; border: 1px solid #fff; border-radius: 0.2rem; width: 76%; } .panel-ass ul li {text-align: right; padding-right: 4vw; line-height: 10vw; margin-bottom: 0vw; font-size: 4vw; } .caret-op9, .caret-op10 {width: 50%; } .form-empresa {width: 100%; margin: 0 auto; margin-top: 1px; clear: both; border-top: 1px solid rgba(000, 0, 0, 0.1); padding-top: 7vw; } .bklst2-header {padding-left: 4vw; padding-top: 0.4vw; } body {font-size: 3.5vw; } .title-section-2 {margin-bottom: 5vw; font-size: 4.2vw; margin-top: 3.8vw; } .bklst2 {width: 100%; margin-top: 7vw; } .bklst2 h4 {font-size: 3vw; } .bklst2 ul>li {padding: 3vw 4vw; padding-left: 2vw; } label {display: inline-block; margin-bottom: 0.5rem; font-size: 3vw; } .nav-icon-3 {width: 100%; height: 7vw; background-size: 7vw 7vw; } .logo-header img {width: 35vw; margin-top: 2.1vw; margin-left: 21vw; } .content-wrapper {padding-left: 0vw; width: 100%; min-height: 95vh; height: auto; padding-bottom: 5vh; overflow-x: hidden; } .btn-info, .btn-danger {height: 14vw; } .btn-diary, .btn-diary-active {font-family: 'Rubik', sans-serif; text-transform: uppercase; padding: 1.9vw 5.5vw!important; font-size: 3vw!important; border-radius: 0.5rem!important; margin-left: 1vw!important; height: 10vw; border: 0.3rem; line-height: normal!important; } .clock-inc {width: 5.9vw; position: absolute; float: right; right: 2vw; bottom: 4.55vw; } .title-error {text-decoration: none; color: #6F6F87; font-size: 3.6vw; text-align: center; text-transform: uppercase; margin-top: 9vw; margin-bottom: 5vw; font-family: 'Rubik', sans-serif; } .btn-w50 {width: 50%!important; line-height: 10vw!important; } .img-error {width: 72vw; margin-top: 16vw; } .p-bttom {padding-bottom: 45vw; } .pagination {margin-top: 7vw; margin-left: 0.5vw; } .form-desc {font-size: 3vw; } #capa {min-height: 112vw; } .dispobutton {font-size: 3vw!important; float: left; left: 27vw; position: absolute; line-height: 5vw!important; padding: 2.2vw 2vw; width: 42vw!important; border-radius: 3rem; height: 9vw!important; top: 11vw; } .xsletter {font-size: 3vw !important; width: 100%!important; } .subtit {font-size: 2.3vw; width: 100%; margin-top: -1vw; margin-bottom: 1vw; margin-left: 15vw; } .img-pres {width: 17vw; height: 17vw; } .ss-i {margin-bottom: 9vw; } .menu-opt {text-align: right; margin-top: 0.8vw; margin-right: 3vw; margin-bottom: 0.5vw; } .lodcal {margin-top: 8vw; } .tit {font-size: 3.9vw; padding-top: 0px; margin-left: 15vw; } .text-date-33 {clear: both; margin-top: 3vw; } .times {width: 24%; } #myModalp {width: 100%; } .modal-body-1 {position: relative; padding: 15px; } .modal-content-1 {position: relative; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; outline: 0; background-color: #fff!important; -webkit-box-shadow: 0 5px 15px rgba(204, 197, 197, 0.5); box-shadow: 0 5px 15px rgba(204, 197, 197, 0.5); border: 1px solid transparent; margin-top: 30vw; } .modal-header .close {margin-top: -11vw; font-size: 9vw; } .modal-header-1 .close {margin-top: -14vw; font-size: 10vw; } .modal-header-1 {padding: 0px; border-bottom: none; } .modal-header h3, .modal-header-1 h3 {font-size: 5vw; color: #864261; text-align: center; text-transform: uppercase; margin-top: 0px; font-family: 'Rubik', sans-serif; } .modal-header-1 h3 {font-size: 4.5vw; color: #864261; text-align: center; text-transform: uppercase; margin-top: 0px; font-family: 'Rubik', sans-serif; } .modal-content, .modal-content-1 {width: 99%; padding: 1.5vw; padding-top: 7vw; } .times .hora .cturno {font-size: 12px!important; } .arrow-next, .arrow-prev {width: 3.8vw; margin-top: 1.2vw; } #s_cal .cal_nodianh, #s_cal .cal_diaoc, #s_cal .cal_nodia, #s_cal .cal_dia {height: 15.2vw; } .circlepink, .circlegreen {width: 10.5vw; height: 10.5vw; line-height: 9.2vw; font-size: 4vw; margin-top: 2vw; } .circlepink {opacity: 0.9; } #s_cal .s_sd {float: left; height: 7vw; line-height: 6vw; font-size: 3.5vw; } #s_cal .s_day {height: 10vw; font-size: 5vw; padding-top: 1.5vw; } .preloader {padding-top: 36vw; } .content-sidenav {width: 100%; background: rgba(0, 0, 0, 0.3); z-index: 99; } .list-recording h3, .list-hives h3, .list-hives-33 h3 {font-size: 3vw; margin-top: 0vw; margin-bottom: 3vw; } .sidenav-right {width: 45%; padding-top: 14vw; } .card-w1 {margin-top: 20vw; } .btn-toogle, .btn-back {width: 7vw; height: 7vw; background-size: 7vw 7vw; left: 0.8vw; top: 3vw; } .btn-toogle-1, .btn-toogle-2 {width: 7vw; height: 7vw; background-size: 6vw 6vw; right: 2.8vw; top: 3vw; } .icon-avatar {width: 7.4vw; margin-right: 0.5vw; margin-top: -0.6vw; } .open>.dropdown-menu {display: block; margin-top: 6.5vw; } .avatar-user {width: 22vw; height: 22vw; margin: 0 auto; margin-top: 0vw; border-radius: 50%; border: 1px solid #ddd; } .tt {font-size: 3.8vw; padding: 2.8vw 1vw; border-radius: 0.5rem; } .user-nav ul li {padding: 0.8vw 0 1vw 0; line-height: 8vw; } .user-nav ul li>strong, .user-nav ul li {font-size: 3.4vw; margin-left: 0px; } .menu-box {padding: 10px 0px; } .menu-movil li {padding-left: 0px; padding-top: 3vw; padding-bottom: 3vw; } .menu-movil {margin: 0px; margin-top: -1vw; padding: 0; } .menu-movil li:first-child {border-top: none; } .sweet-alert h2 {font-size: 4vw; } .card-profile-1 {cursor: pointer; border-radius: 10px; margin-bottom: 8vw; } .card-profile-1 img {width: 18vw; height: 18vw; margin-top: 4vw; margin-bottom: 4vw; } .card-profile-1 h5 {text-decoration: none; color: #6F6F87; font-size: 3.9vw; } .shedules a {height: 8vw; margin-bottom: 0.5vw; } .panel-body {position: relative; padding-bottom: 6vw; padding-top: 8vw; } .shedules h3 {font-size: 3.3vw; margin-bottom: 5vw; } .card-socials-simple ul li {font-size: 2.9vw; } .card-profile-1 .btn-primary {font-size: 3vw; height: 8.4vw; line-height: 2.6vw; margin-top: 4vw; margin-bottom: 4vw; line-height: 2.4vw; } .widget-title.light h3 {font-size: 4.5vw; } .widget-title.light p {color: #fff; font-size: 3.5vw; } .widget-title {padding: 4vw; } .inputfile+label {font-size: 3vw; padding: 3.8vw 1vw; line-height: 3vw; } .f1-step.active .f1-step-icon, .f1-step-icon {width: 16.8vw; height: 16.8vw; margin-top: 0vw; margin-bottom: 5vw; font-size: 6vw; line-height: 16.8vw; } .form-group span {font-size: 3.5vw; } .btn {font-size: 3.5vw; } .modal-body .btn {line-height: 10.5vw!important; height: 12vw!important; font-size: 3.2vw; } } @media(max-width: 480px) {.card-w1 {margin:28vw 1vw 12vw 0vw; padding: 5vw; } } @media(min-width: 1920px) {.demoo1 [type="checkbox"]:checked+label, .demoo1 [type="checkbox"]:not(:checked)+label {position: relative; padding-left: 3vw; cursor: pointer; line-height: 1.6vw; display: inline-block; text-transform: unset; font-family: 'Rubik', sans-serif; margin-right: 1vw; } } .blue:hover {background-color: #524f4f !important; } .red:hover {background-color: #a72e08 !important; } .input-color-container {position: relative; overflow: hidden; width: 40px; height: 40px; border: solid 2px #d1d2d4; border-radius: 10px; float: left; cursor: pointer; } .input-color {position: absolute; right: -8px; top: -8px; width: 56px; height: 56px; border: none; cursor: pointer; } .input-color-label {cursor: pointer; text-transform: capitalize; line-height: 3vw; margin-left: 1vw; color: #6F6F87; text-transform: uppercase; font-family: 'Rubik', sans-serif; } #framebody {margin: 0 auto; margin-bottom: 20px; background-color: #fff; height: 40%; border: 8px solid #000; border-radius: 13px; box-shadow: 1px 1px 5px #f3f3f3!important; } .img-pay-1 {width: 3vw; margin-left: -0.5vw; } .controls-p {clear: both; width: 100%; display: flex; padding-left: 9vw; } .controls-p-1 {clear: both; width: 100%; display: flex; padding-left: 5vw; } @media(max-width: 762px) {.img-pay-1 {width: 6vw; margin-left: -0.5vw; } .controls-p {clear: both; width: 100%; display: flex; padding-left: 30vw; } .controls-p a {min-width: auto; } .controls-p-1 {clear: both; width: 100%; display: flex; padding-left: 30vw; } .controls-p-1 a {min-width: auto; } } @media(max-width: 480px) {.img-pay-1 {width: 10vw; margin-left: -0.5vw; } .controls-p {clear: both; width: 100%; display: flex; padding-left: 35vw; } .controls-p a {min-width: auto; } .controls-p-1 {clear: both; width: 100%; display: flex; padding-left: 35vw; } .controls-p-1 a {min-width: auto; } .upload_media_row {width: 92vw; margin-top: 1vw; } .btn-s2, .btn-s3 {font-size: 3.5vw; padding: 0.2vw 2vw; margin-top: 8vw; padding: 4.2vw 2vw; width: 87vw; } .m-icon-submit {width: 20vw; position: absolute; height: 20vw; display: block; float: right; right: -4vw; top: 0.8vw; background-size: 14vw 10vw; } } .turr-3 {float: right; color: #fff; background: #ff5722; width: 50px; margin-top: 0.5vw; position: absolute; line-height: 20px; border-radius: 0.4rem; text-align: center; top: 15px; float: right; right: 2vw; cursor: pointer; } .sortorder {cursor: pointer; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .sortorder.reverse:after {content: "\f062"; } .sortorder:after {content: "\f063"; } @media(min-width: 1024) {.swal-button {padding: 1vw 1vw!important; } } @media(min-width: 768px) {.swal-button {padding: 1vw 3vw!important; } } .btn-clocking {background: #ff2222; width: auto; color: #fff; border-radius: 50%; cursor: pointer; width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; z-index: 999; float: right; right: 26px; top: 50px; border: 1px solid #ff2222; } @media(max-width: 762px) {.btn-clocking {display: none!important; } .hide-mov {display: none!important; } } .zoom-i {width: 37px; margin-top: 2.5vw; position: absolute; line-height: 20px; right: 2vw; } .copy-clipboard {width: 17px; } #zoom-pass, #zoom-url {display: inline; } .img-zoom-1 {width: 1.8vw; margin-left: 0vw; } .mpago1 {margin-top: -1vw; margin-bottom: -1vw; width: 2.5vw; } .alert {position: relative; } .b-copy {text-align: right; width: 18%; position: absolute; top: 10px; right: 10px; } @media(max-width: 762px) {.b-copy {position: relative; width: 100% } } @media(max-width: 480px) {.card {width: 83vw; height: 113vw; margin: 4vw 5vw; } .card-body .nav-icon-1 {width: 8.8vw; height: 9.8vw; background-size: 33.2vw 4.2vw; } .badge.badge-top-left {top: 10px; left: 1vw; padding: 3.8vw; } } #loading p {color: #fff; margin-top: 20px; font-size: 16px; } .form-control {display: block; width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; box-shadow: none!important; background: #f3f3f3; color: #6F6F87; border: 1px solid hsl(240deg 21% 82% / 43%); border-radius: 4px; } @media (max-width: 490px) {.form-control {font-size: 3.5vw; } }