/* Minification failed. Returning unminified contents. (953,19): run-time error CSS1046: Expect comma, found '46' (953,25): run-time error CSS1046: Expect comma, found '/' */ body.swal2-in{overflow-y:hidden}.swal2-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0;bottom:0;right:0;padding:10px;background-color:transparent;z-index:1060}.swal2-modal,.swal2-modal h2{position:relative;text-align:center}.swal2-container:not(.in){pointer-events:none}.swal2-container.fade{-webkit-transition:background-color .1s;transition:background-color .1s}.swal2-container.in{background-color:rgba(0,0,0,.4)}.swal2-modal{background-color:#fff;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;border-radius:5px;box-sizing:border-box;margin:auto;overflow-x:hidden;overflow-y:auto;display:none}.swal2-modal:focus{outline:0}.swal2-modal.loading{overflow-y:hidden}.swal2-modal h2{color:#595959;font-size:30px;font-weight:600;text-transform:none;margin:0;padding:0;line-height:60px;display:block}.swal2-modal .swal2-spacer{height:10px;color:transparent;border:0}.swal2-modal .styled{border:0;border-radius:3px;box-shadow:none;color:#fff;cursor:pointer;font-size:17px;font-weight:500;margin:0 5px;padding:10px 32px}.swal2-modal .styled:not(.loading)[disabled]{opacity:.4;cursor:no-drop}.swal2-modal .styled.loading{box-sizing:border-box;border:4px solid transparent;width:40px;height:40px;padding:0;margin:-2px 30px;vertical-align:top;background-color:transparent!important;color:transparent;cursor:default;border-radius:100%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal :not(.styled).loading::after{display:inline-block;content:'';margin-left:5px;vertical-align:-1px;height:6px;width:6px;border:3px solid #999;border-right-color:transparent;border-radius:50%;-webkit-animation:rotate-loading 1.5s linear 0s infinite normal;animation:rotate-loading 1.5s linear 0s infinite normal}.swal2-modal .swal2-checkbox input,.swal2-modal .swal2-checkbox span,.swal2-modal .swal2-radio input,.swal2-modal .swal2-radio span{vertical-align:middle}.swal2-modal .swal2-image{margin:20px auto;max-width:100%}.swal2-modal .swal2-close{font-size:36px;line-height:36px;font-family:serif;position:absolute;top:5px;right:13px;cursor:pointer;color:#ccc;-webkit-transition:color .1s ease;transition:color .1s ease}.swal2-modal .swal2-close:hover{color:#d55}.swal2-modal>.swal2-checkbox,.swal2-modal>.swal2-file,.swal2-modal>.swal2-input,.swal2-modal>.swal2-radio,.swal2-modal>.swal2-select,.swal2-modal>.swal2-textarea{display:none}.swal2-modal .swal2-content{font-size:18px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal;color:#545454}.swal2-modal .swal2-checkbox,.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-radio,.swal2-modal .swal2-select,.swal2-modal .swal2-textarea{margin:20px auto}.swal2-modal .swal2-file,.swal2-modal .swal2-input,.swal2-modal .swal2-textarea{width:100%;box-sizing:border-box;border-radius:3px;border:1px solid #d9d9d9;font-size:18px;box-shadow:inset 0 1px 1px rgba(0,0,0,.06);-webkit-transition:border-color box-shadow .3s;transition:border-color box-shadow .3s}.swal2-modal .swal2-file.error,.swal2-modal .swal2-input.error,.swal2-modal .swal2-textarea.error{border-color:#f06e57}.swal2-modal .swal2-file:focus,.swal2-modal .swal2-input:focus,.swal2-modal .swal2-textarea:focus{outline:0;box-shadow:0 0 3px #c4e6f5;border:1px solid #b4dbed}.swal2-modal .swal2-file:focus::-webkit-input-placeholder,.swal2-modal .swal2-input:focus::-webkit-input-placeholder,.swal2-modal .swal2-textarea:focus::-webkit-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::-moz-placeholder,.swal2-modal .swal2-input:focus::-moz-placeholder,.swal2-modal .swal2-textarea:focus::-moz-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus:-ms-input-placeholder,.swal2-modal .swal2-input:focus:-ms-input-placeholder,.swal2-modal .swal2-textarea:focus:-ms-input-placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file:focus::placeholder,.swal2-modal .swal2-input:focus::placeholder,.swal2-modal .swal2-textarea:focus::placeholder{-webkit-transition:opacity .3s .03s ease;transition:opacity .3s .03s ease;opacity:.8}.swal2-modal .swal2-file::-webkit-input-placeholder,.swal2-modal .swal2-input::-webkit-input-placeholder,.swal2-modal .swal2-textarea::-webkit-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::-moz-placeholder,.swal2-modal .swal2-input::-moz-placeholder,.swal2-modal .swal2-textarea::-moz-placeholder{color:#e6e6e6}.swal2-modal .swal2-file:-ms-input-placeholder,.swal2-modal .swal2-input:-ms-input-placeholder,.swal2-modal .swal2-textarea:-ms-input-placeholder{color:#e6e6e6}.swal2-modal .swal2-file::placeholder,.swal2-modal .swal2-input::placeholder,.swal2-modal .swal2-textarea::placeholder{color:#e6e6e6}.swal2-modal .swal2-range input{float:left;width:80%}.swal2-modal .swal2-range output{float:right;width:20%;font-size:20px;font-weight:600;text-align:center}.swal2-modal .swal2-range input,.swal2-modal .swal2-range output{height:43px;line-height:43px;vertical-align:middle;margin:20px auto;padding:0}.swal2-modal .swal2-input{height:43px;padding:0 12px}.swal2-modal .swal2-input[type=number]{max-width:150px}.swal2-modal .swal2-file{font-size:20px}.swal2-modal .swal2-textarea{height:108px;padding:12px}.swal2-modal .swal2-select{color:#545454;font-size:inherit;padding:5px 10px;min-width:40%;max-width:100%}.swal2-modal .swal2-radio{border:0}.swal2-modal .swal2-radio label:not(:first-child){margin-left:20px}.swal2-modal .swal2-radio input{margin:0 3px 0 0}.swal2-modal .swal2-checkbox{color:#545454}.swal2-modal .swal2-validationerror{background-color:#f0f0f0;margin:0 -20px;overflow:hidden;padding:10px;color:gray;font-size:16px;font-weight:300;display:none}.swal2-modal .swal2-validationerror::before{content:'!';display:inline-block;width:24px;height:24px;border-radius:50%;background-color:#ea7d7d;color:#fff;line-height:24px;text-align:center;margin-right:10px}.swal2-icon.swal2-info,.swal2-icon.swal2-question,.swal2-icon.swal2-warning{font-size:60px;line-height:80px;text-align:center}@supports (-ms-accelerator:true){.swal2-range input{width:100%!important}.swal2-range output{display:none}}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.swal2-range input{width:100%!important}.swal2-range output{display:none}}.swal2-icon{width:80px;height:80px;border:4px solid transparent;border-radius:50%;margin:20px auto 30px;padding:0;position:relative;box-sizing:content-box;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.swal2-icon.swal2-error{border-color:#f27474}.swal2-icon.swal2-error .x-mark{position:relative;display:block}.swal2-icon.swal2-error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal2-icon.swal2-error .line.left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal2-icon.swal2-error .line.right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}.swal2-icon.swal2-warning{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#f8bb86;border-color:#facea8}.swal2-icon.swal2-info{font-family:'Open Sans',sans-serif;color:#3fc3ee;border-color:#9de0f6}.swal2-icon.swal2-question{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#87adbd;border-color:#c9dae1}.swal2-icon.swal2-success{border-color:#a5dc86}.swal2-icon.swal2-success::after,.swal2-icon.swal2-success::before{content:'';position:absolute;width:60px;height:120px;background:#fff}.swal2-icon.swal2-success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal2-icon.swal2-success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px}.swal2-icon.swal2-success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal2-icon.swal2-success .fix{width:7px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-icon.swal2-success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal2-icon.swal2-success .line.tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal2-icon.swal2-success .line.long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal2-progresssteps{font-weight:600;margin:0 0 20px;padding:0}.swal2-progresssteps li{display:inline-block;position:relative}.swal2-progresssteps .swal2-progresscircle{background:#3085d6;border-radius:2em;color:#fff;height:2em;line-height:2em;text-align:center;width:2em;z-index:20}.swal2-progresssteps .swal2-progresscircle:first-child{margin-left:0}.swal2-progresssteps .swal2-progresscircle:last-child{margin-right:0}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep{background:#3085d6}.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progresscircle,.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep~.swal2-progressline{background:#add8e6}.swal2-progresssteps .swal2-progressline{background:#3085d6;height:.4em;margin:0 -1px;z-index:10}[class^=swal2]{-webkit-tap-highlight-color:transparent}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(.7);transform:scale(.7)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}@keyframes hideSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.5);transform:scale(.5);opacity:0}}.show-swal2{-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s}.show-swal2.no-animation{-webkit-animation:none;animation:none}.hide-swal2{-webkit-animation:hideSweetAlert .15s forwards;animation:hideSweetAlert .15s forwards}.hide-swal2.no-animation{-webkit-animation:none;animation:none}@-webkit-keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-tip{0%,54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@-webkit-keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes animate-success-long{0%,65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@-webkit-keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%,5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}100%,12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}.animate-success-tip{-webkit-animation:animate-success-tip .75s;animation:animate-success-tip .75s}.animate-success-long{-webkit-animation:animate-success-long .75s;animation:animate-success-long .75s}.swal2-success.animate::after{-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}@-webkit-keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes animate-error-icon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}.animate-error-icon{-webkit-animation:animate-error-icon .5s;animation:animate-error-icon .5s}@-webkit-keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animate-x-mark{0%,50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}100%{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{-webkit-animation:animate-x-mark .5s;animation:animate-x-mark .5s}@-webkit-keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{-webkit-animation:pulse-warning .75s infinite alternate;animation:pulse-warning .75s infinite alternate}@-webkit-keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}} @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-ms-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes zoom-down { from { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes zoom-down { from { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes zoom-down { from { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes zoom-down { from { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes zoom-down { from { -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes zoom-up { from { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-moz-keyframes zoom-up { from { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-o-keyframes zoom-up { from { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-ms-keyframes zoom-up { from { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @keyframes zoom-up { from { -webkit-transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; transform-origin: bottom; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); } to { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } } @-webkit-keyframes slide-right { from { -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-moz-keyframes slide-right { from { -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-o-keyframes slide-right { from { -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-ms-keyframes slide-right { from { -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes slide-right { from { -webkit-transform: translate(-20px, 0); -ms-transform: translate(-20px, 0); -o-transform: translate(-20px, 0); transform: translate(-20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes slide-left { from { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -o-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-moz-keyframes slide-left { from { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -o-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-o-keyframes slide-left { from { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -o-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-ms-keyframes slide-left { from { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -o-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes slide-left { from { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); -o-transform: translate(20px, 0); transform: translate(20px, 0); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes slide-down { from { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-moz-keyframes slide-down { from { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-o-keyframes slide-down { from { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-ms-keyframes slide-down { from { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes slide-down { from { -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-webkit-keyframes slide-up { from { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-moz-keyframes slide-up { from { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-o-keyframes slide-up { from { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @-ms-keyframes slide-up { from { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } @keyframes slide-up { from { -webkit-transform: translate(0, 20px); -ms-transform: translate(0, 20px); -o-transform: translate(0, 20px); transform: translate(0, 20px); opacity: 0; } to { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } /* // Example usage .make-ratio(xs, 2, 1); .make-ratio(xs, 3, 1); // Small grid // // Small device range, from phones to tablets. @media (min-width: @screen-sm-min) { .make-ratio(sm, 2, 1); .make-ratio(sm, 3, 1); } // Medium grid // // For the desktop device range. @media (min-width: @screen-md-min) { .make-ratio(md, 2, 1); .make-ratio(md, 3, 1); } // Large grid // // For the large desktop device range. @media (min-width: @screen-lg-min) { .make-ratio(lg, 2, 1); .make-ratio(lg, 3, 1); } */ .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #f2f2f3; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #ffffff; -webkit-text-shadow: 0 1px 0 #ffffff; text-shadow: 0 1px 0 #ffffff; opacity: 0.8; filter: alpha(opacity=80); /* @opacityPercent: @opacity * 100; opacity: @opacity; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacityPercent})"; filter: ~"alpha(opacity=@{opacityPercent})";*/ } .toast-close-button:hover, .toast-close-button:focus { color: #0c0c0c; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); /* @opacityPercent: @opacity * 100; opacity: @opacity; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacityPercent})"; filter: ~"alpha(opacity=@{opacityPercent})";*/ } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 2000; /*overrides*/ } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; /* -moz-border-radius: @radius; -webkit-border-radius: @radius; border-radius: @radius;*/ background-position: 15px center; background-repeat: no-repeat; /* -moz-box-shadow: @boxShadow; -webkit-box-shadow: @boxShadow; box-shadow: @boxShadow;*/ color: #ffffff; opacity: 0.8; filter: alpha(opacity=80); /* @opacityPercent: @opacity * 100; opacity: @opacity; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacityPercent})"; filter: ~"alpha(opacity=@{opacityPercent})";*/ } #toast-container > :hover { /* -moz-box-shadow: @boxShadow; -webkit-box-shadow: @boxShadow; box-shadow: @boxShadow;*/ opacity: 1; filter: alpha(opacity=100); /* @opacityPercent: @opacity * 100; opacity: @opacity; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacityPercent})"; filter: ~"alpha(opacity=@{opacityPercent})";*/ cursor: pointer; } #toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin: auto; } .toast { background-color: #030303; } .toast-default { background-color: #030303; } .toast-success { background-color: #3f51b5; } .toast-error { background-color: #f44336; } .toast-info { background-color: #20252b; } .toast-warning { background-color: #ff9800; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #0c0c0c; opacity: 0.4; filter: alpha(opacity=40); /* @opacityPercent: @opacity * 100; opacity: @opacity; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacityPercent})"; filter: ~"alpha(opacity=@{opacityPercent})";*/ } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; } #toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 25em; } } #toast-container > div { margin-bottom: 8px; padding: 12px 24px; width: auto; min-width: 288px; max-width: 568px; opacity: 1; filter: alpha(opacity=100); /* @opacityPercent: @opacity * 100; opacity: @opacity; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacityPercent})"; filter: ~"alpha(opacity=@{opacityPercent})";*/ } #toast-container.toast-bottom-left > div, #toast-container.toast-bottom-center > div, #toast-container.toast-bottom-right > div, #toast-container.toast-bottom-full-width > div { margin-top: 8px; margin-bottom: 0; } #toast-container.toast-top-center > div, #toast-container.toast-top-full-width > div { margin-bottom: 8px; } .toast-top-left, .toast-top-center, .toast-top-right, #toast-container.toast-top-full-width { top: 24px; } .header-fixed .toast-top-left, .header-fixed .toast-top-center, .header-fixed .toast-top-right, .header-fixed #toast-container.toast-top-full-width { top: 88px; } .toast-top-left, .toast-bottom-left, #toast-container.toast-top-full-width, #toast-container.toast-bottom-full-width { left: 88px; } .toast-top-right, .toast-bottom-right, #toast-container.toast-top-full-width, #toast-container.toast-bottom-full-width { right: 24px; } .toast-bottom-left, .toast-bottom-center, .toast-bottom-right, #toast-container.toast-bottom-full-width { bottom: 24px; } #toast-container.toast-top-full-width, #toast-container.toast-bottom-full-width { width: auto; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 100%; max-width: 100%; } .toast-close-button, button.toast-close-button { right: 0; top: 0; display: inline-block; margin: -6px -14px -6px 0; width: 36px; font-size: 14px; font-weight: 500; text-align: center; vertical-align: middle; cursor: pointer; background-color: transparent; border-radius: 999px !important; border: 1px solid transparent; white-space: nowrap; padding: 4.5px 0; font-size: 13px; line-height: 1.846153846; border-radius: 2px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-shadow: none; opacity: 1; filter: alpha(opacity=100); /* @opacityPercent: @opacity * 100; opacity: @opacity; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacityPercent})"; filter: ~"alpha(opacity=@{opacityPercent})";*/ } .toast-close-button.btn-flat, button.toast-close-button.btn-flat { padding: 4.5px 0; } .toast-close-button:hover, button.toast-close-button:hover, .toast-close-button:focus, button.toast-close-button:focus { background-color: rgba(12, 12, 12, 0.07); border-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: inherit; opacity: 1; filter: alpha(opacity=100); /* @opacityPercent: @opacity * 100; opacity: @opacity; -ms-filter: ~"progid:DXImageTransform.Microsoft.Alpha(Opacity=@{opacityPercent})"; filter: ~"alpha(opacity=@{opacityPercent})";*/ } .toast-info .toast-progress { background: #ffffff; } .toastr-action { float: right; margin-top: -6px; margin-bottom: -6px; } .toastr-action:last-child { margin-left: 24px; } @media (min-width: 1200px) { .menubar-pin .toast-top-left, .menubar-pin .toast-bottom-left, .menubar-pin #toast-container.toast-top-full-width, .menubar-pin #toast-container.toast-bottom-full-width { left: 264px; } } @media (max-width: 769px) { .toast-top-left, .toast-top-center, .toast-top-right, #toast-container.toast-top-full-width { top: 0; } .header-fixed .toast-top-left, .header-fixed .toast-top-center, .header-fixed .toast-top-right, .header-fixed #toast-container.toast-top-full-width { top: 64px; } .toast-top-left, .toast-bottom-left, #toast-container.toast-top-full-width, #toast-container.toast-bottom-full-width { left: 0; } .toast-top-right, .toast-bottom-right, #toast-container.toast-top-full-width, #toast-container.toast-bottom-full-width { right: 0; } .toast-bottom-left, .toast-bottom-center, .toast-bottom-right, #toast-container.toast-bottom-full-width { bottom: 0; } } /** { font-family: Proxima Nova!important }*/ .onboarding-modal .onboarding-content .onboarding-text { color: rgb(41 46 62 / 90%)!important; /* font-weight: 400; font-size: 0.99rem; margin-bottom: 30px; padding-left: 20px; padding-right: 20px;*/ } .em-info { color: #999; font-weight: 300; font-size: 0.81rem; display: block; } /* Modal ausentistmos*/ .error-fecha-fin-vacaciones { /*background: aliceblue;*/ /*padding: 15px;*/ /*color: red;*/ background: #dfdf43; padding: 20px 5px; margin: 5px; border-radius: 10px; color: black; } .nav-link.disabled { color: #767676; background-color: #bfbfbfcf; } .k-list .k-group { font-size: 0.60em !important; /*font-weight: normal; margin: 0 0 1px 0; padding: 0;*/ } .k-list li { font-size: 0.9rem; font-weight: 400; } /*.k-list-special-font { font-size: 0.9rem; font-weight: 400; }*/ /*.k-list li { font-size: 0.9rem; font-weight: 400; }*/ .nav-pills .nav-link { border: solid 0.5px; /*border-radius: 20px;*/ margin: 5px; } .box-board { display: grid; grid-template-rows: 150px 150px 150px 50px; grid-template-columns: 150px 150px 150px 150px; } .box { display: flex; position: relative; /* align-items: center; */ /*justify-content: center;*/ } .point { /*background: #444;*/ border: 1px solid #555; color: #7d877a; text-align: center; justify-content: center; } .boxTitle { text-align: center; align-items: center; justify-content: center; } .box span { font-size: 2rem; font-weight: 700; align-items: initial; top: 0; position: absolute; } .box label { position: absolute; top: 35% } .boxActive { /*background-color: #29f100!important; color: black!important;*/ } .box-board-legend { display: grid; grid-template-rows: 60px; grid-template-columns: 100px 100px 100px 100px; } .box-legend { background: #444; border: 1px solid #555; display: flex; align-items: center; justify-content: center; color: #AAA; position: relative; text-align: center; } .box-legend label { position: absolute; } #loading { background: url('../Images/spinner.gif') no-repeat center center; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 9999999; } .Loadermodal { display: none; position: fixed; z-index: 2000; top: 0; left: 0; height: 100%; width: 100%; background: rgba( 248, 244, 244, 0.54 ) url('../images/spinner.gif') 50% 50% no-repeat; } /* When the body has the loading class, we turn the scrollbar off with overflow:hidden */ /*body.loading { overflow: hidden; }*/ /* Anytime the body has the loading class, our modal element will be visible */ /*body.loading .Loadermodal { display: block; }*/ .progress { font-size: 0.675rem !important; } .btnAcciones { font-size: 1rem !important; background-color: #446db2!important; color:white!important; cursor: pointer; } .iconBtnAcciones { font-size: 1rem !important; color: #446db2 !important; cursor: pointer; } .iconBtnAccionesDetalle { font-size: 1rem !important; color: #446db2 !important; cursor: pointer; } /*.btnAcciones:hover { font-size: 1.2rem !important; rotation: 180deg; }*/ .k-context-menu { font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important; font-size: 15px !important; } /*@keyframes click-wave { 0% { height: 40px; width: 40px; opacity: 0.35; position: relative; } 100% { height: 200px; width: 200px; margin-left: -80px; margin-top: -80px; opacity: 0; } }*/ .option-input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; position: relative; /*top: 13.33333px;*/ right: 0; bottom: 0; left: 0; height: 20px; width: 20px; transition: all 0.15s ease-out 0s; background: #cbd1d8; border: none; color: #fff; cursor: pointer; display: inline-block; margin-right: 0.5rem; outline: none; position: relative; z-index: 1000; } .option-input:hover { background: #9faab7; } .option-input:checked { background: #40e0d0; } .option-input:checked::before { height: 20px; width: 20px; position: absolute; /*content: '✔';*/ content: '⚫'; display: inline-block; font-size: 16.66667px; text-align: center; /*line-height: 20px;*/ line-height: 18.66667px; } .option-input:checked::after { -webkit-animation: click-wave 0.65s; -moz-animation: click-wave 0.65s; animation: click-wave 0.65s; background: #40e0d0; content: ''; display: block; position: relative; z-index: 100; } .option-input.radio { border-radius: 50%; } .option-input.radio::after { border-radius: 50%; } .k-grid .progress { width: 95%; } .adgTextBox { width: 100%; } input, textarea { text-transform: uppercase; } .customer-photo { display: inline-block; width: 42px; height: 42px; border-radius: 50%; background-size: 32px 35px; background-position: center center; vertical-align: middle; line-height: 32px; box-shadow: inset 0 0 1px #999, inset 0 0 10px rgba(0,0,0,.2); margin: 0 5px 0 10px; float: left; } /*input, textarea { text-transform: uppercase; }*/ .k-edit-form-container { position: relative; width: auto!important; } .menu-w.color-style-bright { background-image: -webkit-gradient(linear, left top, left bottom, from(#2f75b6), to(#00386d))!important; background-image: linear-gradient(to bottom, #2f75b6 0%, #00386d 100%)!important; background-repeat: repeat-x; } /*.top-bar.color-scheme-bright { background-color: #2a6faf!important; }*/ /*.menu-w.sub-menu-style-over .sub-menu-w { background-color: #446db2!important; /*background-color: #16558f!important; }*/ .menu-w .logged-user-menu.color-style-bright { background-color: #165590!important; } /*Quita el border inferior*/ .menu-w.color-scheme-light .logo-w { border-bottom: 0px solid rgba(0, 0, 0, 0.05)!important; } .os-dropdown { background-color: #165590!important; } .top-bar .logged-user-w .logged-user-menu { background: #13518b!important; } /* .menu-w.sub-menu-style-over ul.main-menu > li.active { border-right-color:#446db2!important; border-bottom-color:#446db2!important; border-right-color:#13518b!important; border-bottom-color:#13518b!important; } */ .has-sub-menu:hover .icon-w { color:white!important; } .icon-w { color:white; } /*pie página*/ .adgPiePagina { border: 1px solid #dee2e6 !important; border-top-color: rgb(222, 226, 230); /*height: 100%;*/ width: 100%; background-color: white; padding-left: 20px; padding-right: 20px; padding-bottom: 0px; } .adgPiePagina-content { padding-top: 15px; height:50px; width: 100%; font-size: 13px; color: #aeb7c5; display: inline-block; } /*pie página*/ /* Dashboard principal */ /*.adgDashboard-box { }*/ .adgDashboard-box i, .adgDashboard-box-caja i { float: right; font-size: 3rem; padding: 5px 10px; color: #446db2; } .adgDashboard-box.active, .adgDashboard-box-caja.active { border: solid 3px #d5dfef; } /* Dashboard principal */ .dataTablaFotoEmpleado { width: 40px; background-color: azure; height: 40px; background-repeat: no-repeat; background-size: cover; border-radius: 50%; } .menu-w.sub-menu-style-over.sub-menu-color-bright ul.main-menu > li.active > a, .menu-w.sub-menu-style-flyout.sub-menu-color-bright ul.main-menu > li.active > a { background-color: #446db2 !important; } .menu-w.sub-menu-style-flyout ul.main-menu > li.active > a { color: #fff; } #main-menu > li > a { border-radius: 2px; } .aplicacion-seleccionada-container { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; border-radius: 5px; padding: 4px; display: flex; justify-content: space-around; align-items: center; } .aplicacion-seleccionada-container #lblAplicacionSeleccionada, .aplicacion-seleccionada-container #lblAplicacionSeleccionadaMobil { font-size: 1rem; margin: 0 5px 0 10px; } .aplicacion-seleccionada-container::after { content: '\f0d7'; font-family: FontAwesome; font-weight: normal; font-style: normal; margin: 0 10px 0 10px; text-decoration: none; } /*3353a2*/ #main-menu .icon-w { color: #446db2; font-size: 1.4rem; } .has-sub-menu active:hover .icon-w { color: white; } .menu-mobile.color-scheme-dark { background-image: linear-gradient(to bottom, #3D4D75 0%, #31395B 100%)!important; } #ulAccesoRapido > li, #ulAccesoRapidoMobil > li { display: flex; justify-content: space-between; align-items: center; } @media screen and (min-width: 900px) and (max-width: 2880px) { .colCountCheckPermisos { column-count: 2!important; } } @media screen and (min-width: 410px) and (max-width: 899px){ .colCountCheckPermisos { column-count: 1!important; } } /*@keyframes spinner-small { to {transform: rotate(360deg);} } .spinner-small:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border-top: 2px solid #07d; border-right: 2px solid transparent; animation: spinner .6s linear infinite; }*/ @keyframes spinner-sm { to {transform: rotate(360deg);} } .spinner-sm:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border-top: 2px solid #07d; border-right: 2px solid transparent; animation: spinner-sm .6s linear infinite; z-index:2000; } @keyframes spinner-md { to {transform: rotate(360deg);} } .spinner-md:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border-top: 2px solid #07d; border-right: 2px solid transparent; animation: spinner-md .6s linear infinite; z-index:2000; } @keyframes spinner-lg { to {transform: rotate(360deg);} } .spinner-lg:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -10px; margin-left: -10px; border-radius: 50%; border-top: 2px solid #07d; border-right: 2px solid transparent; animation: spinner-lg .6s linear infinite; z-index:2000; } .liBorderBottom { border-bottom: solid; border-bottom-width: .5px; } /* * listaHistoriales scrollbar */ .customScroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); background-color: #F5F5F5; } .customScroll::-webkit-scrollbar { width: 2px; background-color: #F5F5F5; } .customScroll::-webkit-scrollbar-thumb { background-color: #000000; } /*@media (min-width: 1820px) { #page { max-width:1500px; } } @media (min-width: 1300px) { #page { max-width: 910px; } } @media (min-width: 1240px) { #page { max-width: 910px; } }*/ /*.k-grid .dropdown-menu:hover .show{ position:fixed!important; top:inherit!important; left:inherit!important; }*/ /*.k-grid .dropdown-toggle:hover > .show{ position:fixed!important; top:inherit!important; left:inherit!important; }*/ .k-grid .dropdown-toggle { height:20px; } .k-grid .dropdown-menu.show a{ width:auto!important; cursor:pointer; } .k-grid-content-locked { overflow-x: visible!important; } .k-grid { font-size: 10px; } .k-grid td { /*line-height: 1em; overflow: visible!important; white-space: nowrap!important;*/ } .k-grid .k-grid-content td { /*line-height: 1em; overflow-x: hidden !important; white-space: nowrap !important;*/ } #treeview .k-sprite { background-image: url("../Images/coloricons-sprite.png")!important; } .rootfolder { background-position: 0 0!important; } .folder { background-position: 0 -16px!important; } .pdf { background-position: 0 -32px!important; } .html { background-position: 0 -48px!important; } .image { background-position: 0 -64px!important; } #btnCalcularCurp,#btnSugiereCodigo,#btnCalcularRFC, #btnValidarIMSS, #btnSugiereDescripcion { cursor:pointer; } .fotoEmpleadoSeleccionado { /*border-radius: 50%; max-width: 250px; width: 100%; height: 100%; max-height: 250px;*/ margin: auto; width: 200px; height: 200px; background-image: url('../Fotos/nofoto.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 50%; } .adgAvatar { background-size: cover; width: 100%; height: 100%; border-radius: 50%; } #seccionPerfilColaborador .user-profile.compact .up-main-info { padding-top: 0px!important; padding: 5% 0% 8% 0!important; /* padding-bottom: 10%; */ } .dropdown-header { border-width: 0 0 1px 0; text-transform: uppercase; } .dropdown-header > span { display: inline-block; padding: 10px; } .dropdown-header > span:first-child { width: 50px; } #ddlEmpleado-list .k-item, #ddlSeleccionarEmpleado-list .k-item, #ddlEncargadosProyectosExistentes-list .k-item, #ddlEncargadosProyectosExistentes_listbox .k-item, #cbbJefesEmpleados-list .k-item { line-height: 1em; min-width: 300px; } /* Material Theme padding adjustment*/ .k-material #ddlEmpleado-list .k-item, .k-material #ddlEmpleado-list .k-item.k-state-hover, .k-materialblack #ddlEmpleado-list .k-item, .k-materialblack #ddlEmpleado-list .k-item.k-state-hover { padding-left: 5px; border-left: 0; } #ddlEmpleado-list .k-item > span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 20px 10px 10px 5px; } #ddlEmpleado-list .k-item > span:first-child { -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3); box-shadow: inset 0 0 30px rgba(0,0,0,.3); margin: 10px; width: 50px; height: 50px; border-radius: 50%; background-size: 100%; background-repeat: no-repeat; } #ddlEmpleado-list h3 { font-size: 1.2em; font-weight: normal; margin: 0 0 1px 0; padding: 0; } #ddlEmpleado-list p { margin: 0; padding: 0; font-size: .8em; } /*#ddlEmpleado-list .k-item { display: grid; grid-template-columns: 20% 80%; grid-gap: 0px; } #ddlEmpleado-list .k-item > span { margin: 10px 10px 10px 5px; } #ddlEmpleado-list .k-item > span:first-child { margin-top: 20px; margin-right: 15px; margin-left: 0px; } #ddlEmpleado-list .k-item h2 { font-size: 16px; font-weight: bold; padding: 0px; margin: 0px; } #ddlEmpleado-list .k-item h3 { font-size: 16px; padding: 0px; margin: 0px; } #ddlEmpleado-list .dropdown-header { padding-left: 5px; }*/ .k-material #ddlSeleccionarEmpleado-list .k-item, .k-material #ddlSeleccionarEmpleado-list .k-item.k-state-hover, .k-materialblack #ddlSeleccionarEmpleado-list .k-item, .k-materialblack #ddlSeleccionarEmpleado-list .k-item.k-state-hover, .k-material #cbbJefesEmpleados-list .k-item, .k-material #cbbJefesEmpleados-list .k-item.k-state-hover { padding-left: 5px; border-left: 0; } #ddlSeleccionarEmpleado-list .k-item > span, #ddlEncargadosProyectosExistentes-list .k-item > span, #cbbJefesEmpleados-list .k-item > span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 20px 10px 10px 5px; } #ddlSeleccionarEmpleado-list .k-item > span:first-child, #ddlEncargadosProyectosExistentes-list .k-item > span:first-child, #cbbJefesEmpleados-list .k-item > span:first-child { -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3); box-shadow: inset 0 0 30px rgba(0,0,0,.3); margin: 10px; width: 50px; height: 50px; border-radius: 50%; background-size: 100%; background-repeat: no-repeat; } #ddlSeleccionarEmpleado-list h3, #ddlEncargadosProyectosExistentes-list h3, #cbbJefesEmpleados-list h3 { font-size: 1.2em; font-weight: normal; margin: 0 0 1px 0; padding: 0; } #ddlSeleccionarEmpleado-list p, #ddlEncargadosProyectosExistentes-list p, #cbbJefesEmpleados-list p { margin: 0; padding: 0; font-size: .8em; } #multeSelectColaboradores-list .k-item, #multiSelectJefes-list .k-item, #multiSelectSupervisores-list .k-item { line-height: 1em; min-width: 300px; } #multeSelectColaboradores-list .k-item > span, #multiSelectJefes-list .k-item > span, #multiSelectSupervisores-list .k-item > span { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 20px 10px 10px 5px; } #multeSelectColaboradores-list .k-item > span:first-child, #multiSelectJefes-list .k-item > span:first-child, #multiSelectSupervisores-list .k-item > span:first-child { -moz-box-shadow: inset 0 0 30px rgba(0,0,0,.3); -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,.3); box-shadow: inset 0 0 30px rgba(0,0,0,.3); margin: 10px; width: 50px; height: 50px; border-radius: 50%; background-size: 100%; background-repeat: no-repeat; } #multeSelectColaboradores-list h3, #multiSelectJefes-list h3, #multiSelectSupervisores-list h3 { font-size: 1.2em; font-weight: normal; margin: 0 0 1px 0; padding: 0; } #multeSelectColaboradores-list p, #multiSelectJefes-list p, #multiSelectSupervisores-list p { margin: 0; padding: 0; font-size: .8em; } #multeSelectColaboradores_taglist .selected-value, #multiSelectJefes_taglist .selected-value, #multiSelectSupervisores_taglist .selected-value { display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-size: 100%; margin-right: 5px; border-radius: 50%; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background-color: red; } .avatar:hover .overlay {} .icon { color: white; font-size: 100px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; } .fa-user:hover { color: #eee; } .customEvent { font-size:0.6rem; } .switch { font-size: 1rem; position: relative; } .switch input { position: absolute; height: 1px; width: 1px; background: none; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; padding: 0; } .switch input + label { position: relative; min-width: calc(calc(2.375rem * .8) * 2); border-radius: calc(2.375rem * .8); height: calc(2.375rem * .8); line-height: calc(2.375rem * .8); display: inline-block; cursor: pointer; outline: none; user-select: none; vertical-align: middle; text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem); } .switch input + label::before, .switch input + label::after { content: ''; position: absolute; top: 0; left: 0; width: calc(calc(2.375rem * .8) * 2); bottom: 0; display: block; } .switch input + label::before { right: 0; background-color: #dee2e6; border-radius: calc(2.375rem * .8); transition: 0.2s all; } .switch input + label::before { right: 0; background-color: #dee2e6; border-radius: calc(2.375rem * .8); transition: 0.2s all; } .switch input + label::after { top: 2px; left: 2px; width: calc(calc(2.375rem * .8) - calc(2px * 2)); height: calc(calc(2.375rem * .8) - calc(2px * 2)); border-radius: 50%; background-color: white; transition: 0.2s all; } .switch input:checked + label::before { background-color: #08d; } .switch input:checked + label::after { margin-left: calc(2.375rem * .8); } .switch input:focus + label::before { outline: none; box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25); } .switch input:disabled + label { color: #868e96; cursor: not-allowed; } .switch input:disabled + label::before { background-color: #e9ecef; } .switch.switch-sm { font-size: 0.875rem; } .switch.switch-sm input + label { min-width: calc(calc(1.9375rem * .8) * 2); height: calc(1.9375rem * .8); line-height: calc(1.9375rem * .8); text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem); } .switch.switch-sm input + label::before { width: calc(calc(1.9375rem * .8) * 2); } .switch.switch-sm input + label::after { width: calc(calc(1.9375rem * .8) - calc(2px * 2)); height: calc(calc(1.9375rem * .8) - calc(2px * 2)); } .switch.switch-sm input:checked + label::after { margin-left: calc(1.9375rem * .8); } .switch.switch-lg { font-size: 1.25rem; } .switch.switch-lg input + label { min-width: calc(calc(3rem * .8) * 2); height: calc(3rem * .8); line-height: calc(3rem * .8); text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem); } .switch.switch-lg input + label::before { width: calc(calc(3rem * .8) * 2); } .switch.switch-lg input + label::after { width: calc(calc(3rem * .8) - calc(2px * 2)); height: calc(calc(3rem * .8) - calc(2px * 2)); } .switch.switch-lg input:checked + label::after { margin-left: calc(3rem * .8); } .switch + .switch { margin-left: 1rem; } /*Módulo de reportes*/ .adgReportFolders i { font-size: 64px; color: #446db2; } .adgReportFolders .adgFolder { text-align: center; } .adgReportFolders i:hover { /*font-size: 68px;*/ color: green; } .adgFolder { margin-top: 10px; cursor: pointer; } .trv-parameters-area { position: absolute; width: 25em!important; height: auto; top: 0; bottom: 0; right: 0; z-index: 10; } .accounts-content-wrapper__avatar { border: 4px solid #d5dfef; border-radius: 50%; width: 150px; height: 150px; margin: auto } @media (max-width:1400px) { .accounts-content-wrapper__avatar { width: 110px; height: 110px } } /*Modulo de Norma35*/ .os-progress-bar.blue .bar-level-1, .os-progress-bar.primary .bar-level-1 { background-color: #e4e4e4!important; } /* width */ .table-style-scroll::-webkit-scrollbar { width: 10px; } /* Track */ .table-style-scroll::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } /* Handle */ .table-style-scroll::-webkit-scrollbar-thumb { background: red; border-radius: 10px; } /* Handle on hover */ .table-style-scroll::-webkit-scrollbar-thumb:hover { background: #b30000; } /*.table-scrolling-wrapper-flexbox { display: flex; flex-wrap: nowrap; overflow-x: auto; height: 200px; padding-top: 10px; } .table-style-scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } .table-style-scroll::-webkit-scrollbar { width: 2px; height: 12px; background-color: #F5F5F5; } .table-style-scroll::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #b1c6cb; }*/ .warning-duplicado { background-color :#ffff66!important; } .v-select__selections input { display: none } .v-select img { height: auto; max-height: 45px; max-width: 2.5rem; /*margin-right: 1rem;*/ border-radius: 50%; } .v-select .d-center { display: flex; align-items: center; } .v-select .selected img { width: auto; max-height: 45px; /*margin-right: 0.5rem;*/ border-radius: 50%; } .v-select .dropdown li { border-bottom: 1px solid rgba(112, 128, 144, 0.1); } .v-select .dropdown li:last-child { border-bottom: none; } .v-select .dropdown li a { padding: 10px 20px; width: 100%; font-size: 1.25em; color: #3c3c3c; } .v-select .dropdown-menu .active > a { color: #fff; } .v-select svg { height: auto; max-height: 45px; max-width: 2.5rem; /*margin-right: 1rem;*/ border-radius: 50%; } .v-select .selected svg { width: auto; max-height: 45px; /*margin-right: 0.5rem;*/ border-radius: 50%; } .empleados-por-proyecto-container .table-container, .seleccion-colaboradores-container .table-container, /*#VueAppObjetivosKpi .table-responsive,*/ /*#VueAppObjetivosKpi .table-container,*/ .adgcrudclass .table-container, /*.adgcrudclass .table-responsive,*/ #p-tabla-empleados-objetivos.table-container, #p-tabla-empleados-objetivos .table-responsive, #colaboradores-objetivos .table-responsive, #colaboradores-objetivos .table-container, #p-tabla .table-container, #table-requisitos-puesto-candidato-plaza .table-container { overflow: initial !important; min-height: 300px !important } .btn-inicar-jornada { border: none!important; box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; } .clock-container { display: flex; flex-direction: column; justify-content: center; align-items: center; } .time-zone { color: #999; font-weight: 300; font-size: 0.6rem; display: block; } .btn-inicar-jornada:hover .time-zone { color: #fff; } .croppie-container { width: 100%; height: 100%; } .croppie-container .cr-image { z-index: -1; position: absolute; top: 0; left: 0; transform-origin: 0 0; max-height: none; max-width: none; } .croppie-container .cr-boundary { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; width: 100%; height: 100%; } .croppie-container .cr-viewport, .croppie-container .cr-resizer { position: absolute; border: 2px solid #fff; margin: auto; top: 0; bottom: 0; right: 0; left: 0; box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5); z-index: 0; } .croppie-container .cr-resizer { z-index: 2; box-shadow: none; pointer-events: none; } .croppie-container .cr-resizer-vertical, .croppie-container .cr-resizer-horisontal { position: absolute; pointer-events: all; } .croppie-container .cr-resizer-vertical::after, .croppie-container .cr-resizer-horisontal::after { display: block; position: absolute; box-sizing: border-box; border: 1px solid black; background: #fff; width: 10px; height: 10px; content: ''; } .croppie-container .cr-resizer-vertical { bottom: -5px; cursor: row-resize; width: 100%; height: 10px; } .croppie-container .cr-resizer-vertical::after { left: 50%; margin-left: -5px; } .croppie-container .cr-resizer-horisontal { right: -5px; cursor: col-resize; width: 10px; height: 100%; } .croppie-container .cr-resizer-horisontal::after { top: 50%; margin-top: -5px; } .croppie-container .cr-original-image { display: none; } .croppie-container .cr-vp-circle { border-radius: 50%; } .croppie-container .cr-overlay { z-index: 1; position: absolute; cursor: move; touch-action: none; } .croppie-container .cr-slider-wrap { width: 75%; margin: 15px auto; text-align: center; } .croppie-result { position: relative; overflow: hidden; } .croppie-result img { position: absolute; } .croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } /*************************************/ /***** STYLING RANGE INPUT ***********/ /*************************************/ /*http://brennaobrien.com/blog/2014/05/style-input-type-range-in-every-browser.html */ /*************************************/ .cr-slider { -webkit-appearance: none; /*removes default webkit styles*/ /*border: 1px solid white; *//*fix for FF unable to apply focus style bug */ width: 300px; /*required for proper track sizing in FF*/ max-width: 100%; padding-top: 8px; padding-bottom: 8px; background-color: transparent; } .cr-slider::-webkit-slider-runnable-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } .cr-slider:focus { outline: none; } /* .cr-slider:focus::-webkit-slider-runnable-track { background: #ccc; } */ .cr-slider::-moz-range-track { width: 100%; height: 3px; background: rgba(0, 0, 0, 0.5); border: 0; border-radius: 3px; } .cr-slider::-moz-range-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top: -6px; } /*hide the outline behind the border*/ .cr-slider:-moz-focusring { outline: 1px solid white; outline-offset: -1px; } .cr-slider::-ms-track { width: 100%; height: 5px; background: transparent; /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */ border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */ border-width: 6px 0; color: transparent;/*remove default tick marks*/ } .cr-slider::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); border-radius: 10px; } .cr-slider::-ms-thumb { border: none; height: 16px; width: 16px; border-radius: 50%; background: #ddd; margin-top:1px; } .cr-slider:focus::-ms-fill-lower { background: rgba(0, 0, 0, 0.5); } .cr-slider:focus::-ms-fill-upper { background: rgba(0, 0, 0, 0.5); } /*******************************************/ /***********************************/ /* Rotation Tools */ /***********************************/ .cr-rotate-controls { position: absolute; bottom: 5px; left: 5px; z-index: 1; } .cr-rotate-controls button { border: 0; background: none; } .cr-rotate-controls i:before { display: inline-block; font-style: normal; font-weight: 900; font-size: 22px; } .cr-rotate-l i:before { content: '↺'; } .cr-rotate-r i:before { content: '↻'; } .br-theme-fontawesome-stars .br-widget { height: 28px; white-space: nowrap; } .br-theme-fontawesome-stars .br-widget a { font: normal normal normal 50px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; text-decoration: none; margin-right: 2px; } .br-theme-fontawesome-stars .br-widget a:after { content: '\f005'; color: #d2d2d2; } .br-theme-fontawesome-stars .br-widget a.br-active:after { color: #EDB867; } .br-theme-fontawesome-stars .br-widget a.br-selected:after { color: #EDB867; } .br-theme-fontawesome-stars .br-widget .br-current-rating { display: none; } .br-theme-fontawesome-stars .br-readonly a { cursor: default; } @media print { .br-theme-fontawesome-stars .br-widget a:after { content: '\f006'; color: black; } .br-theme-fontawesome-stars .br-widget a.br-active:after, .br-theme-fontawesome-stars .br-widget a.br-selected:after { content: '\f005'; color: black; } } button[data-balloon] { overflow: visible; } [data-balloon] { position: relative; cursor: pointer; } [data-balloon]:after { filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; pointer-events: none; -webkit-transition: all 0.18s ease-out 0.18s; -moz-transition: all 0.18s ease-out 0.18s; -ms-transition: all 0.18s ease-out 0.18s; -o-transition: all 0.18s ease-out 0.18s; transition: all 0.18s ease-out 0.18s; font-family: sans-serif !important; font-weight: normal !important; font-style: normal !important; text-shadow: none !important; font-size: 12px !important; background: rgba(17, 17, 17, 0.9); border-radius: 4px; color: #fff; content: attr(data-balloon); padding: .5em 1em; position: absolute; white-space: nowrap; z-index: 10; } [data-balloon]:before { background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); background-size: 100% auto; width: 18px; height: 6px; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; pointer-events: none; -webkit-transition: all 0.18s ease-out 0.18s; -moz-transition: all 0.18s ease-out 0.18s; -ms-transition: all 0.18s ease-out 0.18s; -o-transition: all 0.18s ease-out 0.18s; transition: all 0.18s ease-out 0.18s; content: ''; position: absolute; z-index: 10; } [data-balloon]:hover:before, [data-balloon]:hover:after, [data-balloon][data-balloon-visible]:before, [data-balloon][data-balloon-visible]:after { filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; pointer-events: auto; } [data-balloon].font-awesome:after { font-family: FontAwesome; } [data-balloon][data-balloon-break]:after { white-space: pre; } [data-balloon][data-balloon-blunt]:before, [data-balloon][data-balloon-blunt]:after { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } [data-balloon][data-balloon-pos="up"]:after { bottom: 100%; left: 50%; margin-bottom: 11px; -webkit-transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } [data-balloon][data-balloon-pos="up"]:before { bottom: 100%; left: 50%; margin-bottom: 5px; -webkit-transform: translate(-50%, 10px); -moz-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } [data-balloon][data-balloon-pos="up"]:hover:after, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:after { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } [data-balloon][data-balloon-pos="up"]:hover:before, [data-balloon][data-balloon-pos="up"][data-balloon-visible]:before { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } [data-balloon][data-balloon-pos="up-left"]:after { bottom: 100%; left: 0; margin-bottom: 11px; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } [data-balloon][data-balloon-pos="up-left"]:before { bottom: 100%; left: 5px; margin-bottom: 5px; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } [data-balloon][data-balloon-pos="up-left"]:hover:after, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:after { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } [data-balloon][data-balloon-pos="up-left"]:hover:before, [data-balloon][data-balloon-pos="up-left"][data-balloon-visible]:before { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } [data-balloon][data-balloon-pos="up-right"]:after { bottom: 100%; right: 0; margin-bottom: 11px; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } [data-balloon][data-balloon-pos="up-right"]:before { bottom: 100%; right: 5px; margin-bottom: 5px; -webkit-transform: translate(0, 10px); -moz-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transform-origin: top; -moz-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } [data-balloon][data-balloon-pos="up-right"]:hover:after, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:after { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } [data-balloon][data-balloon-pos="up-right"]:hover:before, [data-balloon][data-balloon-pos="up-right"][data-balloon-visible]:before { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } [data-balloon][data-balloon-pos='down']:after { left: 50%; margin-top: 11px; top: 100%; -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); } [data-balloon][data-balloon-pos='down']:before { background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); background-size: 100% auto; width: 18px; height: 6px; left: 50%; margin-top: 5px; top: 100%; -webkit-transform: translate(-50%, -10px); -moz-transform: translate(-50%, -10px); -ms-transform: translate(-50%, -10px); transform: translate(-50%, -10px); } [data-balloon][data-balloon-pos='down']:hover:after, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:after { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } [data-balloon][data-balloon-pos='down']:hover:before, [data-balloon][data-balloon-pos='down'][data-balloon-visible]:before { -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } [data-balloon][data-balloon-pos='down-left']:after { left: 0; margin-top: 11px; top: 100%; -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } [data-balloon][data-balloon-pos='down-left']:before { background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); background-size: 100% auto; width: 18px; height: 6px; left: 5px; margin-top: 5px; top: 100%; -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } [data-balloon][data-balloon-pos='down-left']:hover:after, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:after { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } [data-balloon][data-balloon-pos='down-left']:hover:before, [data-balloon][data-balloon-pos='down-left'][data-balloon-visible]:before { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } [data-balloon][data-balloon-pos='down-right']:after { right: 0; margin-top: 11px; top: 100%; -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } [data-balloon][data-balloon-pos='down-right']:before { background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); background-size: 100% auto; width: 18px; height: 6px; right: 5px; margin-top: 5px; top: 100%; -webkit-transform: translate(0, -10px); -moz-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); } [data-balloon][data-balloon-pos='down-right']:hover:after, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:after { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } [data-balloon][data-balloon-pos='down-right']:hover:before, [data-balloon][data-balloon-pos='down-right'][data-balloon-visible]:before { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } [data-balloon][data-balloon-pos='left']:after { margin-right: 11px; right: 100%; top: 50%; -webkit-transform: translate(10px, -50%); -moz-transform: translate(10px, -50%); -ms-transform: translate(10px, -50%); transform: translate(10px, -50%); } [data-balloon][data-balloon-pos='left']:before { background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); background-size: 100% auto; width: 6px; height: 18px; margin-right: 5px; right: 100%; top: 50%; -webkit-transform: translate(10px, -50%); -moz-transform: translate(10px, -50%); -ms-transform: translate(10px, -50%); transform: translate(10px, -50%); } [data-balloon][data-balloon-pos='left']:hover:after, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:after { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } [data-balloon][data-balloon-pos='left']:hover:before, [data-balloon][data-balloon-pos='left'][data-balloon-visible]:before { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } [data-balloon][data-balloon-pos='right']:after { left: 100%; margin-left: 11px; top: 50%; -webkit-transform: translate(-10px, -50%); -moz-transform: translate(-10px, -50%); -ms-transform: translate(-10px, -50%); transform: translate(-10px, -50%); } [data-balloon][data-balloon-pos='right']:before { background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E"); background-size: 100% auto; width: 6px; height: 18px; left: 100%; margin-left: 5px; top: 50%; -webkit-transform: translate(-10px, -50%); -moz-transform: translate(-10px, -50%); -ms-transform: translate(-10px, -50%); transform: translate(-10px, -50%); } [data-balloon][data-balloon-pos='right']:hover:after, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:after { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } [data-balloon][data-balloon-pos='right']:hover:before, [data-balloon][data-balloon-pos='right'][data-balloon-visible]:before { -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } [data-balloon][data-balloon-length='small']:after { white-space: normal; width: 80px; } [data-balloon][data-balloon-length='medium']:after { white-space: normal; width: 150px; } [data-balloon][data-balloon-length='large']:after { white-space: normal; width: 260px; } [data-balloon][data-balloon-length='xlarge']:after { white-space: normal; width: 380px; } @media screen and (max-width: 768px) { [data-balloon][data-balloon-length='xlarge']:after { white-space: normal; width: 90vw; } } [data-balloon][data-balloon-length='fit']:after { white-space: normal; width: 100%; } /********************************************************** * Optional removal of spinners on numeric input boxes. * * Recommended for consistent cross-browser input widths. * **********************************************************/ /* Webkit: Android, Chrome, iOS, Safari */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; /* display: none alt can crash on hover */ margin: 0px; /* sometimes margin is left for spinner */ }