/* FONTS */ @font-face { font-family:'oxygen'; src: url("../fonts/oxygen/oxygen-regular.ttf") format('truetype'); } @font-face { font-family:'oxygenL'; src: url("../fonts/oxygen/oxygen-light.ttf") format('truetype'); } @font-face { font-family:'oxygenS'; src: url("../fonts/oxygen/oxygen-bold.ttf") format('truetype'); } @font-face { font-family:'candara'; src: url("../fonts/Candara.ttf") format('truetype'); } @font-face { font-family:'candaraz'; src: url("../fonts/Candaraz.ttf") format('truetype'); } /* END */ /* GLOBALs */ * { font-family: 'oxygen', 'montserrat'; } .no-drag { user-select: text !important; -webkit-user-select: text !important; -moz-user-select: text !important; cursor: text !important; } strong { font-family: 'oxygenS'; } .hidden { display: none !important; } .clickable { cursor: pointer; } .NOclickable { cursor: not-allowed; } [data-cursor="info"] { cursor: help; } #OFFLINE { position: fixed; top: 10px; left: -28px; background: black; color: white; padding: 3px 30px 3px 25px; transform: rotate(-45deg); font-size: 80%; pointer-events: none; } a { cursor: pointer; } body.pace-running { cursor: wait; } .fullScreen { position: relative; width: 100%; height: 100%; } .no-margin { margin: 0 !important; } .shadow-ban { position: absolute; z-index: 1; width: 100%; height: 100%; } .nice-shadow { box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12); } form .hint { position: relative; -webkit-box-ordinal-group: 5; -webkit-order: 4; order: 4; clear: left; } img.auto-size { height: 100%; width: auto; } img.circle-form { border-radius: 50%; } img.img-centered { display: block; margin: 0 auto; } img.avatar { width: 50px; height: 50px; border-radius: 50%; cursor: pointer; } img.avatar.small { width: 25px !important; height: 25px !important; } input.normalTxt_mask { width: 40px; text-align: center; border: none; outline: none; } .disable-select, [data-select="disabled"], [data-select="false"] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; o-user-select: none; user-select: none; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } /* WEBKIT USER-AGENT */ input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { background-color: transparent !important; } /* END */ /* FLEX-BOX*/ .flex-container { -js-display: flex !important; display: -webkit-flex !important; display: -moz-flex !important; display: flex !important; -webkit-flex-direction: row !important; -moz-flex-direction: row; flex-direction: row !important; -webkit-flex-wrap: nowrap !important; -moz-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-justify-content: flex-start !important; -moz-justify-content: flex-start !important; justify-content: flex-start !important; -webkit-align-items: stretch !important; -moz-align-items: stretch !important; align-items: stretch !important; -webkit-align-content: stretch !important; -moz-align-content: stretch !important; align-content: stretch !important; } /* flex-direction */ .flex-container[data-direction='row-reverse'], [data-direction='row-reverse'] { -webkit-flex-direction: row-reverse !important; -moz-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-container[data-direction='column'], [data-direction='column'] { -webkit-flex-direction: column !important; -moz-flex-direction: column !important; flex-direction: column !important; } .flex-container[data-direction='column-reverse'], [data-direction='column-reverse'] { -webkit-flex-direction: column-reverse !important; -moz-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } /* flex-wrap */ .flex-container[data-wrap='wrap'], [data-wrap='wrap'] { -webkit-flex-wrap: wrap !important; -moz-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-container[data-wrap='wrap-reverse'], [data-wrap='wrap-reverse'] { -webkit-flex-wrap: wrap-reverse !important; -moz-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } /* justify-content */ .flex-container[data-justify-content='flex-end'], [data-justify-content='flex-end'] { -webkit-justify-content: flex-end !important; -moz-justify-content: flex-end !important; justify-content: flex-end !important; } .flex-container[data-justify-content='center'], [data-justify-content='center'] { -webkit-justify-content: center !important; -moz-justify-content: center !important; justify-content: center !important; } .flex-container[data-justify-content='space-between'], [data-justify-content='space-between'] { -webkit-justify-content: space-between !important; -moz-justify-content: space-between !important; justify-content: space-between !important; } .flex-container[data-justify-content='space-around'], [data-justify-content='space-around'] { -webkit-justify-content: space-around !important; -moz-justify-content: space-around !important; justify-content: space-around !important; } /* align-items */ .flex-container[data-align-items='stretch'], [data-align-items='stretch'] { -webkit-align-items: stretch !important; -moz-align-items: stretch !important; align-items: stretch !important; } .flex-container[data-align-items='flex-start'], [data-align-items='flex-start'] { -webkit-align-items: flex-start !important; -moz-align-items: flex-start !important; align-items: flex-start !important; } .flex-container[data-align-items='flex-end'], [data-align-items='flex-end'] { -webkit-align-items: flex-end !important; -moz-align-items: flex-end !important; align-items: flex-end !important; } .flex-container[data-align-items='center'], [data-align-items='center'] { -webkit-align-items: center !important; -moz-align-items: center !important; align-items: center !important; } .flex-container[data-align-items='baseline'], [data-align-items='baseline'] { -webkit-align-items: baseline !important; -moz-align-items: baseline !important; align-items: baseline !important; } /* align-content */ .flex-container[data-align-content='flex-start'], [data-align-content='flex-start'] { -webkit-align-content: flex-start !important; -moz-align-content: flex-start !important; align-content: flex-start !important; } .flex-container[data-align-content='flex-end'], [data-align-content='flex-end'] { -webkit-align-content: flex-end !important; -moz-align-content: flex-end !important; align-content: flex-end !important; } .flex-container[data-align-content='center'], [data-align-content='center'] { -webkit-align-content: center !important; -moz-align-content: center !important; align-content: center !important; } .flex-container[data-align-content='space-between'], [data-align-content='space-between'] { -webkit-align-content: space-between !important; -moz-align-content: space-between !important; align-content: space-between !important; } .flex-container[data-align-content='space-around'], [data-align-content='space-around'] { -webkit-align-content: space-around !important; -moz-align-content: space-around !important; align-content: space-around !important; } /*END FLEX-BOX*/ /* END */ /* GLYPHICONS */ @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphicons-halflings-regular.eot'); src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } /* END */ /* ELEMENTS */ /* TABLES */ .responsive-table { position: relative; overflow-x: auto; padding-bottom: 15px; } table .actions { position: relative; width: 93px; height: 45px; } table .actions > * { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } table .actions md-fab-speed-dial.flooting { position: absolute; top: 50%; transform: translateY(-50%); } table .actions md-fab-speed-dial.flooting.has-two-elements { left: -90px; } table .actions md-fab-speed-dial.flooting.has-three-elements { left: -135px; } table .avatar { position: relative; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; margin: 0 auto; cursor: pointer; } table .avatar.sqr-img { border-radius: 0 } table .avatar+strong { white-space: nowrap; } table .avatar.custom--avatar { background: #505058; color: white; font-size: 137%; letter-spacing: 2px; } table .avatar img { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } table * { vertical-align: middle !important; } /* FORMS */ /* .avatar-input */ form .avatar-input { position: relative; width: 120px; height: 120px; cursor: pointer; } form .avatar-input .inner { position: relative; width: 120px; height: 120px; border-radius: 50%; overflow: hidden; } form .avatar-input .delete-btn { position: absolute; top: -9px; left: -16px; z-index: 1; } form .avatar-input .preview, form .avatar-input img.generic, form .avatar-input img.current { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } form .avatar-input img.generic { width: 115%; } /* md-input-container */ form md-input-container.md-input-focused:not(.md-input-invalid) input { color: rgb(63,81,181); } form md-input-container.md-input-invalid > md-icon, form md-input-container.md-input-invalid input { color: rgb(221,44,0); } form md-input-container { margin-bottom: 10px; } form md-input-container .hint { /* Position the hint */ position: absolute; left: 2px; right: auto; bottom: 7px; /* Copy styles from ng-messages */ font-size: 12px; line-height: 14px; transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); /* Set our own color */ color: grey; } form md-input-container .hint.ng-hide, form md-input-container .hint.ng-enter, form md-input-container .hint.ng-leave.ng-leave-active { bottom: 26px; opacity: 0; } form md-input-container .hint.ng-leave, form md-input-container .hint.ng-enter.ng-enter-active { bottom: 7px; opacity: 1; } /* fielsets */ form fieldset { } form fieldset legend { } /* radio buttons */ md-radio-button { outline: none; } /* classic inputs */ input.protected-text { -webkit-text-security: circle; } /* LISTS */ .md-list-item-text.editting { border: 1px solid #e79e3180; background: #e79e3180; } .md-list-item-text.editting p { color: white; } /* END */ /* gd-*attrs */ [data-gd-position="center"] { top: 50%; left: 50%; transform: translate( -50%, -50% ); } /* padding */ [data-gd-padding="none"], [data-gd-padding="no"] [data-gd-padding="0"] { padding: 0 !important; } [data-gd-padding="solo top"] { padding-top: 16px; } [data-gd-padding="sides"], [data-gd-padding="both-sides"] { padding: 0 16px; } [data-gd-padding="right"], [data-gd-padding="solo right"] { padding-right: 16px; } [data-gd-padding="left"], [data-gd-padding="solo left"] { padding-left: 16px; } [data-gd-padding="around"], [data-gd-padding="all"] { padding: 16px; } [data-outline="none"] { outline: none } /* margin */ [data-gd-margin="none"], [data-gd-margin="no"] [data-gd-margin="0"] { margin: 0 !important; } [data-gd-margin="solo top"] { margin-top: 16px; } [data-gd-margin="solo btm"] { margin-bottom: 16px; } [data-gd-margin="top&btm"] { margin: 16px 0; } /* END */ /* gd-*elements */ .gd-placeholder { position: absolute; } .gd-pos-anchor { position: relative; } .gd-avatar { height: 40px; width: auto; } .gd-input { border-radius: 3px; border: 1px solid #aaa; } /* END */ /* TEXTS */ .text-discret { font-family: monospace; font-size: 11px; letter-spacing: 2px; padding-left: 15px; color: gray; margin-top: 5px; } [text-align="center"] { text-align: center; } [font="candara"] { font-family:'candara' !important; } [font="candaraz"] { font-family:'candaraz' !important; } [text-align="right"] { text-align: right; } [text-align="left"] { text-align: left; } [data-font-size="+5"] { font-size: 105% !important} [data-font-size="+10"] { font-size: 110% !important} [data-font-size="+15"] { font-size: 115% !important} [data-font-size="+20"] { font-size: 120% !important} [data-font-size="+25"] { font-size: 125% !important} [data-font-size="+30"] { font-size: 130% !important} [data-font-size="+35"] { font-size: 135% !important} [data-font-size="+40"] { font-size: 140% !important} [data-font-size="+45"] { font-size: 145% !important} [data-font-size="+50"] { font-size: 150% !important} [data-font-size="+55"] { font-size: 155% !important} [data-font-size="+100"], [data-font-size="+x2"], [data-font-size="+X2"] { font-size: 200% !important} [data-font-size="+200"], [data-font-size="+x3"], [data-font-size="+X3"] { font-size: 300% !important} [data-font-size="+300"], [data-font-size="+x4"], [data-font-size="+X4"] { font-size: 400% !important} [data-font-size="+400"], [data-font-size="+x5"], [data-font-size="+X5"] { font-size: 500% !important} [data-font-size="-5"] { font-size: 95% !important} [data-font-size="-10"] { font-size: 90% !important} [data-font-size="-15"] { font-size: 85% !important} [data-font-size="-20"] { font-size: 80% !important} [data-font-size="-25"] { font-size: 75% !important} [data-font-size="-30"] { font-size: 70% !important} [data-font-size="-35"] { font-size: 65% !important} /* END */ /* MATERIAL */ .md-button.md-default-theme[disabled], .md-button[disabled], .md-button.md-default-theme.md-raised[disabled], .md-button.md-raised[disabled], .md-button.md-default-theme.md-fab[disabled], .md-button.md-fab[disabled], .md-button.md-default-theme.md-accent[disabled], .md-button.md-accent[disabled], .md-button.md-default-theme.md-warn[disabled], .md-button.md-warn[disabled] { cursor: not-allowed !important; } /* mc-toolbar */ md-toolbar { min-height: 48px; } .md-toolbar-tools { height: 48px; } /* md-dialog */ md-dialog.god-fullscreen { width: calc(100% - 32px); height: calc(100% - 32px); max-width: 100%; max-height: 100%; } md-dialog md-toolbar { background: white !important; border-bottom: 1px solid #ddd; font-family: 'Syncopate',sans-serif; color: rgb(63,81,181) !important; } md-dialog-actions { border-top: 1px solid #ddd } md-time-picker .md-button.md-icon-button { padding-top: 18px } md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) { min-height: 100% } .Colectar md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) { min-height: calc(100% - 50px) } md-chips.ng-invalid .md-chips, .invalid md-chips .md-chips { box-shadow: 0 2px rgb(221,44,0); } /* END */ /* ngAnimations */ .form_errors .error { /*animation: fadeInDown 600ms;*/ } .form_errors .error.ng-hide { animation: fadeOutUp 600ms; } /* END */ /* COLORS */ [data-bg-color='black'] { background-color: #222 !important } [data-bg-color='transparent'] { background-color: transparent !important } .danger-color { color: red !important; } .warning-color { color: orange !important; } .success-color { color: green !important; } .blue-color { color: blue !important; } .danger-row { background-color: #f2dede !important; } .danger-bgcolor { background-color: red !important; } .warning-bgcolor { background-color: orange !important; } .success-bgcolor { background-color: green !important; } .blue-bgcolor { background-color: blue !important; } /* END */ /* Chrome Tabs */ .fullscreen .chrome-tabs { display: none !important } .chrome-tabs { position: relative; background: #c7c7c7; height: 40px; box-sizing: border-box; font-size: 10px; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .chrome-tabs::before { content: ""; position: absolute; width: 100%; height: 7px; background: #f2f2f2; bottom: 0; border-bottom: 1.12px solid #d8d8d8; border-top: 1.12px solid #d8d8d8; } .chrome-tabs * { box-sizing: inherit; font-family: inherit; } .chrome-tabs .chrome-tab { position: relative; left: 0; height: 2.8em; width: 24em; border: 0; margin: 0; z-index: 1; outline: none; } .chrome-tabs .chrome-tab:not(:first-child) { margin-left: -11px; } .chrome-tabs .chrome-tab, .chrome-tabs .chrome-tab * { user-select: none; cursor: pointer; } .chrome-tabs .chrome-tab .chrome-tab-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; } .chrome-tabs .chrome-tab .chrome-tab-background > svg { width: 100%; height: 100%; } .chrome-tabs .chrome-tab .chrome-tab-background > svg .chrome-tab-shadow { fill: none; stroke: rgba(0,0,0,0.27); stroke-width: 0.5px; } .chrome-tabs .chrome-tab .chrome-tab-background > svg .chrome-tab-background { fill: #c5c5c5; transform: translateX(0.25px) translateY(0.25px); } .chrome-tabs .chrome-tab.chrome-tab-current { z-index: 9; } .chrome-tabs .chrome-tab.chrome-tab-current .chrome-tab-background > svg .chrome-tab-background { fill: #f2f2f2; } .chrome-tabs .chrome-tab-favicon { position: relative; margin-left: 1.6em; height: 15px; width: 15px; background: rgb(243, 117, 34); color: white; text-align: center; line-height: 15px; margin-top: 0.6em; border-radius: 50%; z-index: 3; display: inline-block; vertical-align: top; pointer-events: none; font-family: 'Montserrat'; visibility: hidden; } .chrome-tabs .chrome-tab-favicon.visible { visibility: visible; } .chrome-tabs .chrome-tab-title { position: relative; display: inline-block; vertical-align: top; color: #222; padding: 0 0.25em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.2em; margin-top: 0.5em; max-width: calc(100% - 5em); pointer-events: none; text-transform: capitalize; } .chrome-tabs .md-icon-button { margin: 0; padding: 0; min-width: 25px; min-height: 25px; width: 25px; height: 25px; position: absolute; right: 12px; top: 50%; margin-top: -11px; } .chrome-tabs .md-icon-button md-icon { color: lightslategray } .chrome-tabs .md-icon-button:hover md-icon { color: red; } .chrome-tabs .chrome-tab-current .md-icon-button {} .chrome-tabs .chrome-tab-current .md-icon-button md-icon { color: firebrick; } .chrome-tabs .chrome-tab-close { position: absolute; width: 1.4em; height: 1.4em; border-radius: 50%; z-index: 2; right: 1.4em; top: 0.7em; outline: none; } .chrome-tabs .chrome-tab-close::before { content: url("data:image/svg+xml;utf8,"); position: absolute; display: block; top: 0; right: 0; bottom: 0; left: 0; } .chrome-tabs .chrome-tab-close:hover::before, .chrome-tabs .chrome-tab-close:hover:active::before { content: url("data:image/svg+xml;utf8,"); } /*.chrome-tabs .chrome-tab-close:hover { background: #e25c4b; } .chrome-tabs .chrome-tab-close:hover:active { background: #b74a3b; }*/ /* END */ /* Paneles */ /* .user_menu */ .md-panel.user_menu::before { content: ""; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 6px solid #fff; top: -6px; right: 20px; } .md-panel.user_menu { margin-top: 5px; background: white; border-radius: 2px; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); } .md-panel.user_menu .user_menu-content { padding: 5px 0; } .md-panel.user_menu .user_menu-content > * { font-size: 11px; font-family: 'Montserrat'; } /* .sortMamalon */ .md-panel.sortMamalon { width: 300px; background: white; border-radius: 2px; box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); min-height: 125px; margin-top: -10px; } .md-panel.sortMamalon .sortMamalon-content { padding: 5px 0; } .md-panel.sortMamalon .sortMamalon-content > .item { padding: 4px 6px; } .md-panel.sortMamalon .sortMamalon-content label { padding-left: 45px; bottom: 85%; } .md-panel.sortMamalon . -content .subtotales-container { margin-bottom: 0; padding-left: 35px; } .md-panel.sortMamalon .sortMamalon-content md-content { height: 90px; padding: 0 0 0 35px; background: transparent; font-size: 90%; } .md-panel.sortMamalon .sortMamalon-content md-content md-checkbox .md-icon, .md-panel.sortMamalon .sortMamalon-content md-content md-checkbox .md-container { } .md-panel.sortMamalon .sortMamalon-content md-content md-checkbox .md-label { } .md-panel.sortMamalon .sortMamalon-content .tree { border-left: 1px solid #ccc; padding: 4px 0 0 5px; position: relative; } .md-panel.sortMamalon .sortMamalon-content .tree:before { content: ""; position: absolute; top: 17px; left: 10px; height: 92%; border-left: 3px dotted #ccc; } .md-panel.sortMamalon .sortMamalon-content .tree > * { padding: 4px 0; } .md-panel.sortMamalon .sortMamalon-content .tree > *:before { content: ""; width: 10px; border-top: 2px dotted #ccc; margin-right: 3px; margin-left: 11px; } .md-panel.sortMamalon .sortMamalon-content .md-button { margin: 0; text-align: left; padding: 1px 6px; text-transform: capitalize; } .md-panel.sortMamalon .sortMamalon-content .alphaSort-btn { transition: background 250ms; } .md-panel.sortMamalon .sortMamalon-content .alphaSort-btn.active { background: #ccc; } .md-panel.sortMamalon .sortMamalon-content > .checkbox-container { } .md-panel.sortMamalon .sortMamalon-content md-checkbox { margin: 0; } .md-panel.sortMamalon .sortMamalon-content > .checkbox-container md-checkbox { padding: 6px 0 6px 30px; } .md-panel.sortMamalon .sortMamalon-content > .checkbox-container md-checkbox .md-container { left: 35px; } /* END */ /* TOAST custom */ .astron-toast { } .astron-toast md-icon { color: white; padding: 0; margin: 0; } .astron-toast .md-button { color: #fff; font-weight: bold; } md-toast.astron-toast .md-toast-content { padding: 0 0 0 11px; } .astron-toast.status-success .md-toast-content { background-color: #5cb860; } .astron-toast.status-danger .md-toast-content { background-color: #f55a4e; } .astron-toast.status-warning .md-toast-content { background-color: #ffa21a; } .astron-toast.status-info .md-toast-content { background-color: #00bcd4; } /* END */ /* APP */ main#App {} /* Sign In */ #SignIn {} #SignIn form {} #SignIn form md-card { width: 245px; height: 250px; } /* END */ /* LandPage */ #LandPage { position: relative; } #LandPage.newOne { background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../img/landing.jpg); } #LandPage.newOne footer { position: absolute; bottom: 0; width: 100%; height: 30px; background-color: rgba(130, 125, 123, .8); } #LandPage .form-container { position: absolute; background: rgba(61, 54, 52, .88); border: 3px solid #f54502; width: 333px; height: 82%; right: 4vw; top: 8vh; font-size: 14px; } #LandPage .form-container * { color: white; font-family: 'candara'; } #LandPage .form-container input { border-bottom-color: #f54502 } #LandPage .form-container button[type="submit"] { border-radius: 3px; padding: 3px 10px; background: #f54502; border: none; height: 33px; width: 133px; font-size: 111%; } /* Change the white to any color ;) */ #LandPage .form-container input:-webkit-autofill, #LandPage .form-container input:-webkit-autofill:hover, #LandPage .form-container input:-webkit-autofill:focus, #LandPage .form-container input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px rgba(61, 54, 52, .88) inset !important; } /*Change text in autofill textbox*/ #LandPage .form-container input:-webkit-autofill { -webkit-text-fill-color: white !important; } #LandPage .form-container > :nth-of-type(1) { /*margin: 14px 0 24px 0;*/ } #LandPage .form-container h1 { margin: 0; font-size: 244%; text-align: center; } #LandPage .form-container > :nth-of-type(3) { /*margin: 10px 0 0 0;*/ } #LandPage .form-container md-input-container { width: 88%; } #LandPage .form-container a { outline: none; text-decoration: underline; } #LandPage .form-container .social-icons {} #LandPage .form-container .social-icons .social-icon { width: 44px; height: 44px; background-size: contain; filter: invert(1); cursor: pointer; border: none; text-decoration: none; } #LandPage .form-container .social-icons .social-icon:not(:last-child) { margin-right: 10px; } #LandPage .form-container .social-icons .social-icon.linkedin { background-image: url(../img/linkedin.png) } #LandPage .form-container .social-icons .social-icon.whats { background-image: url(../img/whatsapp.png) } #LandPage .form-container .social-icons .social-icon.insta { background-image: url(../img/instagram.png) } #LandPage header { position: absolute; top: 0; left: 0; width: 100%; height: 50px; z-index: 1; font-family: 'montserrat'; font-size: 16px; padding: 0 2.5vw; } #LandPage header .login { cursor: pointer; outline: none; } #LandPage header .login md-icon { margin-right: 6px; } #LandPage header .login > * { margin: 0; color: #FF5722; /*color: white;*/ } /* END */ /* ASTRONTECH */ #AstronTech {} /* SHARED */ .displayDatePickerTxt { position: relative; width: 310px; height: 40px } .displayDatePickerTxt span { font-weight: bolder; font-size: 120%; } .displayDatePickerTxt .invisible { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding-right: 30px; } .eventualidad {} .eventualidad .event-indicator { position: absolute; width: 13px; height: 13px; border-radius: 50%; left: 12px; } /* Asistencias */ .eventualidad .event-indicator.A, .eventualidad-A { background-color: #17d13f; } .eventualidad .event-indicator.B, .eventualidad-B { background-color: #17d13f; } /* Faltas Reg/Ext*/ .eventualidad .event-indicator.C, .eventualidad-C { background-color: firebrick; } .eventualidad .event-indicator.D, .eventualidad-D { background-color: firebrick; } /* Faltas Just */ .eventualidad .event-indicator.M, .eventualidad-M { background-color: darkgray; } /* llega Tarde, sale temprano, vacaciones */ .eventualidad .event-indicator.E, .eventualidad-E { background-color: #ffe500; } .eventualidad .event-indicator.G, .eventualidad-G { background-color: #ffe500; } .eventualidad .event-indicator.F, .eventualidad-F { background-color: #ffe500; } .eventualidad .event-indicator.H, .eventualidad-H { background-color: #ffe500; } /* otras */ .eventualidad .event-indicator.L, .eventualidad-L { background-color: #00bcd4; } .eventualidad .event-indicator.I, .eventualidad-I { background-color: #00bcd4; } .eventualidad .event-indicator.J, .eventualidad-J { background-color: #00bcd4; } .eventualidad .event-indicator.K, .eventualidad-K { background-color: #00bcd4; } /* END */ /* HEADER */ .fullscreen #AstronTech header { display: none !important; } #AstronTech header { position: relative; overflow: hidden; transition: height 250ms; } .Dashboard #AstronTech header { height: 0; } /* inner */ #AstronTech header.main > .inner { margin: 10px 0; padding: 0 16px; } /* Logo */ #AstronTech header.main > .inner .logo { position: relative; width: 150px; /*background: #164722;*/ border-radius: 10px; } #AstronTech header.main > .inner .logo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 95%; height: auto; } /* searchbar */ #AstronTech header.main > .inner .search { position: relative; transition: width 250ms ease-in-out; overflow: hidden; } #AstronTech header.main > .inner .search.xs { position: absolute; right: 107px; width: 0; z-index: 1; } #AstronTech header.main > .inner .search.visible { width: calc(100% - 108px); } #AstronTech header.main > .inner .search form { color: black; } #AstronTech header.main > .inner .search form md-autocomplete { transition: background 100ms ease-in,width 100ms ease-out } #AstronTech header.main > .inner .search form md-autocomplete md-autocomplete-wrap { box-shadow: none } #AstronTech header.main > .inner .search form md-autocomplete input:not(.md-input) { border: 1.12px solid #505058; border-radius: 20px; } #AstronTech header.main > .inner .time { width: 145px; margin: 0 7px; white-space: nowrap; } #AstronTech header.main > .inner .idioma-chooser.fake { background: #e8e8e8; padding: 0 6px; cursor: pointer; } #AstronTech header.main > .inner .icons {} #AstronTech header.main > .inner .icons md-icon { color: #505058; transition: color 250ms; } /* main nav */ #AstronTech header nav.main {} #AstronTech header nav.main md-toolbar { /* background: #164722 !important; */ background: #505058 !important; } #AstronTech header nav.main md-toolbar .logo { height: 100%; background: #fff; padding: 0 5px; cursor: pointer; margin-right: 7px; } #AstronTech header nav.main md-toolbar .logo img { height: 80%; width: auto; } #AstronTech header nav.main md-toolbar .text-links {} #AstronTech header nav.main md-toolbar .text-links > * { margin: 0; } #AstronTech header nav.main md-toolbar .bar-icons {} #AstronTech header nav.main md-toolbar .bar-icons > * { margin: 0; } #AstronTech header nav.main md-toolbar .avatar-container { width: 48px; height: 100%; outline: none; } #AstronTech header nav.main md-toolbar .avatar-container img { outline: none; height: 80%; width: auto; border-radius: 25%; } /* END */ #AstronTech div.app__background { position: relative; } /* MAIN SIDENAV */ .Dashboard #AstronTech md-sidenav.__main:not(.notifications), .Anden #AstronTech md-sidenav.__main:not(.notifications), .astrontech #AstronTech md-sidenav.__main:not(.notifications) { display: none; } .fullscreen #AstronTech md-sidenav.__main { display: none !important } #AstronTech md-sidenav.__main { width: 312px !important; background: #f5f5f5; transition: width 250ms ease-in-out; } #AstronTech md-sidenav.__main.invisible { display: none !important; } @media (max-width: 456px) { #AstronTech md-sidenav.__main { width: 312px !important; min-width: 312px !important; max-width: 312px !important; } } #AstronTech md-sidenav.__main > .inner { position: relative; } #AstronTech md-sidenav.__main.undocked > .inner { padding-top: 50px !important; } /* SETTINGS */ #AstronTech #SettingsSidenav {} #AstronTech #SettingsSidenav .title { margin-top: 10px; padding-bottom: 5px; border-bottom: 1.12px solid #d8d8d8; } #AstronTech #SettingsSidenav md-list { padding: 0 0 8px; overflow: hidden; height: auto; outline: none; transition: height 200ms ease-out; } #AstronTech #SettingsSidenav md-list.collapsed { height: 44px } #AstronTech #SettingsSidenav md-list-item { transition: all 250ms ease-in-out; } #AstronTech #SettingsSidenav md-list-item.active { color: white; } #AstronTech #SettingsSidenav md-list-item.active .md-button:hover { background-color: transparent !important; } #AstronTech #SettingsSidenav .md-subheader .md-subheader-inner { border-bottom: 1px solid } #AstronTech #SettingsSidenav .md-list-item-inner { padding-left: 15px; } #AstronTech #SettingsSidenav md-truncate.md-truncate:not(.normal)::before, #AstronTech #SettingsSidenav md-truncate.md-truncate:not(.normal)::after { content: ""; position: absolute; width: 1px; height: 100%; background: #777; transition: background 250ms ease-in-out; } #AstronTech #SettingsSidenav md-truncate.md-truncate:not(.normal)::after { top: 0; left: 20px; width: 1px; height: 100%; } #AstronTech #SettingsSidenav md-truncate.md-truncate:not(.normal)::before { top: 50%; left: 15px; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; z-index: 1; } #AstronTech #SettingsSidenav section.Dashboard md-truncate.md-truncate::after { background: rgb(63,81,181); } #AstronTech #SettingsSidenav section.Dashboard md-truncate.md-truncate::before { background: rgb(63,81,181); } #AstronTech #SettingsSidenav section.Dashboard md-list-item.active { background: rgb(63,81,181); } #AstronTech #SettingsSidenav section.RHH md-truncate.md-truncate::after { background: rgb(255,87,34); } #AstronTech #SettingsSidenav section.RHH md-truncate.md-truncate::before { background: rgb(255,87,34); } #AstronTech #SettingsSidenav section.RHH md-list-item.active { background: rgb(255,87,34); } #AstronTech #SettingsSidenav section.PRO md-truncate.md-truncate::after { background: rgb(255,64,129); } #AstronTech #SettingsSidenav section.PRO md-truncate.md-truncate::before { background: rgb(255,64,129); } #AstronTech #SettingsSidenav section.PRO md-list-item.active { background: rgb(255,64,129); } #AstronTech #SettingsSidenav section.LOG md-truncate.md-truncate::after { background: rgb(255,128,171); } #AstronTech #SettingsSidenav section.LOG md-truncate.md-truncate::before { background: rgb(255,128,171); } #AstronTech #SettingsSidenav section.LOG md-list-item.active { background: rgb(255,128,171); } #AstronTech #SettingsSidenav section.MAN md-truncate.md-truncate::after { background: rgb(255,138,101); } #AstronTech #SettingsSidenav section.MAN md-truncate.md-truncate::before { background: rgb(255,138,101); } #AstronTech #SettingsSidenav section.MAN md-list-item.active { background: rgb(255,138,101); } #AstronTech #SettingsSidenav section.QUA md-truncate.md-truncate::after { background: rgb(121,134,203); } #AstronTech #SettingsSidenav section.QUA md-truncate.md-truncate::before { background: rgb(121,134,203); } #AstronTech #SettingsSidenav section.QUA md-list-item.active { background: rgb(121,134,203); } #AstronTech #SettingsSidenav section.SAL md-truncate.md-truncate::after { background: rgb(40,53,147); } #AstronTech #SettingsSidenav section.SAL md-truncate.md-truncate::before { background: rgb(40,53,147); } #AstronTech #SettingsSidenav section.SAL md-list-item.active { background: rgb(40,53,147); } /* END */ /* END */ /* NOTIFICATIONS SIDENAV */ .fullscreen md-sidenav.notifications { display: none !important } md-sidenav.notifications { width: 360px; max-width: 360px; } md-sidenav.notifications > div {} md-sidenav.notifications .inner {} md-sidenav.notifications .title {} md-sidenav.notifications .title .md-icon-button { padding: 0; height: 25px; width: 25px; } md-sidenav.notifications .subTitle { padding: 5px 15px 0; font-size: 90%; } md-sidenav.notifications .subTitle > span { cursor: pointer; text-decoration: underline; color: #777; transition: color 250ms; } md-sidenav.notifications .subTitle > span:hover { color: #f47a2c; } md-sidenav.notifications .content { margin-top: 10px; } md-sidenav.notifications .list {} md-sidenav.notifications .list .item { background: transparent; transition: background 250ms; } md-sidenav.notifications .list .item.readed { background: #e4f7fa } md-sidenav.notifications .list .item:not(:last-child) { } md-sidenav.notifications .list .item .actions { padding-top: 15px } md-sidenav.notifications .list .item .info-container { padding: 10px 15px 10px 0; } md-sidenav.notifications .list .item .info { border-radius: 8px; } md-sidenav.notifications .list .item .info .header { height: 50px; background: transparent; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 8px 8px 0px 8px; transition: background 250ms; } md-sidenav.notifications .list .item.warn .info .header { background: orangered } md-sidenav.notifications .list .item.danger .info .header { background: firebrick } md-sidenav.notifications .list .item.info .info .header { background: dodgerblue } md-sidenav.notifications .list .item.event .info .header { background: forestgreen } md-sidenav.notifications .list .item .info .header .text { background: white; height: 25px; line-height: 25px; padding: 0 3px; border-radius: 5px; } md-sidenav.notifications .list .item .info .header strong { color: white; font-size: 80%; padding-left: 2px; } md-sidenav.notifications .list .item .info .body { height: 66px; background: white; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } md-sidenav.notifications .list .item .info .body .person { padding: 5px 10px 0px; } md-sidenav.notifications .list .item .info .body .person .name { padding-left: 5px; } md-sidenav.notifications .list .item .info .body .metadata { padding-left: 5px } md-sidenav.notifications .list .item .info .body .metadata button { margin: 0; padding: 0; height: 35px; width: 35px; } md-sidenav.notifications .list .item .info .body .metadata .time { font-size: 80%; } /* END */ /* CONTENT */ #AstronTech div.app__background > .content { position: relative; } /* placeholder */ .typewriter { overflow: hidden; /* Ensures the content is not revealed until the animation */ border-right: .15em solid rgb(63,81,181); /* The typwriter cursor */ white-space: nowrap; /* Keeps the content on a single line */ margin: 0 auto; /* Gives that scrolling effect as the typing happens */ letter-spacing: .15em; /* Adjust as needed */ width: 0; border-color: transparent; animation-fill-mode: both; max-width: 410px; } .typewriter.typing { animation: typing 4s steps(44, end), blink-caret .75s step-end infinite ; animation-fill-mode: both; } /* The typing effect */ @keyframes typing { from { width: 0 } to { width: 100% } } /* The typewriter cursor effect */ @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: rgb(63,81,181); } } /* END */ /* SECTIONS */ /* Dashboard */ #Dashboard { font-family: 'Syncopate',sans-serif; } /* header */ #Dashboard .header { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 2px solid #222; } #Dashboard .header .topLinks {} #Dashboard .header .topLinks .md-button { transition: all 250ms } #Dashboard .header .topLinks .md-button.active { background: #e8e8e8 } #Dashboard .header .title { padding-right: 16px; margin-top: 10px; } #Dashboard .header .title .date-container { font-size: 25px; } #Dashboard .header .title .date-container .day {} #Dashboard .header .title .date-container .time {} #Dashboard .header .title .currentLine { text-align: center; font-size: 12px; } #Dashboard .header .title .currentLine img { margin-right: 5px } #Dashboard .content {} #Dashboard .content md-card {} #Dashboard .line { position: relative; text-align: center; font-family: 'Montserrat'; font-size: 16px; width: 444px; height: 795px; min-width: 444px; max-width: 444px; max-height: 795px; min-height: 795px; } #Dashboard .line .operationInfo, #Dashboard .line .operationStats, #Dashboard .line .operationTime { margin-bottom: 7px; } #Dashboard .line .operationStats {} #Dashboard .line .value { margin-bottom: 2px; border-bottom: 1px solid #777; } #Dashboard .line .acumulated { border-right: 1px solid #777; } #Dashboard .line span.ss-label { font-size: 90%; } #Dashboard .line span.ss-label-2 { font-size: 125%; margin-right: 7px; font-style: italic; } #Dashboard .line .operationTime > strong { font-size: 115% } #Dashboard .line .lastUpdate { font-size: 90%; font-style: italic; } #Dashboard .line .feed { text-align: left; } #Dashboard .line .feed .md-avatar { border: 1px solid #777; border-radius: 0; font-size: 120%; } #Dashboard .line .feed h3 { font-weight: 600; } #Dashboard .line .feed p { max-height: 66px; overflow: hidden; } /* END */ /* COLLECT */ /* PRODUCCION SUMARY */ #ProduccionSumary {} #ProduccionSumary .__tab { position: relative; height: 100%; } #ProduccionSumary md-content.linea { /*background: white;*/ } #ProduccionSumary md-content.linea .contents {} #ProduccionSumary .pseudoTable { position: relative; padding: 5px; } #ProduccionSumary .pseudoTable .column {} #ProduccionSumary .pseudoTable > .column:first-child { /*min-width: 37px; width: 37px; max-width: 37px;*/ } #ProduccionSumary .pseudoTable .cell { border: 1px solid #222; padding: 1px 2px; height: 28px; } #ProduccionSumary .pseudoTable .cell.selected { background: red !important; } #ProduccionSumary .pseudoTable .cell.selected > strong { color: white !important; } /*#ProduccionSumary .pseudoTable .cell:not( :last-child ) { border-bottom: none; }*/ #ProduccionSumary .pseudoTable .cell > * { white-space: nowrap; text-transform: uppercase; } #ProduccionSumary .pseudoTable .cell.invisible { visibility: hidden; } #ProduccionSumary .pseudoTable .row { height: 28px; margin-left: 0; } #ProduccionSumary .pseudoTable .calendar .cell { width: 66px; height: 28px; } /* PLANEACION PROD */ #ProduccionSumary #PlaneacionProd .viewer .activoForm md-time-picker .md-button.md-icon-button { padding-top: 8px } #ProduccionSumary #PlaneacionProd .viewer .activoForm .md-icon-button+.md-datepicker-input-container { margin-left: -5px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .md-datepicker-input { min-width: 100px; } #ProduccionSumary #PlaneacionProd {} #ProduccionSumary #PlaneacionProd .pseudo-tabs {} #ProduccionSumary #PlaneacionProd .pseudo-tabs md-list-item { transition: background-color 200ms ease-out; } #ProduccionSumary #PlaneacionProd .pseudo-tabs md-list-item.selected { background-color: #f3731f; color: white; } #ProduccionSumary #PlaneacionProd .viewer {} #ProduccionSumary #PlaneacionProd .viewer > md-content { padding: 10px 15px 10px 10px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm { width: 100%; height: 58%; border: 1px solid #505058; background-color: #d9d9d9; } #ProduccionSumary #PlaneacionProd .viewer .activoForm:not(:last-child) { margin-bottom: 15px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(1) { height: 48px; } /* #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(1) encabezado */ #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(1) > *:nth-child(1) { padding: 0 15px 0 5px; background-color: #f2f2f2; font-size: 97%; } #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(1) > *:nth-child(2) { font-size: 110%; padding-left: 3px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(1) > *:nth-child(4) { padding-right: 10px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(1) > *:nth-child(2), #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(1) > *:nth-child(3), #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(1) > *:nth-child(4) { } #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(2) { height: 35px; background-color: #f2f2f2; font-size: 90%; } /* #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(2) Controles */ #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(2) .myInput { width: 50px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(2) > *:nth-child(1) { padding-left: 2px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(2) .dateContainer { width: 157px; margin-left: -18px; position: relative; } #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(2) .timeContainer { position: relative; } #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(2) .timeContainer:last-child { margin-right: 0px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm > *:nth-child(2) .iconContainer { margin-left: 7px; } /* #ProduccionSumary #PlaneacionProd .viewer .activoForm Tabla */ #ProduccionSumary #PlaneacionProd .viewer .activoForm #theader { width: 100%; height: 40px; background-color: #f2f2f2; border-top: 1px solid; border-bottom: 1px solid; padding-right: 0px; /* this must be added and removed automatically */ } #ProduccionSumary #PlaneacionProd .viewer .activoForm #theader strong { color: teal; text-align: center; font-size: 86%; } #ProduccionSumary #PlaneacionProd .viewer .activoForm #tbody { position: relative; font-size: 89%; } #ProduccionSumary #PlaneacionProd .viewer .activoForm #tbody md-select.custom { width: 95%; height: 91%; } #ProduccionSumary #PlaneacionProd .viewer .activoForm #tbody input.custom { height: 91%; width: 95%; border: 1px solid teal; outline: none; text-align: center; background-color: rgb(217, 217, 217); } #ProduccionSumary #PlaneacionProd .viewer .activoForm #tbody input.custom.ng-invalid { border-color: rgb(245 0 87); } #ProduccionSumary #PlaneacionProd .viewer .activoForm .tr { min-height: 35px; height: 35px; max-height: 35px; width: 100%; border-bottom: 1px solid; border-right: 1px solid; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .tr.isSimultanea { background: #cacd1573; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .tr:last-child { /*border-bottom: none;*/ } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th { border-right: 1px solid } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:last-child { border-right: none } #ProduccionSumary #PlaneacionProd .viewer .activoForm .td { border-right: 1px solid } #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:last-child { border-right: none } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(1), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(1) { position: relative; min-width: 50px; max-width: 50px; width: 50px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(2), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(2) { min-width: 75px; max-width: 75px; width: 75px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(3), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(3) { min-width: 57px; max-width: 57px; width: 57px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(4), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(4) { min-width: 127px; max-width: 127px; width: 127px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(5), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(5) { min-width: 261px; max-width: 261px; width: 261px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(6), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(6) { min-width: 105px; max-width: 105px; width: 105px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(7), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(7) { min-width: 65px; max-width: 65px; width: 65px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(8), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(8) { min-width: 71px; max-width: 71px; width: 71px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(9), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(9) { min-width: 65px; max-width: 65px; width: 65px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(10), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(10) { min-width: 73px; max-width: 73px; width: 73px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(11), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(11) { min-width: 64px; max-width: 64px; width: 64px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(12), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(12) { min-width: 120px; max-width: 120px; width: 120px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(13), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(13) { min-width: 120px; max-width: 120px; width: 120px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(14), #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(14) { min-width: 60px; max-width: 60px; width: 60px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .th:nth-child(15) { max-width: 64px; min-width: 64px; width: 64px; } #ProduccionSumary #PlaneacionProd .viewer .activoForm .td:nth-child(15) { max-width: 64px; min-width: 64px; width: 64px; } /* PLANEACION PRODUCCION DIARIA */ .ColectarPlanearProduccionDiaria .title .colectaDate { text-transform: capitalize; margin-right: 10px; } .ColectarPlanearProduccionDiaria .title .colectaTurno {} .ColectarPlanearProduccionDiaria .badge { background: #ff5722; } .ColectarPlanearProduccionDiaria .warnIcon{ color: #ff5722; margin: 0; width: 25px; height: 33px; position: absolute; margin: -9px 4px 0; } #PlaneacionProduccionDiaria__main {} #PlaneacionProduccionDiaria__main .__tab { position: relative; height: 100%; } #PlaneacionProduccionDiaria__main .__tab .header { background: whitesmoke; border-bottom: 1.12px solid #d8d8d8; font-family: 'montserrat'; font-size: 12.5px; padding-left: 15px; } #PlaneacionProduccionDiaria__main .__tab .header h1 { margin: 7px 0; font-weight: bolder; letter-spacing: 0.5px; font-size: 1.8em; text-transform: uppercase; } #PlaneacionProduccionDiaria__main .plan { padding: 0 } #PlaneacionProduccionDiaria__main .data {} #PlaneacionProduccionDiaria__main .data .md-subheader { background: white; } #PlaneacionProduccionDiaria__main .data .md-subheader.unfolded { box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4); } #PlaneacionProduccionDiaria__main .data .md-subheader:not(.unfolded){ border-bottom: 1px solid #d8d8d8; } #PlaneacionProduccionDiaria__main .data .md-subheader.isWarning { box-shadow: 2px 2px 2px 1px #f16c423b; } #PlaneacionProduccionDiaria__main .data .md-subheader.isWarning {} #PlaneacionProduccionDiaria__main .data .md-subheader .md-subheader-inner { width: 100%; padding: 0; font-family: 'Montserrat'; color: #222; } #PlaneacionProduccionDiaria__main .data .md-subheader .customRow { padding: 5px 15px 0; background: #f2f2f2; } #PlaneacionProduccionDiaria__main .data .md-subheader.isWarning .customRow { background: #f16c423b; } #PlaneacionProduccionDiaria__main .md-subheader .customRow md-input-container:not(.md-input-has-value) input:not(:focus) { color: #000; } #PlaneacionProduccionDiaria__main .md-subheader .customRow md-input-container.md-input-focused:not(.md-input-invalid) input { color: rgb(63,81,181); } #PlaneacionProduccionDiaria__main .md-subheader .customRow md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline { transform: translateY(15px); } #PlaneacionProduccionDiaria__main .md-subheader .customRow > md-input-container { margin-bottom: 0px; margin-right: 2px; margin-left: 2px; width: 80px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow md-input-container .md-errors-spacer { display: none } #PlaneacionProduccionDiaria__main .md-subheader .customRow .item { width: 42px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .item input{ border-bottom: 1px solid #c7c7c7; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .activo { width: 122px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .producto { margin: 0; width: 200px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .producto md-input-container { margin-bottom: 0; margin-top: 16px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .version { width: 150px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .orden { width: 100px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .hrs { width: 90px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .planeado { width: 75px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .acc { width: 75px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .ppl { width: 62px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .wip { width: 65px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .emb { width: 65px; } #PlaneacionProduccionDiaria__main .md-subheader .customRow .pph { width: 63px; } #PlaneacionProduccionDiaria__main md-list md-list-item { position: relative; padding: 0; height: 0; min-height: 0; transition: height 250ms ease-in-out, min-height 250ms ease-in-out; overflow: hidden; } #PlaneacionProduccionDiaria__main md-list md-list-item .md-list-item-inner { padding: 0 } #PlaneacionProduccionDiaria__main md-list md-list-item.visible { height: auto; border-bottom: 1.12px solid #d8d8d8; } #PlaneacionProduccionDiaria__main md-list md-list-item .content { position: relative; width: 100%; height: 100%; background: white; } #PlaneacionProduccionDiaria__main md-list md-list-item .content md-content.mps { background: white !important; } #PlaneacionProduccionDiaria__main md-list md-list-item .mps .responsive-table { border-top: 1px solid #ddd; } #PlaneacionProduccionDiaria__main md-list md-list-item .contenedores { border-top: 1px solid #dddddd; padding: 4px 0 0 15px; } #PlaneacionProduccionDiaria__main md-list md-list-item .contenedores .table-container { margin-right: 15px; } #PlaneacionProduccionDiaria__main .contenedores table, #PlaneacionProduccionDiaria__main .contenedores th, #PlaneacionProduccionDiaria__main .contenedores td { border: 1px solid #000; } #PlaneacionProduccionDiaria__main .contenedores th { padding: 2px 5px; text-align: left; } #PlaneacionProduccionDiaria__main .contenedores td { padding: 1px 4px; } #PlaneacionProduccionDiaria__main md-list md-list-item .contenedores .text-container{ height: 90px; width: 380px; margin: 10px 5px 5px 0px; border: 1px solid #000; background: #fffff0; } #PlaneacionProduccionDiaria__main md-list md-list-item .contenedores label{ padding: 3px 0 0 6px; } #PlaneacionProduccionDiaria__main md-list md-list-item .contenedores textarea { resize: none; border: none; outline: none; background: transparent; overflow: hidden; padding: 2px 2px 2px 20px; } /* PRODUCCION DIARIA */ #ProduccionDiaria__main {} #ProduccionDiaria__main .__tab { position: relative; height: 100%; } #ProduccionDiaria__main .flooting-btn { position: absolute; right: 10px; bottom: 0; } #ProduccionDiaria__main .__tab .header { background: whitesmoke; border-bottom: 1.12px solid #d8d8d8; font-family: 'montserrat'; font-size: 12.5px; } #ProduccionDiaria__main .__tab .header .procesoPicker {} #ProduccionDiaria__main .__tab .header .button-container {} #ProduccionDiaria__main .__tab .header button {} #ProduccionDiaria__main .__tab .header md-select { margin: 0 } #ProduccionDiaria__main .__tab .header .procesoPicker md-select { width: 202px; } #ProduccionDiaria__main .__tab > .inner {} #ProduccionDiaria__main .__tab md-list { padding: 0; } #ProduccionDiaria__main .__tab md-list .activo {} #ProduccionDiaria__main .__tab md-list .activo .md-subheader { border-bottom: 1px solid #999; } #ProduccionDiaria__main .__tab md-list .activo .md-subheader.unfolded { box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.4); } #ProduccionDiaria__main .__tab md-list .activo .md-subheader.hrsTurno-under { background: lightsalmon; } #ProduccionDiaria__main .__tab md-list .activo .md-subheader.hrsTurno-perfect { background: lightgreen; } #ProduccionDiaria__main .__tab md-list .activo .md-subheader.hrsTurno-over { background: lightcoral; } #ProduccionDiaria__main .__tab md-list .activo .md-subheader .md-subheader-inner { width: 100%; padding: 14px 10px 2px 16px; font-family: 'Montserrat'; } #ProduccionDiaria__main .__tab md-list .activo .md-subheader strong { font-size: 15.4px; } #ProduccionDiaria__main .__tab md-list .activo .md-subheader span { font-size: 12.6px; } #ProduccionDiaria__main .__tab md-list .activo .md-subheader .custom { cursor: pointer; outline: none; color: #000; } #ProduccionDiaria__main .__tab md-list .activo md-list-item { position: relative; padding: 0; height: 0; min-height: 0; transition: height 250ms ease-in-out, min-height 250ms ease-in-out; overflow: hidden; } #ProduccionDiaria__main .__tab md-list .activo md-list-item.visible { height: auto; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .md-secondary-container { position: absolute; margin: 0; padding: 0; display: none; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .content { position: relative; width: 100%; height: 100%; } /* Dialogs */ /* NBOOCargarOrden */ .ColectarProduccionDiaria .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(1) { width: 7.56%; } .ColectarProduccionDiaria .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(2) { width: 12.01%; } .ColectarProduccionDiaria .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(3) { width: 17.7%; } .ColectarProduccionDiaria .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(4) { width: 16.23%; } .ColectarProduccionDiaria .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(5) { width: 10.63%; } .ColectarProduccionDiaria .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(6) { width: 6.45%; } .ColectarProduccionDiaria .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(7) { width: 10.14%; } .ColectarProduccionDiaria .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(8) { width: 10.14%; } .ColectarProduccionDiaria .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(9) { width: 9.11%; } .ColectarProduccionDiaria .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(10) { width: 9.11%; } /* MPFaltantesEnTurno _dialog */ #MPFaltantesEnTurno {} #MPFaltantesEnTurno .line { width: 100%; height: 1px; background: #222; margin: 2px 0; } #MPFaltantesEnTurno .loaderContainer { position: relative; width: 50px; } #MPFaltantesEnTurno .loaderContainer svg { position: relative; width: auto; height: auto; color: #f47320; } #MPFaltantesEnTurno .contenido {} #MPFaltantesEnTurno .captura { padding: 0; } #MPFaltantesEnTurno .producto {} #MPFaltantesEnTurno .producto .md-subheader { background: white; } #MPFaltantesEnTurno .producto .md-subheader .md-subheader-inner { width: 100%; padding: 0; font-family: 'Montserrat'; color: #222; } #MPFaltantesEnTurno .producto .md-subheader .customRow { } #MPFaltantesEnTurno .md-subheader .customRow .product { width: 30%; background: rgb(180 198 231); padding: 4px 16px; } #MPFaltantesEnTurno .md-subheader .customRow .product strong { margin-bottom: 3px; font-size: 111%; } #MPFaltantesEnTurno .md-subheader .customRow .product span { margin-left: 37px; } #MPFaltantesEnTurno .md-subheader .customRow .product span:not(:last-child) { padding-bottom: 1px; } #MPFaltantesEnTurno .md-subheader .customRow .aFabricar { width: 14%; padding: 4px 0; } #MPFaltantesEnTurno .md-subheader .customRow .aFabricar strong { font-size: 244%; } #MPFaltantesEnTurno .md-subheader .customRow .aFabricar span {} #MPFaltantesEnTurno .md-subheader .customRow .maquina { width: 50%; padding: 4px 2px; } #MPFaltantesEnTurno .md-subheader .customRow .maquina > span {} #MPFaltantesEnTurno .md-subheader .customRow .maquina > div { padding-bottom: 8px; } #MPFaltantesEnTurno .md-subheader .customRow .maquina .desc { font-size: 120%; } #MPFaltantesEnTurno .md-subheader .customRow .maquina .txtLabel { width: 77px; text-align: right; margin-right: 17px; } #MPFaltantesEnTurno .md-subheader .customRow .maquina .peso { font-size: 200%; } #MPFaltantesEnTurno md-list md-list-item { position: relative; padding: 0; height: 0; min-height: 0; transition: height 250ms ease-in-out, min-height 250ms ease-in-out; overflow: hidden; } #MPFaltantesEnTurno md-list md-list-item .md-list-item-inner { padding: 0 } #MPFaltantesEnTurno md-list md-list-item.visible { height: auto; border-bottom: 1.12px solid #d8d8d8; } #MPFaltantesEnTurno md-list md-list-item .content { position: relative; width: 100%; height: 100%; } #MPFaltantesEnTurno md-list md-list-item .content md-content { /*background: #ddd !important;*/ } #MPFaltantesEnTurno md-list md-list-item .responsive-table { border-top: 1px solid #ddd; } #MPFaltantesEnTurno h3 { padding: 0 16px; font-size: 25px; font-weight: bolder; } #MPFaltantesEnTurno .footer {} #MPFaltantesEnTurno .footer .sumaryList { transition: width 250ms ease-in-out, min-width 250ms ease-in-out; } #MPFaltantesEnTurno .footer .sumaryList md-content { background: white; } #MPFaltantesEnTurno .footer .sumaryList .responsive-table { padding-bottom: 0; } #MPFaltantesEnTurno .footer .sumaryList table { margin-bottom: 0; } #MPFaltantesEnTurno .footer .sumaryList tbody { border-right: 1px solid #ddd; } #MPFaltantesEnTurno .footer .sumaryList table tbody tr:last-child { border-bottom: 1px solid #ddd; } #MPFaltantesEnTurno .subForm { width: 50%; min-width: 250px; position: relative; transition: all ease-in-out 250ms; display: none; border-left: 1.12px solid #d8d8d8; } #MPFaltantesEnTurno .subForm.visible { display: block; } #MPFaltantesEnTurno .subForm form {} #MPFaltantesEnTurno .subForm .top {} #MPFaltantesEnTurno .subForm .top .controls { padding-left: 6px; } #MPFaltantesEnTurno .subForm .top .controls .md-icon-button+.md-datepicker-input-container { margin: 0; } #MPFaltantesEnTurno .subForm .top .controls strong { margin-right: 3px; } #MPFaltantesEnTurno .subForm .top .controls > div:nth-child(1) { height: 58px; } #MPFaltantesEnTurno .subForm .top .controls > div:nth-child(2) {} #MPFaltantesEnTurno .subForm .top .numVale{ padding-left: 6px; } #MPFaltantesEnTurno .subForm .top .numVale span { margin: 10px 0 2px; } #MPFaltantesEnTurno .subForm .top .numVale div { background: #fab683; border: 1px solid #f27320; font-size: 5rem; } #MPFaltantesEnTurno .subForm .top .numVale strong {} #MPFaltantesEnTurno .subForm .table-container {} #MPFaltantesEnTurno .subForm .table-container md-input-container .md-errors-spacer { display: none; } #MPFaltantesEnTurno .subForm .bottom { height: 50px; border-top: 1.12px solid #d8d8d8; } #MPFaltantesEnTurno .subForm #blocker { position: absolute; width: 100%; height: 100%; z-index: 10; cursor: pointer; } /*END*/ /* Paneles */ #ProduccionDiaria__main .__tab md-list .activo md-list-item .gd-panel { position: relative; background: white; } /* productos-panel */ #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel md-content { background: white; height: 699px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto { position: relative; font-size: 12px; font-family: 'montserrat'; padding-bottom: 15px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto:not( :last-child ) { border-bottom: 1.12px solid red; margin-bottom: 10px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto md-input-container { } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .md-errors-spacer { display: none } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto strong.title { font-size: 15.4px; margin: 5px 0; padding: 0 15px; background: transparent; } /* producto .gral-info */ #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .gral-info { border: 1.12px solid #d8d8d8; margin-left: 15px; margin-right: 5px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .gral-info > *:not( :last-child ) { border-right: 1.12px solid #d8d8d8; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .gral-info .product { background: lightsteelblue; overflow: hidden; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .gral-info .product > *:nth-child(1) { padding-left: 10px } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .gral-info .product > *:nth-child(2) { padding-left: 10px } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .gral-info .product > *:nth-child(3) { padding-left: 13px } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .gral-info .version { position: relative; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .gral-info .version .custom-label { position: absolute; top: -54px; font-size: 90%; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .gral-info .fabricado {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .gral-info .orden {} /* producto materiaPrima */ #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima .header {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima .pesoReal-container { padding-right: 8px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima .pesoReal-container strong { font-size: 12px; margin-right: 5px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima .pesoReal { border: none; outline: none; width: 50px; border-bottom: 1px solid #777; color: black; padding-left: 6px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima .pesoReal.ng-invalid { border-color: red } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima .table-container { padding-left: 8px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima table { width: 98%; margin: 0 auto; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima table, #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima th, #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima td { border: 1px solid #ccc; border-collapse: collapse; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima table thead th { text-align: center; height: 22px; padding: 0 4px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima table tbody { font-size: 85%; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima table tbody td { text-align: center; padding: 0 4px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima table tbody td input { width: 55px } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .materiaPrima table tr.original {} /* producto personal Asignado */ #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .personal-container { padding: 0 15px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .personal-container .md-chips .md-chip-input-container { width: 100%; } .personal-chip { font-family: 'montserrat'; font-size: 11px; } .personal-suggestions { font-size: 11px; font-family: 'montserrat'; } .personal-suggestions img { margin-right: 6px; } .personal-suggestions .name {} .personal-suggestions strong { font-style: italic; font-size: 85%; } /* produto desperdicio y modos de operacion */ #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desOpe-container { margin: 12px 0; } /* DESPERDICIO GENERADO */ #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-miniForm { margin-left: 15px; border: 1.12px solid #d8d8d8; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-miniForm md-input-container { margin: 18px 5px 5px; padding: 0; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-miniForm > :nth-child(2) { width: 88px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-miniForm > *:not( :last-child ) { border-right: 1.12px solid #d8d8d8; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list { position: relative; height: 100px; margin-left: 15px; margin-top: 5px; overflow: hidden; border-bottom: 1.12px solid #222; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .head { font-size: 105%; border-bottom: 1.12px solid #222; text-align: center; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .head .cantidad {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .head .falla {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .head .control { width: 50px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .pseudo-table { text-align: center; font-size: 98%; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .pseudo-table .gd-row { height: 20px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .pseudo-table .gd-row:nth-child( odd ) { background: white } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .pseudo-table .gd-row:nth-child( even ) { background: transparent; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .pseudo-table .cantidad {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .pseudo-table .falla {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .desperdicio .scrap-list .pseudo-table .control { width: 50px; } /* MODOS DE OPERACION */ #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .operacion {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .operacion md-input-container:not(.md-input-has-value) input:not(:focus) { color: inherit; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .operacion md-switch { margin: 0; padding: 0; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .operacion .switch-container { padding-left: 15px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .operacion .controls-container { padding: 6px 15px 0; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .operacion .controls-production { padding: 0; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .operacion .controls-production > * { padding: 3px 7px 0; margin-right: 6px; border: 1px solid #ddd; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .operacion .controls-container .horometro { margin: 0; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .operacion .controls-container .tiempoCiclo {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .operacion .controls-container .cavidades {} /* producto Resultados */ #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .resultados-header md-checkbox { margin: 0; padding: 0; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .resultados-header md-checkbox { margin-right: 12px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .resultados-header md-checkbox .md-label { padding-top: 3px; margin-left: 23px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .resultados { border: 1.12px solid #d8d8d8; margin-left: 15px; margin-right: 5px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .productos-panel section.producto .resultados > *:not( :last-child ) { border-right: 1.12px solid #d8d8d8; } /* paros-panel */ #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel { background-color: white; border-left: 1.12px solid #d8d8d8; height: 699px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel md-content { background-color: inherit; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel md-content > div {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel .title { border-top: 1.12px solid #d8d8d8; border-bottom: 1.12px solid #d8d8d8; padding: 6px 0; font-family: 'montserrat'; font-size: 115%; margin-bottom: 6px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel .table-container { border-bottom: 1.12px solid #d8d8d8; padding-bottom: 6px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel table { width: 98%; margin: 0 auto; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel table, #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel th, #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel td { border: 1px solid #ccc; border-collapse: collapse; font-family: 'montserrat'; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel table thead {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel table thead th { height: 40px; text-align: center; font-size: 95%; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel table tbody {} #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel table tbody td { text-align: center; font-size: 90%; height: 35px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel table tbody td md-select { margin: 0; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel table tbody td md-select .md-select-value>span:not(.md-select-icon) { /*max-width: 90px;*/ } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel table thead th:nth-of-type(2), #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel table tbody td:nth-of-type(2) { width: 70px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel .time-cell { font-size: 88%; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel .time-cell button { margin: 0; padding: 0; width: 30px; height: 30px; min-height: 30px; min-width: 30px; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel .tiempoTotal { padding: 5px 8px; border-bottom: 1.12px solid #d8d8d8; font-family: 'montserrat'; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel .tiempoTotal strong { font-size: 110%; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel .tiempoTotal div { font-size: 90%; } #ProduccionDiaria__main .__tab md-list .activo md-list-item .paros-panel .comentarios { font-family: 'montserrat'; margin-top: 30px; } /* StudyData & ScrapData */ #studyDataColect { position: relative; } #studyDataColect .captura { width: 300px; min-width: 300px; max-width: 300px; overflow: hidden; } #studyDataColect .captura md-card, #studyDataColect .captura md-card-content { position: relative; } #studyDataColect .captura .delete-btn { position: absolute; top: 0; right: 0; } #studyDataColect .captura .sujeto-info { /*background: #ADB9CA;*/ color: #3E4A5A; border-radius: 5px; padding: 5px 10px; font-weight: 600; font-size: 85%; } #studyDataColect .captura .sujeto-info > * { margin-bottom: 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #studyDataColect .captura .sujeto-info .values > span { position: relative; } #studyDataColect .captura .sujeto-info .values > span:not(:last-child) { margin-right: 11px; } #studyDataColect .captura .sujeto-info .values > span:not(:last-child)::before { content: ""; position: absolute; top: 50%; right: -8px; transform: translateY( -50% ); height: 1px; width: 5px; background: #3E4A5A; } #studyDataColect .captura .sujeto-extras { /*background: wheat;*/ margin-top: 10px; border-radius: 5px; padding: 11px 0px 0px 9px; } #studyDataColect .captura .sujeto-extras > * { margin-bottom: 3px } #studyDataColect .captura md-content { height: 303px; } #studyDataColect md-content { background: #fff !important } #studyDataColect .tomas { margin-top: 10px } #studyDataColect .tomas section:nth-child(even) .md-subheader.md-custom { color: rgb(255,87,34); border-bottom: 1px solid rgb(255,87,34); } #studyDataColect .tomas section:nth-child(odd) .md-subheader.md-custom { color: rgb(121,134,203); border-bottom: 1px solid rgb(121,134,203); } #studyDataColect .data-input { font-size: 85%; padding-left: 8px; margin-top: 2px; } #studyDataColect input { position: relative; width: 90%; background: none; border: none; border-bottom: 1px solid #404b5b; outline: none; padding-left: 5px; /*color: #3E4A5A;*/ } #studyDataColect input.ng-invalid.ng-not-empty:not( [disabled] ) { border-bottom-color: rgb(255,87,34); color: rgb(255,87,34); } #studyDataColect input[disabled] { border-bottom-style: dotted; } #studyDataColect .captura .actions { height: 40px; } #studyDataColect .flooting-btn { position: fixed; bottom: 10px; right: 10px; } /* Sujetos Picker Dialog */ #SujetosPicker md-checkbox .md-label { flex: 1; display: flex; } /* Asistencias */ .AsistenciaPersonal .today-list, .AsistenciaPersonal .historico { padding-top: 5px; background: white; border-radius: 3px; } .AsistenciaPersonal .today-list .thead { height: 25px; margin-top: 5px; } .AsistenciaPersonal .today-list .thead .th {} .AsistenciaPersonal .today-list .thead .th strong {} .AsistenciaPersonal .today-list .tbody { height: 200px; background: white !important; } .AsistenciaPersonal .historico md-content { background: white !important } /* a laborar tab */ .AsistenciaPersonal .alaborar { position: relative; } .AsistenciaPersonal .alaborar .invisible{ visibility: hidden; } .AsistenciaPersonal .alaborar .flooting-btn { position: absolute; top: -4px; right: 0; z-index: 1; } .AsistenciaPersonal .alaborar .top-title { padding: 0px 0px; border-bottom: 1.12px solid #ddd; } .AsistenciaPersonal .alaborar .top-title:first-child { border-right: 1.12px solid #ddd; } .AsistenciaPersonal .alaborar .top-title > span { font-family: 'Syncopate',sans-serif; font-size: 110%; } .AsistenciaPersonal .alaborar .main-content { border-right: 1.12px solid #ddd; } .AsistenciaPersonal .alaborar {} .AsistenciaPersonal .alaborar tr.already { background-color: #e8b1b1; } .AsistenciaPersonal .alaborar tr.already .note { position: absolute; bottom: 0; left: 0; color: white; white-space: nowrap; font-size: 60%; background: black; padding: 2px 4px; border-radius: 10px; } .AsistenciaPersonal .alaborar md-checkbox { margin-bottom: 0 !important } /* ASISTENCIAS NEW */ #findColaborador_dialog .md-chip-input-container { width: 100%; } /* TABLE */ .Asistencias .content table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; } .Asistencias .content table th { position: relative; padding: 5px 2.5px; text-transform: uppercase; text-align: center; } .Asistencias .content table th, .Asistencias .content table td { border-right: 1px solid #ccc } { border-right: 1px solid #ccc } .Asistencias .content table tr:not(:last-child) { border-bottom: 1px solid #ccc; } .Asistencias .content table tbody tr:nth-child(odd) { background: white } .Asistencias .content table tbody tr:nth-child(even) { background: transparent; } .Asistencias .content table tbody tr:last-child { border-bottom: 1px solid #ccc; } .Asistencias .content table md-input-container .md-errors-spacer { display: none; } /* control de seleccion */ .Asistencias .content td.seleccionable { background-color: transparent; transition: background-color 200ms ease-out; } .Asistencias .content td.seleccionable.selected { background-color: #f9b584d9; } /* SIZES */ .Asistencias .content table thead th:nth-child(1), .Asistencias .content table tbody td:nth-child(1) { min-width: 44px; max-width: 44px; } .Asistencias .content table thead th:nth-child(2), .Asistencias .content table tbody td:nth-child(2) { min-width: 25vw; max-width: 25vw; } .Asistencias .content table thead th:nth-child(3), .Asistencias .content table tbody td:nth-child(3) { min-width: 11vw; max-width: 11vw; } .Asistencias .content table thead th:nth-child(4), .Asistencias .content table tbody td:nth-child(4) { min-width: 10vw; max-width: 10vw; } .Asistencias .content table thead th:nth-child(5), .Asistencias .content table tbody td:nth-child(5) { min-width: 7vw; max-width: 7vw; } .Asistencias .content table thead th:nth-child(6), .Asistencias .content table tbody td:nth-child(6) { min-width: 14vw; max-width: 14vw; } .Asistencias .content table thead th:nth-child(7), .Asistencias .content table tbody td:nth-child(7) { min-width: 11vw; max-width: 11vw; } /* ScrapData */ #scrapDataColect { position: relative; } .CollectScrap .ticket { outline: none; border-top: none; border-right: none; border-left: none; border-image: initial; background: transparent; border-bottom: 1px solid rgb(204, 204, 204); margin-left: 4px; padding-left: 3px; width: 80px; } .CollectScrap .ticket.ng-invalid { border-color: red; } #scrapDataColect .captura { width: 333px; min-width: 333px; max-width: 333px; overflow: hidden; border: 1px solid transparent; } #scrapDataColect .captura.ng-invalid { border-color: red; } #scrapDataColect .has-error { color: red; border-width: thin; border-color: red; } #scrapDataColect .captura md-card, #scrapDataColect .captura md-card-content { position: relative; } #scrapDataColect .captura .delete-btn { position: absolute; top: 0; right: 0; } #scrapDataColect .captura .info { padding: 15px 0 } #scrapDataColect .captura md-content {} #scrapDataColect md-content { background: #fff !important } #scrapDataColect .flooting-btn { position: fixed; bottom: 10px; right: 10px; } .product-autocomplete-template * { font-size: 11px } .product-autocomplete-template li { border-bottom: 1px solid #ccc; height: auto; padding-top: 8px; padding-bottom: 8px; white-space: nowrap; } .product-autocomplete-template li:last-child { border-bottom-width: 0; } .product-autocomplete-template .product {} .product-autocomplete-template .product .avatar { width: 25px; height: 25px; border-radius: 50%; margin-right: 6px; } .product-autocomplete-template .product .name {} .product-autocomplete-template .product .name .highlight { color: #000; font-weight: bolder; } #scrapDataColect .custom.ng-invalid { color: red; border-bottom: 1px solid red; } #scrapDataColect .fallas input { width: 46px; outline: none; } #scrapDataColect .fallas md-list-item { border-bottom: 1px solid #ccc; } /* END */ /* ANALIZAR */ /* ESTUDIOS REALIZADOS */ .AnalizarEstudios md-select .md-select-value.md-select-placeholder, .AnalizarEstudios strong { color: rgb(80, 80, 88); } .AnalizarEstudios .md-select-placeholder span:first-child {} .AnalizarEstudios md-list.colectas md-list-item:nth-child(odd) {} .AnalizarEstudios md-list.colectas md-list-item:nth-child(even) { background: #ccc } .AnalizarEstudios .pseudoTable {} .AnalizarEstudios .pseudoTable .column {} .AnalizarEstudios .pseudoTable > .column:first-child { min-width: 125px; width: 125px; max-width: 125px; } .AnalizarEstudios .pseudoTable .cell { border: 1px solid #222; padding: 1px 2px; cursor: pointer; } .AnalizarEstudios .pseudoTable .cell.selected { background: red !important; } .AnalizarEstudios .pseudoTable .cell.selected > strong { color: white !important; } .AnalizarEstudios .pseudoTable .cell:not( :last-child ) { border-bottom: none; } .AnalizarEstudios .pseudoTable .cell > * {} .AnalizarEstudios .pseudoTable md-content > *:nth-child(odd) { background: #c9c9c9 } .AnalizarEstudios .pseudoTable md-content > *:nth-child(even) { background: #fff } .AnalizarEstudios .pseudoTable md-content > * > * > .column:not(:first-child) .cell.date { visibility: hidden; } .AnalizarEstudios md-input-container .md-errors-spacer { display: none } .AnalizarEstudios .graph-leyend > .gd-col { cursor: pointer; height: 80px; width: 150px; border: 1px solid; margin-top: 7px; border-radius: 5px; } .AnalizarEstudios .graph-leyend > .gd-col:not(:last-child) { margin-right: 6px } .AnalizarEstudios .graph-leyend > .gd-col:last-child {} .AnalizarEstudios .graph-leyend > .gd-col .top { position: relative; } .AnalizarEstudios .graph-leyend > .gd-col .val { font-size: 200%; } .AnalizarEstudios .graph-leyend > .gd-col .val .char5, .AnalizarEstudios .graph-leyend > .gd-col .val .char6 { font-size: 15px; } .AnalizarEstudios .graph-leyend > .gd-col .foot { font-size: 50%; text-transform: uppercase; } .AnalizarEstudios .graph-leyend .square { width: 13px; height: 13px; margin-left: 10px; position: absolute; top: 4px; } .AnalizarEstudios .graph-leyend .LES .square { background: #FF0000; } .AnalizarEstudios .graph-leyend .LCS .square { background: #ffa500; } .AnalizarEstudios .graph-leyend .MET .square { background: #7cfc00; } .AnalizarEstudios .graph-leyend .MEP .square { background: #008000; } .AnalizarEstudios .graph-leyend .LCI .square { background: #ff8c00; } .AnalizarEstudios .graph-leyend .LEI .square { background: #b22222; } .AnalizarEstudios table input { background: transparent; border: none; outline: none; } /* HISTORICO ASISTENCIAS */ .AnalizarAsistencias .pseudoTable { position: relative; padding: 5px; } .AnalizarAsistencias .pseudoTable .column {} .AnalizarAsistencias .pseudoTable > .column:first-child { min-width: 37px; width: 37px; max-width: 37px; } .AnalizarAsistencias .pseudoTable .cell { border: 1px solid #222; padding: 1px 2px; height: 23px; } .AnalizarAsistencias .pseudoTable .cell.selected { background: red !important; } .AnalizarAsistencias .pseudoTable .cell.selected > strong { color: white !important; } .AnalizarAsistencias .pseudoTable .cell:not( :last-child ) { border-bottom: none; } .AnalizarAsistencias .pseudoTable .cell > * { white-space: nowrap; text-transform: uppercase; } .AnalizarAsistencias .pseudoTable .cell.invisible { visibility: hidden; } .AnalizarAsistencias .pseudoTable .row { height: 23px; margin-left: 0; } .AnalizarAsistencias .pseudoTable .calendar .cell { width: 43px; height: 23px; } /* HISTORICO DE PRODUCCION */ .AnalizarProduccion .content { } .AnalizarProduccion .table-container { margin: 0 auto; } .AnalizarProduccion md-content {} .AnalizarProduccion md-content, .AnalizarProduccion .subtotals { transition: width 200ms ease-in-out; } .AnalizarProduccion .subtotals { position: relative; width: 0; overflow: hidden; font-family: 'Montserrat'; } .AnalizarProduccion .subtotals > div { background: #fafafa; height: 50px; font-size: 115%; border-bottom: 1px solid #e6e6e6; } .AnalizarProduccion .subtotals > md-content { background: white !important; } .AnalizarProduccion .subtotals md-list-item:before { display: none; } .AnalizarProduccion .subtotals.visible { width: 312px; } /* TABLE */ .fixed_headers { width: auto; table-layout: fixed; border-collapse: collapse; border: 1px solid #ccc; margin-top: 5px; } .fixed_headers thead tr { display: block; position: relative; } .fixed_headers tbody { display: block; overflow: auto; width: 100%; height: 57vh; font-family: 'Roboto'; font-size: 90%; text-align: center; } @media( min-height: 1080px ) { .fixed_headers tbody { height: 63vh; } } .AnalizarProduccion .content table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; } .AnalizarProduccion .content table th { position: relative; padding: 5px 2.5px; text-transform: uppercase; text-align: center; } .AnalizarProduccion .content table th.sortedBy { background: #ccc; } .AnalizarProduccion .content table th.filterBy { } .AnalizarProduccion .content table th.filterBy::before { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; top: 3px; left: 3px; position: absolute; } .AnalizarProduccion .content table th, .AnalizarProduccion .content table td { border-right: 1px solid #ccc } { border-right: 1px solid #ccc } .AnalizarProduccion .content table tr:not(:last-child) { border-bottom: 1px solid #ccc; } .AnalizarProduccion .content table tbody tr:nth-child(odd) { width: 100%; background: white } .AnalizarProduccion .content table tbody tr:nth-child(even) { width: 100%; background: transparent; } /* SIZES */ .AnalizarProduccion .content table thead th:nth-child(1), .AnalizarProduccion .content table tbody td:nth-child(1) { min-width: 44px; max-width: 44px; } .AnalizarProduccion .content table thead th:nth-child(2), .AnalizarProduccion .content table tbody td:nth-child(2) { min-width: 82px; max-width: 82px; } .AnalizarProduccion .content table thead th:nth-child(3), .AnalizarProduccion .content table tbody td:nth-child(3) { min-width: 60px; max-width: 60px; } .AnalizarProduccion .content table thead th:nth-child(4), .AnalizarProduccion .content table tbody td:nth-child(4) { min-width: 35px; max-width: 35px; } .AnalizarProduccion .content table thead th:nth-child(5), .AnalizarProduccion .content table tbody td:nth-child(5) { min-width: 53px; max-width: 53px; } .AnalizarProduccion .content table thead th:nth-child(6), .AnalizarProduccion .content table tbody td:nth-child(6) { min-width: 80px; max-width: 80px; } .AnalizarProduccion .content table thead th:nth-child(7), .AnalizarProduccion .content table tbody td:nth-child(7) { min-width: 55px; max-width: 55px; } .AnalizarProduccion .content table thead th:nth-child(8), .AnalizarProduccion .content table tbody td:nth-child(8) { min-width: 96px; max-width: 96px; } .AnalizarProduccion .content table thead th:nth-child(9), .AnalizarProduccion .content table tbody td:nth-child(9) { min-width: 66px; max-width: 66px; } .AnalizarProduccion .content table thead th:nth-child(10), .AnalizarProduccion .content table tbody td:nth-child(10) { min-width: 111px; max-width: 111px; } .AnalizarProduccion .content table thead th:nth-child(11), .AnalizarProduccion .content table tbody td:nth-child(11) { min-width: 250px; max-width: 250px; } .AnalizarProduccion .content table thead th:nth-child(12), .AnalizarProduccion .content table tbody td:nth-child(12) { min-width: 130px; max-width: 130px; } .AnalizarProduccion .content table thead th:nth-child(13), .AnalizarProduccion .content table tbody td:nth-child(13) { min-width: 180px; max-width: 180px; } .AnalizarProduccion .content table thead th:nth-child(14), .AnalizarProduccion .content table tbody td:nth-child(14) { min-width: 144px; max-width: 144px; } .AnalizarProduccion .content table thead th:nth-child(15), .AnalizarProduccion .content table tbody td:nth-child(15) { min-width: 245px; max-width: 245px; } .AnalizarProduccion .content table thead th:nth-child(16), .AnalizarProduccion .content table tbody td:nth-child(16) { min-width: 80px; max-width: 80px; } .AnalizarProduccion .content table thead th:nth-child(17), .AnalizarProduccion .content table tbody td:nth-child(17) { min-width: 50px; max-width: 50px; } .AnalizarProduccion .content table thead th:nth-child(18), .AnalizarProduccion .content table tbody td:nth-child(18) { min-width: 75px; max-width: 75px; } .AnalizarProduccion .content table thead th:nth-child(19), .AnalizarProduccion .content table tbody td:nth-child(19) { min-width: 77px; max-width: 77px; } .AnalizarProduccion .content table thead th:nth-child(20), .AnalizarProduccion .content table tbody td:nth-child(20) { min-width: 77px; max-width: 77px; } .AnalizarProduccion .content table thead th:nth-child(21), .AnalizarProduccion .content table tbody td:nth-child(21) { min-width: 111px; max-width: 111px; } .AnalizarProduccion .content table thead th:nth-child(22), .AnalizarProduccion .content table tbody td:nth-child(22) { min-width: 95px; max-width: 95px; } .AnalizarProduccion .content table thead th:nth-child(23), .AnalizarProduccion .content table tbody td:nth-child(23) { min-width: 66px; max-width: 66px; } /* REPORTE DE CONSUMO */ .AnalizarConsumos .content { } .AnalizarConsumos .table-container { margin: 0 auto; } .AnalizarConsumos md-content {} .AnalizarConsumos md-content, .AnalizarConsumos .subtotals { transition: width 200ms ease-in-out; } .AnalizarConsumos .subtotals { position: relative; width: 0; overflow: hidden; font-family: 'Montserrat'; } .AnalizarConsumos .subtotals > div { background: #fafafa; height: 44px; font-size: 115%; border-bottom: 1px solid #e6e6e6; } .AnalizarConsumos .subtotals > md-content { background: white !important; } .AnalizarConsumos .subtotals md-list-item:before { display: none; } .AnalizarConsumos .subtotals.visible { width: 33%; } /* TABLE */ .AnalizarConsumos .content table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; } .AnalizarConsumos .content table th { position: relative; padding: 5px 2.5px; text-transform: uppercase; text-align: center; } .AnalizarConsumos .content table th.sortedBy { background: #ccc; } .AnalizarConsumos .content table th.filterBy { } .AnalizarConsumos .content table th.filterBy::before { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; top: 3px; left: 3px; position: absolute; } .AnalizarConsumos .content table th, .AnalizarConsumos .content table td { border-right: 1px solid #ccc } { border-right: 1px solid #ccc } .AnalizarConsumos .content table tr:not(:last-child) { border-bottom: 1px solid #ccc; } .AnalizarConsumos .content table tbody tr:nth-child(odd) { background: white } .AnalizarConsumos .content table tbody tr:nth-child(even) { background: transparent; } /* SIZES */ .AnalizarConsumos .content table thead th:nth-child(1), .AnalizarConsumos .content table tbody td:nth-child(1) { min-width: 44px; max-width: 44px; } .AnalizarConsumos .content table thead th:nth-child(2), .AnalizarConsumos .content table tbody td:nth-child(2) { min-width: 82px; max-width: 82px; } .AnalizarConsumos .content table thead th:nth-child(3), .AnalizarConsumos .content table tbody td:nth-child(3) { min-width: 60px; max-width: 60px; } .AnalizarConsumos .content table thead th:nth-child(4), .AnalizarConsumos .content table tbody td:nth-child(4) { min-width: 35px; max-width: 35px; } .AnalizarConsumos .content table thead th:nth-child(5), .AnalizarConsumos .content table tbody td:nth-child(5) { min-width: 53px; max-width: 53px; } .AnalizarConsumos .content table thead th:nth-child(6), .AnalizarConsumos .content table tbody td:nth-child(6) { min-width: 80px; max-width: 80px; } .AnalizarConsumos .content table thead th:nth-child(7), .AnalizarConsumos .content table tbody td:nth-child(7) { min-width: 55px; max-width: 55px; } .AnalizarConsumos .content table thead th:nth-child(8), .AnalizarConsumos .content table tbody td:nth-child(8) { min-width: 66px; max-width: 66px; } .AnalizarConsumos .content table thead th:nth-child(9), .AnalizarConsumos .content table tbody td:nth-child(9) { min-width: 95px; max-width: 95px; } .AnalizarConsumos .content table thead th:nth-child(10), .AnalizarConsumos .content table tbody td:nth-child(10) { min-width: 130px; max-width: 130px; } .AnalizarConsumos .content table thead th:nth-child(11), .AnalizarConsumos .content table tbody td:nth-child(11) { min-width: 211px; max-width: 211px; } .AnalizarConsumos .content table thead th:nth-child(12), .AnalizarConsumos .content table tbody td:nth-child(12) { min-width: 85px; max-width: 85px; } .AnalizarConsumos .content table thead th:nth-child(13), .AnalizarConsumos .content table tbody td:nth-child(13) { min-width: 123px; max-width: 123px; } .AnalizarConsumos .content table thead th:nth-child(14), .AnalizarConsumos .content table tbody td:nth-child(14) { min-width: 250px; max-width: 250px; } .AnalizarConsumos .content table thead th:nth-child(15), .AnalizarConsumos .content table tbody td:nth-child(15) { min-width: 133px; max-width: 133px; } .AnalizarConsumos .content table thead th:nth-child(16), .AnalizarConsumos .content table tbody td:nth-child(16) { min-width: 40px; max-width: 40px; } .AnalizarConsumos .content table thead th:nth-child(17), .AnalizarConsumos .content table tbody td:nth-child(17) { min-width: 96px; max-width: 96px; } .AnalizarConsumos .content table thead th:nth-child(18), .AnalizarConsumos .content table tbody td:nth-child(18) { min-width: 80px; max-width: 80px; } .AnalizarConsumos .content table thead th:nth-child(19), .AnalizarConsumos .content table tbody td:nth-child(19) { min-width: 60px; max-width: 60px; } .AnalizarConsumos .content table thead th:nth-child(20), .AnalizarConsumos .content table tbody td:nth-child(20) { min-width: 90px; max-width: 90px; } .AnalizarConsumos .content table thead th:nth-child(21), .AnalizarConsumos .content table tbody td:nth-child(21) { min-width: 111px; max-width: 111px; } /* HISTORICO DE SCRAP */ .AnalizarScrap .content { } .AnalizarScrap .table-container { margin: 0 auto; } .AnalizarScrap md-content {} .AnalizarScrap md-content, .AnalizarScrap .subtotals { transition: width 200ms ease-in-out; } .AnalizarScrap .subtotals { position: relative; width: 0; overflow: hidden; font-family: 'Montserrat'; } .AnalizarScrap .subtotals > div { background: #fafafa; height: 50px; font-size: 115%; border-bottom: 1px solid #e6e6e6; } .AnalizarScrap .subtotals > md-content { background: white !important; } .AnalizarScrap .subtotals md-list-item:before { display: none; } .AnalizarScrap .subtotals.visible { width: 312px; } /* TABLE */ .fixed_headers { width: auto; table-layout: fixed; border-collapse: collapse; border: 1px solid #ccc; margin-top: 5px; } .fixed_headers thead tr { display: block; position: relative; } .fixed_headers tbody { display: block; overflow: auto; width: 100%; height: 57vh; font-family: 'Roboto'; font-size: 90%; text-align: center; } @media( min-height: 1080px ) { .fixed_headers tbody { height: 63vh; } } .AnalizarScrap .content table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; } .AnalizarScrap .content table th { position: relative; padding: 5px 2.5px; text-transform: uppercase; text-align: center; } .AnalizarScrap .content table th.sortedBy { background: #ccc; } .AnalizarScrap .content table th.filterBy { } .AnalizarScrap .content table th.filterBy::before { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; top: 3px; left: 3px; position: absolute; } .AnalizarScrap .content table th, .AnalizarScrap .content table td { border-right: 1px solid #ccc } { border-right: 1px solid #ccc } .AnalizarScrap .content table tr:not(:last-child) { border-bottom: 1px solid #ccc; } .AnalizarScrap .content table tbody tr:nth-child(odd) { background: white } .AnalizarScrap .content table tbody tr:nth-child(even) { background: transparent; } /* SIZES */ .AnalizarScrap .content table thead th:nth-child(1), .AnalizarScrap .content table tbody td:nth-child(1) { min-width: 44px; max-width: 44px; } .AnalizarScrap .content table thead th:nth-child(2), .AnalizarScrap .content table tbody td:nth-child(2) { min-width: 82px; max-width: 82px; } .AnalizarScrap .content table thead th:nth-child(3), .AnalizarScrap .content table tbody td:nth-child(3) { min-width: 60px; max-width: 60px; } .AnalizarScrap .content table thead th:nth-child(4), .AnalizarScrap .content table tbody td:nth-child(4) { min-width: 35px; max-width: 35px; } .AnalizarScrap .content table thead th:nth-child(5), .AnalizarScrap .content table tbody td:nth-child(5) { min-width: 53px; max-width: 53px; } .AnalizarScrap .content table thead th:nth-child(6), .AnalizarScrap .content table tbody td:nth-child(6) { min-width: 80px; max-width: 80px; } .AnalizarScrap .content table thead th:nth-child(7), .AnalizarScrap .content table tbody td:nth-child(7) { min-width: 55px; max-width: 55px; } .AnalizarScrap .content table thead th:nth-child(8), .AnalizarScrap .content table tbody td:nth-child(8) { min-width: 96px; max-width: 96px; } .AnalizarScrap .content table thead th:nth-child(9), .AnalizarScrap .content table tbody td:nth-child(9) { min-width: 66px; max-width: 66px; } .AnalizarScrap .content table thead th:nth-child(10), .AnalizarScrap .content table tbody td:nth-child(10) { min-width: 260px; max-width: 260px; } .AnalizarScrap .content table thead th:nth-child(11), .AnalizarScrap .content table tbody td:nth-child(11) { min-width: 90px; max-width: 90px; } .AnalizarScrap .content table thead th:nth-child(12), .AnalizarScrap .content table tbody td:nth-child(12) { min-width: 180px; max-width: 180px; } .AnalizarScrap .content table thead th:nth-child(13), .AnalizarScrap .content table tbody td:nth-child(13) { min-width: 145px; max-width: 145px; } .AnalizarScrap .content table thead th:nth-child(14), .AnalizarScrap .content table tbody td:nth-child(14) { min-width: 280px; max-width: 280px; } .AnalizarScrap .content table thead th:nth-child(15), .AnalizarScrap .content table tbody td:nth-child(15) { min-width: 115px; max-width: 115px; } .AnalizarScrap .content table thead th:nth-child(16), .AnalizarScrap .content table tbody td:nth-child(16) { min-width: 80px; max-width: 80px; } .AnalizarScrap .content table thead th:nth-child(17), .AnalizarScrap .content table tbody td:nth-child(17) { min-width: 133px; max-width: 133px; } .AnalizarScrap .content table thead th:nth-child(18), .AnalizarScrap .content table tbody td:nth-child(18) { min-width: 95px; max-width: 95px; } .AnalizarScrap .content table thead th:nth-child(19), .AnalizarScrap .content table tbody td:nth-child(19) { min-width: 295px; max-width: 295px; } /* ANALIZAR MONITOR DE RESULTADOS */ .AnalizarResultados {} .AnalizarResultados .results-container { font-family: 'Montserrat'; } .AnalizarResultados .results-container > section { margin: 0 0; margin-bottom: 11px; } .AnalizarResultados .results-container > section:not(.eficienciaTotal) > *:not(.header) { padding: 0 2.5vw; } .AnalizarResultados .results-container > section > .header { background: whitesmoke; border-top: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; font-size: 22px; letter-spacing: 0.8px; cursor: pointer; outline: none; } .AnalizarResultados .results-container > section > .header.md-subheader .md-subheader-inner { padding: 7px 16px; } .AnalizarResultados .results-container md-list-item { height: 0; overflow: hidden; min-height: 0; } .AnalizarResultados .results-container md-list-item.visible { height: auto; } .AnalizarResultados .results-container md-list-item .md-list-item-inner:before, .AnalizarResultados .results-container md-list-item:before { display: none } .AnalizarResultados .results-container > section .info { padding-top: 6px; } .AnalizarResultados .results-container > section .info > .item { font-size: 88%; } .AnalizarResultados .results-container > section .info > .item:not(:last-child) { margin-right: 45px; } .AnalizarResultados .results-container > section .info > .item strong { font-size: 115%; margin-bottom: 10px; display: block; } .AnalizarResultados .results-container > section .info > .item > div {} .AnalizarResultados .results-container > section .info > .item .text {} .AnalizarResultados .results-container > section .info > .item .value {} .AnalizarResultados .results-container > section .info > .item .remark { color: blue; } .AnalizarResultados .results-container > section .graficas {} .AnalizarResultados .results-container > section .graficas > .chart-container { position: relative; /*border: 1px solid #9e9e9e;*/ padding: 10px 3px 0 5px; margin: 5px 0; } .AnalizarResultados .results-container > section .tops { margin-top: 11px; } .AnalizarResultados .results-container > section .tops > .item { position: relative; width: 282px; border: 1px solid #9e9e9e; font-size: 12px; font-family: 'Montserrat'; margin-bottom: 5px; margin-right: 5px; } .AnalizarResultados .results-container > section .tops > .item .header { position: relative; width: 88px; border-right: 1px solid #9e9e9e; } .AnalizarResultados .results-container > section .tops > .item .header .letter { position: absolute; top: 19px; color: white; font-size: 14px; font-family: 'Roboto'; } .AnalizarResultados .results-container > section .tops > .item .header md-icon { height: 50px; width: 50px; margin: 0; } .AnalizarResultados .results-container > section .tops > .item .header strong { padding: 0 5px; } .AnalizarResultados .results-container > section .tops > .item .contenido { font-size: 92%; } .AnalizarResultados .results-container > section .tops > .item .contenido > * { margin: 0; padding: 5px 10px 5px 22px; } /* eficiencia total */ .AnalizarResultados .results-container section.eficienciaTotal { padding-top: 2.5vh; } .AnalizarResultados .results-container .gauge-container { position: relative; /*max-height: 333px;*/ /*overflow: hidden;*/ } .AnalizarResultados .results-container .gauge-container #oee { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 40px; font-family: 'Montserrat'; } .AnalizarResultados .results-container .gauge-container b.ng-binding { white-space: nowrap; overflow: unset !important; left: 50%; bottom: 27%; transform: translateX(-50%); border-top: 1.25px solid #bbb; line-height: unset !important; width: unset !important; font-weight: 600 !important; font-family: 'Montserrat'; } /* calidad */ .AnalizarResultados .results-container > section.calidad .header {} .AnalizarResultados .results-container > section.calidad .info {} .AnalizarResultados .results-container > section.calidad .graficas {} /* operacion */ .AnalizarResultados .results-container > section.operacion .tops { margin-top: 11px; } .AnalizarResultados .results-container > section.operacion .tops > .item { position: relative; width: auto; border: 1px solid #9e9e9e; font-size: 12px; font-family: 'Montserrat'; margin-bottom: 5px; margin-right: 5px; } .AnalizarResultados .results-container > section.operacion .tops > .item .header { position: relative; width: 100%; height: 35px; border: none; border-bottom: 1px solid #9e9e9e; } .AnalizarResultados .results-container > section.operacion .tops > .item .header .letter { position: absolute; top: 19px; color: white; font-size: 14px; font-family: 'Roboto'; } .AnalizarResultados .results-container > section.operacion .tops > .item .header md-icon { height: 50px; width: 50px; margin: 0; } .AnalizarResultados .results-container > section.operacion .tops > .item .header strong { padding: 0 5px; } .AnalizarResultados .results-container > section.operacion .tops > .item .contenido { font-size: 92%; } .AnalizarResultados .results-container > section.operacion .tops > .item .contenido > * { margin: 0; padding: 5px 10px 5px 22px; } /* consumos */ .AnalizarResultados .results-container > section.consumos .tops > .item { width: 313px; } /* asistencias */ .AnalizarResultados .results-container > section.asistencia .tops > .item { width: 330px; } .AnalizarResultados .results-container > section.asistencia .tops > .item .header strong { text-align: center; } .AnalizarResultados .results-container > section.asistencia .tops > .item .header { width: 111px; } /* HISTORICO DE PAROS */ .AnalizarParos .content { } .AnalizarParos .table-container { margin: 0 auto; } .AnalizarParos md-content {} .AnalizarParos md-content, .AnalizarParos .subtotals { transition: width 200ms ease-in-out; } .AnalizarParos .subtotals { position: relative; width: 0; overflow: hidden; font-family: 'Montserrat'; } .AnalizarParos .subtotals > div { background: #fafafa; height: 44px; font-size: 115%; border-bottom: 1px solid #e6e6e6; } .AnalizarParos .subtotals > md-content { background: white !important; } .AnalizarParos .subtotals md-list-item:before { display: none; } .AnalizarParos .subtotals.visible { width: 33%; } /* TABLE */ .fixed_headers { width: auto; table-layout: fixed; border-collapse: collapse; border: 1px solid #ccc; margin-top: 5px; } .fixed_headers thead tr { display: block; position: relative; } .fixed_headers tbody { display: block; overflow: auto; width: 100%; height: 57vh; font-family: 'Roboto'; font-size: 90%; text-align: center; } @media( min-height: 1080px ) { .fixed_headers tbody { height: 63vh; } } .AnalizarParos .content table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; } .AnalizarParos .content table th { position: relative; padding: 5px 2.5px; text-transform: uppercase; text-align: center; } .AnalizarParos .content table th.sortedBy { background: #ccc; } .AnalizarParos .content table th.filterBy { } .AnalizarParos .content table th.filterBy::before { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; top: 3px; left: 3px; position: absolute; } .AnalizarParos .content table th, .AnalizarParos .content table td { border-right: 1px solid #ccc } { border-right: 1px solid #ccc } .AnalizarParos .content table tr:not(:last-child) { border-bottom: 1px solid #ccc; } .AnalizarParos .content table tbody tr:nth-child(odd) { background: white } .AnalizarParos .content table tbody tr:nth-child(even) { background: transparent; } /* SIZES */ .AnalizarParos .content table thead th:nth-child(1), .AnalizarParos .content table tbody td:nth-child(1) { min-width: 44px; max-width: 44px; } .AnalizarParos .content table thead th:nth-child(2), .AnalizarParos .content table tbody td:nth-child(2) { min-width: 82px; max-width: 82px; } .AnalizarParos .content table thead th:nth-child(3), .AnalizarParos .content table tbody td:nth-child(3) { min-width: 60px; max-width: 60px; } .AnalizarParos .content table thead th:nth-child(4), .AnalizarParos .content table tbody td:nth-child(4) { min-width: 35px; max-width: 35px; } .AnalizarParos .content table thead th:nth-child(5), .AnalizarParos .content table tbody td:nth-child(5) { min-width: 53px; max-width: 53px; } .AnalizarParos .content table thead th:nth-child(6), .AnalizarParos .content table tbody td:nth-child(6) { min-width: 80px; max-width: 80px; } .AnalizarParos .content table thead th:nth-child(7), .AnalizarParos .content table tbody td:nth-child(7) { min-width: 55px; max-width: 55px; } .AnalizarParos .content table thead th:nth-child(8), .AnalizarParos .content table tbody td:nth-child(8) { min-width: 96px; max-width: 96px; } .AnalizarParos .content table thead th:nth-child(9), .AnalizarParos .content table tbody td:nth-child(9) { min-width: 66px; max-width: 66px; } .AnalizarParos .content table thead th:nth-child(10), .AnalizarParos .content table tbody td:nth-child(10) { max-width: 170px; min-width: 170px; } .AnalizarParos .content table thead th:nth-child(11), .AnalizarParos .content table tbody td:nth-child(11) { min-width: 90px; max-width: 90px; } .AnalizarParos .content table thead th:nth-child(12), .AnalizarParos .content table tbody td:nth-child(12) { min-width: 250px; max-width: 250px; } .AnalizarParos .content table thead th:nth-child(13), .AnalizarParos .content table tbody td:nth-child(13) { min-width: 145px; max-width: 145px; } .AnalizarParos .content table thead th:nth-child(14), .AnalizarParos .content table tbody td:nth-child(14) { min-width: 105px; max-width: 105px; } .AnalizarParos .content table thead th:nth-child(15), .AnalizarParos .content table tbody td:nth-child(15) { min-width: 90px; max-width: 90px; } .AnalizarParos .content table thead th:nth-child(16), .AnalizarParos .content table tbody td:nth-child(16) { min-width: 105px; max-width: 105px; } .AnalizarParos .content table thead th:nth-child(17), .AnalizarParos .content table tbody td:nth-child(17) { min-width: 205px; max-width: 205px; } /* HISTORICO DE PRODUCCION */ .AnalizarAsistenciasHistory .content { } .AnalizarAsistenciasHistory .table-container { margin: 0 auto; } .AnalizarAsistenciasHistory md-content {} .AnalizarAsistenciasHistory md-content, .AnalizarAsistenciasHistory .subtotals { transition: width 200ms ease-in-out; } .AnalizarAsistenciasHistory .subtotals { position: relative; width: 0; overflow: hidden; font-family: 'Montserrat'; } .AnalizarAsistenciasHistory .subtotals > div { background: #fafafa; height: 50px; font-size: 115%; border-bottom: 1px solid #e6e6e6; } .AnalizarAsistenciasHistory .subtotals > md-content { background: white !important; } .AnalizarAsistenciasHistory .subtotals md-list-item:before { display: none; } .AnalizarAsistenciasHistory .subtotals.visible { width: 312px; } /* TABLE */ .fixed_headers { width: auto; table-layout: fixed; border-collapse: collapse; border: 1px solid #ccc; margin-top: 5px; } .fixed_headers thead tr { display: block; position: relative; } .fixed_headers tbody { box-sizing: content-box; display: block; overflow: auto; /*width: 100%;*/ height: 63vh; font-family: 'Roboto'; font-size: 90%; text-align: center; } /*@media( min-height: 1080px ) { .fixed_headers tbody { height: 63vh; } }*/ .AnalizarAsistenciasHistory .content table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; } .AnalizarAsistenciasHistory .content table th { position: relative; padding: 5px 2.5px; text-transform: uppercase; text-align: center; } .AnalizarAsistenciasHistory .content table th.sortedBy { background: #ccc; } .AnalizarAsistenciasHistory .content table th.filterBy { } .AnalizarAsistenciasHistory .content table th.filterBy::before { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; top: 3px; left: 3px; position: absolute; } .AnalizarAsistenciasHistory .content table th, .AnalizarAsistenciasHistory .content table td { border-right: 1px solid #ccc } { border-right: 1px solid #ccc } .AnalizarAsistenciasHistory .content table tr:not(:last-child) { border-bottom: 1px solid #ccc; } .AnalizarAsistenciasHistory .content table tbody tr:nth-child(odd) { background: white } .AnalizarAsistenciasHistory .content table tbody tr:nth-child(even) { background: transparent; } /* SIZES */ .AnalizarAsistenciasHistory .content table thead th:nth-child(1), .AnalizarAsistenciasHistory .content table tbody td:nth-child(1) { min-width: 44px; max-width: 44px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(2), .AnalizarAsistenciasHistory .content table tbody td:nth-child(2) { min-width: 82px; max-width: 82px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(3), .AnalizarAsistenciasHistory .content table tbody td:nth-child(3) { min-width: 60px; max-width: 60px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(4), .AnalizarAsistenciasHistory .content table tbody td:nth-child(4) { min-width: 35px; max-width: 35px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(5), .AnalizarAsistenciasHistory .content table tbody td:nth-child(5) { min-width: 53px; max-width: 53px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(6), .AnalizarAsistenciasHistory .content table tbody td:nth-child(6) { min-width: 80px; max-width: 80px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(7), .AnalizarAsistenciasHistory .content table tbody td:nth-child(7) { min-width: 55px; max-width: 55px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(8), .AnalizarAsistenciasHistory .content table tbody td:nth-child(8) { min-width: 111px; max-width: 111px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(9), .AnalizarAsistenciasHistory .content table tbody td:nth-child(9) { min-width: 140px; max-width: 140px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(10), .AnalizarAsistenciasHistory .content table tbody td:nth-child(10) { min-width: 123px; max-width: 123px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(11), .AnalizarAsistenciasHistory .content table tbody td:nth-child(11) { min-width: 290px; max-width: 290px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(12), .AnalizarAsistenciasHistory .content table tbody td:nth-child(12) { min-width: 150px; max-width: 150px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(13), .AnalizarAsistenciasHistory .content table tbody td:nth-child(13) { min-width: 150px; max-width: 150px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(14), .AnalizarAsistenciasHistory .content table tbody td:nth-child(14) { min-width: 111px; max-width: 111px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(15), .AnalizarAsistenciasHistory .content table tbody td:nth-child(15) { min-width: 111px; max-width: 111px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(16), .AnalizarAsistenciasHistory .content table tbody td:nth-child(16) { min-width: 150px; max-width: 150px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(17), .AnalizarAsistenciasHistory .content table tbody td:nth-child(17) { min-width: 188px; max-width: 188px; } .AnalizarAsistenciasHistory .content table thead th:nth-child(18), .AnalizarAsistenciasHistory .content table tbody td:nth-child(18) { min-width: 60px; max-width: 60px; } /* ANA42008 Headcount */ .AnalizarHeadcount .Headcount__main {} .AnalizarHeadcount .Headcount__main {} .AnalizarHeadcount .Headcount__main .__tab { position: relative; height: 100%; } .AnalizarHeadcount .Headcount__main .__tab .fixed-header { padding: 7px 0px 0px 10px; border-bottom: 1px solid #ccc; } .AnalizarHeadcount .Headcount__main .__tab .fixed-header md-input-container { margin-bottom: 3px; } .AnalizarHeadcount .Headcount__main .__tab .fixed-header md-input-container:nth-of-type(1) { width: 190px; margin-right: 12px; } .AnalizarHeadcount .Headcount__main .__tab .fixed-header md-input-container:nth-of-type(2) { width: 80px; } .AnalizarHeadcount .Headcount__main .manPowerList { position: relative; } .AnalizarHeadcount .Headcount__main .manPowerList .item { position: relative; } .AnalizarHeadcount .Headcount__main .manPowerList .item .toolbar { height: 44px; padding: 0 12px; font-size: 14px; color: #333; cursor: pointer; } .AnalizarHeadcount .Headcount__main .manPowerList .item:nth-child( odd ) .toolbar { background-color: gainsboro; } .AnalizarHeadcount .Headcount__main .manPowerList .item:nth-child( even ) .toolbar { background-color: silver; } .AnalizarHeadcount .Headcount__main .manPowerList .item .toolbar strong { font-family: 'Montserrat'; } .AnalizarHeadcount .Headcount__main .manPowerList .item .toolbar em { font-family: 'Syncopate'; font-style: normal; font-size: 84%; } .AnalizarHeadcount .Headcount__main .manPowerList .item md-content { height: 300px; } .AnalizarHeadcount .Headcount__main .manPowerList .item md-content > .inner { padding: 15px 0 0 15px; } .AnalizarHeadcount .Headcount__main .manPowerList .item md-content .colaborador { position: relative; width: 265px; height: 80px; margin: 0 10px 10px 0; border-radius: 7px; } .AnalizarHeadcount .Headcount__main .manPowerList .item md-content .colaborador.blank {} .AnalizarHeadcount .Headcount__main .manPowerList .item md-content .colaborador .avatar { position: relative; width: 80px; height: 100%; } .AnalizarHeadcount .Headcount__main .manPowerList .item md-content .colaborador .avatar img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: 80%; } .AnalizarHeadcount .Headcount__main .manPowerList .item md-content .colaborador .info { padding-top: 7px; font-size: 11px; font-family: Montserrat; } .AnalizarHeadcount .Headcount__main .manPowerList .item md-content .colaborador .info strong { font-size: 12px } /* REPORTE DIARIO */ .ReporteDiario .content { background: #fafafa !important; } .ReporteDiario .results-container { position: relative; width: 100%; padding: 0; } .ReporteDiario .results-container .md-subheader { border-bottom: 1px solid #ccc; } .ReporteDiario .results-container .md-subheader .custom { cursor: pointer; outline: none; } .ReporteDiario .results-container md-list-item { position: relative; padding: 0; height: 0; min-height: 0; transition: height 250ms ease-in-out, min-height 250ms ease-in-out; overflow: hidden; } .ReporteDiario .results-container md-list-item.visible { height: auto; border-bottom: 1px solid #ccc; } .ReporteDiario .results-container md-list-item .content { position: relative; width: 100%; height: 100%; padding: 5px 12px; } .ReporteDiario .results-container md-list-item .content.textarea { border: 1px solid #222; height: 222px; max-height: 222px; margin: 15px 30px; resize: none; /*overflow: hidden;*/ } .ReporteDiario .results-container table, .ReporteDiario .results-container th, .ReporteDiario .results-container td { border: 1px solid #ccc; border-collapse: collapse; } .ReporteDiario .results-container table { width: 100%; } .ReporteDiario .results-container th { text-transform: uppercase; } .ReporteDiario .results-container th, .ReporteDiario .results-container td { text-align: center; } /* INFORME DIARIO ANA42001 */ .InformeDiario .collapsable-contentainer {} .InformeDiario .collapsable-contentainer .customRow { height: 50px; } .InformeDiario .collapsable-contentainer > .customRow:first-child { border-bottom: 1.12px solid #d8d8d8; background: #50505899; min-height: 55px; } .InformeDiario .collapsable-contentainer > .customRow:first-child strong { font-size: 111%; text-align: center; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(1) { width: 3%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(2) { width: 3%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(3) { width: 5%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(4) { width: 16%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(5) { width: 8%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(6) { width: 8%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(7) { width: 8%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(8) { width: 8%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(9) { width: 8%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(10) { width: 8%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(11) { width: 8%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(12) { width: 8%; } .InformeDiario .collapsable-contentainer .customRow > *:nth-child(13) { width: 8%; } .InformeDiario .collapsable-contentainer md-list { padding: 0; } .InformeDiario .collapsable-contentainer md-list .producto {} .InformeDiario .collapsable-contentainer md-list .producto .md-subheader {} .InformeDiario .collapsable-contentainer md-list .producto .md-subheader .md-subheader-inner { width: 100%; padding: 0; font-family: 'Montserrat'; } .InformeDiario .collapsable-contentainer md-list .producto .md-subheader { border-bottom: 1.12px solid #d8d8d8; } /*.InformeDiario .collapsable-contentainer md-list .producto:not(:first-child) .md-subheader { border-top: 1.12px solid #d8d8d8; }*/ .InformeDiario .collapsable-contentainer md-list .producto .md-subheader .customRow { cursor: pointer; outline: none; } .InformeDiario .collapsable-contentainer md-list .producto md-list-item { position: relative; padding: 0; height: 0; min-height: 0; transition: height 250ms ease-in-out, min-height 250ms ease-in-out; overflow: hidden; } .InformeDiario .collapsable-contentainer md-list .producto md-list-item .md-list-item-inner { padding: 0 } .InformeDiario .collapsable-contentainer md-list .producto md-list-item.visible { height: auto; border-bottom: 1.12px solid #d8d8d8; background: #f2f2f2; } .InformeDiario .collapsable-contentainer md-list .producto md-list-item .md-secondary-container { position: absolute; margin: 0; padding: 0; display: none; } .InformeDiario .collapsable-contentainer md-list .producto md-list-item .content { position: relative; width: 100%; height: 100%; } .InformeDiario .collapsable-contentainer md-list .producto md-list-item .content md-content { /*background: #ddd !important;*/ } .InformeDiario .materialesList { padding: 0 20px; } .InformeDiario .materialesList .customList { padding: 5px 0; } .InformeDiario .materialesList .customList > * { margin: 4px 0; } .InformeDiario .materialesList .customList > * > * {} .InformeDiario .materialesList .customList > * > *:nth-child(1) { width: 25%; } .InformeDiario .materialesList .customList > * > *:nth-child(2) { width: 8%; } .InformeDiario .materialesList .customList > * > *:nth-child(3) { width: 6%; } .InformeDiario .materialesList .customList > * > *:nth-child(4) { width: 5%; } .InformeDiario .materialesList .customList > * > *:nth-child(5) { width: 7%; } .InformeDiario .materialesList .customList > * > *:nth-child(6) { width: 12%; } /* END */ /* SETTINGS */ #Settings { position: relative; } #Settings > .inner {} /* placeholder */ #Settings .gd-placeholder {} #Settings .gd-placeholder > .inner { text-align: center; } #Settings .gd-placeholder > .inner img { width: 180px; } #Settings .gd-placeholder > .inner img.big { width: 300px; } #Settings .gd-placeholder > .inner img.small { width: 100px; } #Settings .gd-placeholder > .inner div { font-family: 'VT323', monospace; font-size: 12px; width: 345px; color: #777; } #Settings .gd-placeholder > .inner p {} #Settings >.inner > .title, #Settings >.inner .title:nth-of-type(1) { padding: 0 16px; border-bottom: 1.12px solid #d8d8d8; background: #f5f5f5; color: #5B5858; height: 40px; /*font-family: 'Syncopate',sans-serif;*/ /*font-family: 'VT323', monospace; */ } #Settings >.inner > .header { padding: 0 16px; border-bottom: 1.12px solid #d8d8d8; background: #F2F2F2; color: #5B5858; height: 50px; z-index: 1; /*font-family: 'Syncopate',sans-serif;*/ /*font-family: 'VT323', monospace; */ } #Settings > .inner > .footer { padding: 0 16px; border-top: 1.12px solid #d8d8d8; background: #F2F2F2; color: #5B5858; height: 50px; font-family: 'Syncopate',sans-serif; } #Settings md-content { background: #f2f2f2; } /* Colaboradores */ #Settings .colaboradores-list { background: white } #Settings .colaboradores-list .rowOptions { position: relative; } #Settings .colaboradores-list .rowOptions { position: relative; } #Settings .colaboradores-list .rowOptions > * { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #Settings .colaboradores-list .rowOptions > * { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* Modelos de Trabajo */ #Settings .WorkModels__main {} #Settings .WorkModels__main .__tab { position: relative; height: 100%; overflow: hidden; } #Settings .WorkModels__main .pseudo-tabs {} #Settings .WorkModels__main .pseudo-tabs md-list-item { transition: background-color 200ms ease-out; } #Settings .WorkModels__main .pseudo-tabs md-list-item.selected { background-color: #f3731f; color: white; } #Settings .WorkModels__main .viewer {} #Settings .WorkModels__main .viewer form { padding: 10px 10px 10px 5px; width: 100%; height: 160%; } #Settings .WorkModels__main .viewer form .personal-container .md-chips .md-chip-input-container { width: 100%; } #Settings .WorkModels__main .viewer form fieldset { position: relative; height: 30%; } #Settings .WorkModels__main .viewer form fieldset:last-child { margin-bottom: 15px; } #Settings .WorkModels__main .viewer form fieldset .inner { position: absolute; top: 0; left: 0; padding-top: 12px; width: 100%; height: 100%; } #Settings .WorkModels__main .viewer form fieldset .inner .thead { border-bottom: 1px solid #ccc; font-size: 13px; color: teal; height: 40px; } #Settings .WorkModels__main .viewer form fieldset .inner .thead > * {} #Settings .WorkModels__main .viewer form fieldset .inner .thead > *:not(:last-child) { border-right: 1px solid #ccc; } #Settings .WorkModels__main .viewer form fieldset .inner .md-button.md-icon-button { padding: 0; } #Settings .WorkModels__main .viewer form fieldset .inner .tbody { overflow: hidden; } #Settings .WorkModels__main .viewer form fieldset .tbody .trow { height: 35px; border-bottom: 1px solid #ccc; } #Settings .WorkModels__main .viewer form fieldset .tbody .trow .cell { padding: 0 10px; } #Settings .WorkModels__main .viewer form fieldset .tbody .trow .cell:not(:last-child) { border-right: 1px solid #ccc } #Settings .WorkModels__main .viewer form fieldset .tbody .trow .cell.blank { width: 53px; padding: 0; } #Settings .WorkModels__main .viewer form fieldset .tbody .trow .cell input { outline: none; border: 1px solid #bbb; transition: border-color 200ms ease-in-out color 200ms ease-in-out; padding-left: 5px; background-color: gainsboro; } #Settings .WorkModels__main .viewer form fieldset .tbody .trow .cell input.ng-untouched { border-color: #bbb; color: #777; } #Settings .WorkModels__main .viewer form fieldset .tbody .trow .cell input.ng-invalid { color: red; border-color: red; } #Settings .WorkModels__main .viewer form fieldset .tbody .trow .cell input.ng-valid.ng-not-empty { color: teal; border-color: teal; } #Settings .WorkModels__main .viewer form fieldset legend { background: #ccc; color: chocolate; padding: 0 5px; font-size: 12px; } /* SetupKPI */ .Settings-KPISetup .pseudoTable { position: relative; padding: 5px; } .Settings-KPISetup .pseudoTable .column {} .Settings-KPISetup .pseudoTable > .column:first-child { min-width: 260px; width: 260px; max-width: 260px; } .Settings-KPISetup .pseudoTable .cell { border: 1px solid #222; padding: 1px 2px; min-height: 23px; max-height: 45px; } .Settings-KPISetup .pseudoTable .cell.input { height: 23px } .Settings-KPISetup .pseudoTable .cell.select { height: 45px; max-width: 350px; } .Settings-KPISetup .pseudoTable .cell.selected { background: red !important; } .Settings-KPISetup .pseudoTable .cell.selected > strong { color: white !important; } .Settings-KPISetup .pseudoTable .cell:not( :last-child ) { border-bottom: none; } .Settings-KPISetup .pseudoTable .cell > * {} .Settings-KPISetup .pseudoTable .cell md-select, .Settings-KPISetup .pseudoTable .cell input { margin: 0; padding: 0; border: none; width: 100%; height: 100%; text-align: center; } .Settings-KPISetup .pseudoTable .cell input { outline: none; } .Settings-KPISetup .pseudoTable .cell md-select {} .Settings-KPISetup .pseudoTable .cell.invisible { visibility: hidden; } /* Codigos de Paro */ #Settings .StopCodes__main {} #Settings .StopCodes__main .thead { color: tomato; border-bottom: 1px solid #ccc; } #Settings .StopCodes__main .thead .cell {} #Settings .StopCodes__main .thead .cell:not(:last-child) { border-right: 1px solid #ccc; } #Settings .StopCodes__main .thead .cell.action button, #Settings .StopCodes__main .tbody .trow .cell.action button { padding: 0; margin: 0; } #Settings .StopCodes__main .thead .cell.action md-icon { color: tomato; } #Settings .StopCodes__main .thead .cell:nth-of-type(1) {} #Settings .StopCodes__main .thead .cell:nth-of-type(2), #Settings .StopCodes__main .tbody .trow .cell:nth-of-type(2) { width: 215px } #Settings .StopCodes__main .tbody .trow .cell:nth-of-type(2) { padding: 0 10px; text-align: center; } #Settings .StopCodes__main .thead .cell:nth-of-type(3), #Settings .StopCodes__main .tbody .trow .cell:nth-of-type(3) { width: 100px } #Settings .StopCodes__main .thead .cell:nth-of-type(4), #Settings .StopCodes__main .tbody .trow .cell:nth-of-type(4) {} #Settings .StopCodes__main .tbody .trow .cell:nth-of-type(4) { padding: 0 20px 0 5px } #Settings .StopCodes__main .tbody {} #Settings .StopCodes__main .tbody md-input-container, #Settings .StopCodes__main .tbody md-select { margin: 0; } #Settings .StopCodes__main .tbody md-contend {} #Settings .StopCodes__main .tbody .trow { border-bottom: 1px solid #ccc; } #Settings .StopCodes__main .tbody .trow:nth-child(even) { background-color: white } #Settings .StopCodes__main .tbody .trow:nth-child(odd) { background-color: #f2f2f2 } #Settings .StopCodes__main .tbody .trow .cell {} #Settings .StopCodes__main .tbody .trow .cell:not(:last-child) { border-right: 1px solid #ccc; } #Settings .StopCodes__main .tbody .trow .cell.action md-icon {} #Settings .StopCodes__main .tbody .trow .cell:nth-of-type(1) {} /* Activos */ #Settings .Activos__main {} #Settings .Activos__main .__tab { position: relative; height: 100%; } #Settings .Activos__main .pseudoTable { position: relative; padding: 5px; } #Settings .Activos__main .pseudoTable button, #Settings .Activos__main .pseudoTable md-select, #Settings .Activos__main .pseudoTable md-input-container { margin: 0; } #Settings .Activos__main .pseudoTable md-checkbox { margin: 0; width: 20px; } #Settings .Activos__main .pseudoTable .column {} #Settings .Activos__main .pseudoTable > .column:first-child { min-width: 50px; width: 50px; max-width: 50px; } #Settings .Activos__main .pseudoTable > .column:nth-of-type( 2 ) { width: 88px; text-align: center; } #Settings .Activos__main .pseudoTable > .column:nth-of-type( 3 ) { width: 160px; text-align: center; } #Settings .Activos__main .pseudoTable .cell { border: 1px solid #222; padding: 1px 2px; height: 33px; overflow: hidden; } #Settings .Activos__main .pseudoTable .cell.has-input { padding-top: 22px; } #Settings .Activos__main .pseudoTable .cell:not(.action):first-child { padding: 0 10px; color: teal; } #Settings .Activos__main .pseudoTable .cell:not( :last-child ) { border-bottom: none; } #Settings .Activos__main .pseudoTable .cell > * { white-space: nowrap; } #Settings .Activos__main .pseudoTable .cell.invisible { visibility: hidden; } #Settings .Activos__main .pseudoTable .row { height: 23px; margin-left: 0; } #Settings .Activos__main .pseudoTable #scroller { } /* Directivas Almacenes */ .Settings-StorageDirectives form .avatar-input .inner { border-radius: 0; } #StorageDirectives { position: relative; } #tree-finder { border-top: 1px solid #7986cb; border-bottom: 1px solid #7986cb; font-size: 90%; padding: 0 15px; } #tree-finder md-input-container { margin: 0 } #tree-finder md-input-container .md-errors-spacer { display: none } #tree-container { position: relative; width: 350px; border-right: 1px solid #c7c7c7; } #tree-root { position: relative; background: transparent !important; font-family: 'Montserrat'; } #tree-root .Negocio_node { font-size: 100%; } #tree-root .Almacen_node { font-size: 95%; } #tree-root .Ubicacion_node { font-size: 90% } #tree-root .tree-node-content { padding-left: 7px; height: 40px; cursor: pointer; outline: none; } #tree-root .tree-node-content * { outline: none; } #tree-root .tree-node-content .icon { margin-right: 3px; } #tree-root .tree-node-content .text {} #tree-root .tree-node-content .options { position: relative; width: 30px; } #tree-root .tree-node-content .options > * { position: absolute; left: 30px; top: 0; transform: translate(-100%, 0px); height: 40px; } .angular-ui-tree-placeholder { background: #f0f9ff; border: 2px dashed #bed2db; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #StorageDirectives .main-container { position: relative; } #StorageDirectives .main-container > md-content { width: 100%; background: white !important; padding: 10px; font-family: 'Montserrat'; } #StorageDirectives .main-container > md-content md-select { min-width: 100px; } #StorageDirectives .list-container { height: 170px; border: 1px solid #505058; border-radius: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; } #StorageDirectives .users-list { margin: 10px 0; } #StorageDirectives .areas-list, #StorageDirectives .pileOne-list { margin-bottom: 10px; } #StorageDirectives .list-container > md-content { border-radius: 5px; background: #f1f1f1; } #StorageDirectives .list-container md-list { padding: 0 } #StorageDirectives .list-container md-list-item:nth-child( odd ) {} #StorageDirectives .list-container md-list-item:nth-child( even ) { background: white; } #StorageDirectives .list-container md-list-item .md-list-item-inner { padding-left: 6px; } #StorageDirectives .user-list {} #StorageDirectives .list-container md-list-item p {} #StorageDirectives .main-container .multiOptions { width: 55px; /*position: absolute;*/ /*transform: translateX(155px);*/ } #StorageDirectives .main-container .multiOptions__content { padding: 16px 0px 2px 15px; border-radius: 22px; } #StorageDirectives .main-container .multiOptions.status { } #StorageDirectives .main-container .multiOptions.actions { } #StorageDirectives .main-container .multiOptions.status .multiOptions__content { margin-left: 200px; /* 70*/ width: 630px; } #StorageDirectives .main-container .multiOptions.actions .multiOptions__content { margin-left: 300px; /* 140*/ width: 560px; } #StorageDirectives .list-container md-list-item:nth-child( odd ) .multiOptions__content { background:white; } #StorageDirectives .list-container md-list-item:nth-child( even ) .multiOptions__content { background: whitesmoke; } /* DIALOGS */ /* Colaborador */ #ColaboradorForm {} #ColaboradorForm .md-chips .md-chip-input-container { width: 100%; margin-right: 0; } #ColaboradorForm .md-chips md-chip { margin: 0; } /* end */ /* EstudioForm */ #EstudioForm .wizard h2 { display: none; } #EstudioForm .wizard .steps-indicator { position: fixed; top: 49px; background: white; height: 55px; z-index: 100; } #EstudioForm .wizard .steps { margin-top: 55px; height: calc(100% - 55px); } #EstudioForm .wizard .steps > section { border-top: 1px solid #e8e8e8 } #EstudioForm .wizard form { width: 100%; } #EstudioForm .wizard :not(.variable.step) form > div { border-bottom: 1px solid #e8e8e8; } #EstudioForm .wizard form > div:last-child { border-bottom: none; } /* INICIO STEP */ #EstudioForm .inicio.step .gralInfo { padding: 16px 16px 0; } /* MEMBERS STEP */ #EstudioForm .members.step {} #EstudioForm .members.step .addMembers { padding: 16px; } /* AUTOCOMPLETE */ #EstudioForm .members.step .addMembers md-autocomplete { background: #f5f5f5; } #EstudioForm .members.step .addMembers md-autocomplete md-autocomplete-wrap { box-shadow: none } .users-autocomplete-template li { border-bottom: 1px solid #ccc; height: auto; padding-top: 8px; padding-bottom: 8px; white-space: normal; } .users-autocomplete-template li:last-child { border-bottom-width: 0; } .users-autocomplete-template .person {} .users-autocomplete-template .person .avatar { width: 40px; height: 40px; border-radius: 50%; margin-right: 6px; } .users-autocomplete-template .person .name {} .users-autocomplete-template .person .name .highlight { color: #000; font-weight: bolder; } /* END */ #EstudioForm .members.step md-tabs-content-wrapper, #EstudioForm .members.step md-tabs.md-dynamic-height md-tab-content.md-active { height: 100%; } #EstudioForm .members.step .listMembers { height: 100%; } #EstudioForm .members.step .listMembers .placeholder { height: 215px; font-family: 'VT323', monospace; font-size: 15px; } #EstudioForm .members.step .listMembers .placeholder > .bg { width: 150px; height: 150px; border-radius: 50%; background-repeat: no-repeat; background-position: center; background-size: contain; background: url(../img/membersList-placeholder.png); } #EstudioForm .members.step .listMembers .placeholder > .desc { max-width: 270px; text-align: center; color: #777; } /* PLANNING STEP*/ #EstudioForm .plannin.step .inicio { padding-right: 16px; } #EstudioForm .plannin.step .deadline { padding: 0 16px; } #EstudioForm .plannin.step .frecuencia { padding: 0 16px; margin-bottom: 16px } #EstudioForm .plannin.step .frecuencia .customFrecuencyPanel { margin-top: 16px } #EstudioForm .plannin.step .frecuencia .customFrecuencyPanel md-input-container { margin: 0 } #EstudioForm .plannin.step .frecuencia .customFrecuencyPanel md-input-container .md-errors-spacer { display: none } #EstudioForm .plannin.step .frecuencia .customFrecuencyPanel md-input-container.num input { text-align: center; width: 44px; background: #f5f5f5; } #EstudioForm .plannin.step .frecuencia .customFrecuencyPanel md-input-container>md-select { background: #f5f5f5; } #EstudioForm .plannin.step .frecuencia .customFrecuencyPanel .intervalDaysPicker { width: 250px; margin-left: 6px; } #EstudioForm .plannin.step .frecuencia .customFrecuencyPanel .intervalDaysPicker .option { position: relative; width: 33px; height: 33px; background: #f5f5f5; color: #222; border-radius: 50%; line-height: 33px; text-align: center; cursor: pointer; transition: all 220ms ease-out ; outline: none; min-width: 33px; max-width: 33px; min-height: 33px; max-height: 33px; margin: 0; } .desktop #EstudioForm .plannin.step .frecuencia .customFrecuencyPanel .intervalDaysPicker .option:hover, #EstudioForm .plannin.step .frecuencia .customFrecuencyPanel .intervalDaysPicker .option.active { background: #4285f4; color: white; } #EstudioForm .plannin.step .deadline .controls { padding-left: 10px } #EstudioForm .plannin.step .deadline md-radio-button { padding: 7px 0; margin: 0; } #EstudioForm .plannin.step .deadline .displayEndDate { position: absolute; top: 50%; margin-top: -12px; left: 0; height: 24px; width: 120px; background: #f5f5f5; color: rgba(0,0,0,0.38); cursor: pointer; line-height: 24px; padding: 0 6px; outline: none; transition: color 250ms; } #EstudioForm .plannin.step .deadline .displayEndDate.active { color: #222; } #EstudioForm .plannin.step .deadline .displayEndDate.invalid { border: 1px solid red; } #EstudioForm .plannin.step .deadline .displayMaxOccurrences { height: 24px; width: 120px; background: #f5f5f5; color: rgba(0,0,0,0.38); cursor: pointer; line-height: 24px; padding: 0 6px; transition: color 250ms; } #EstudioForm .plannin.step .deadline .displayMaxOccurrences.active { color: #222; } #EstudioForm .plannin.step .deadline .displayMaxOccurrences input { background: transparent; height: 100%; width: 33px; line-height: 24px; border: none; outline: none; } #EstudioForm .plannin.step .deadline .displayMaxOccurrences span {} /* SUJETOS STEP */ #EstudioForm .sujetos.step {} #EstudioForm .sujetos.step > .inner {} #EstudioForm .sujetos.step md-tabs-content-wrapper { height: calc( 100% - 50px ) !important } #EstudioForm .sujetos.step md-tabs md-tab-content { height: 100%; } #EstudioForm .sujetos.step strong { font-weight: 900; color: #777; } #EstudioForm .sujetos.step > .inner md-content { height: 100%; background: transparent; } #EstudioForm .sujetos.step .productSearcher { padding: 5px 10px; margin: 3px 0; border-bottom: 1px solid #ccc; } #EstudioForm .sujetos.step .productSearcher md-icon { margin: 0; } #EstudioForm .sujetos.step .productSearcher input { border: none; border-bottom: 1px solid #222; outline: none; } /* list */ #EstudioForm .sujetos.step .list-container { background: white; min-height: 246px; /*max-height: 246px;*/ border-right: 1px solid #e8e8e8; } #EstudioForm .sujetos.step .list-container md-list { padding: 0 } #EstudioForm .sujetos.step md-list-item { border-bottom: 1.12px solid #e8e8e8; } #EstudioForm .sujetos.step .list-container md-list-item.editting { background: #e8e8e8 } #EstudioForm .sujetos.step .list-container md-list-item strong { color: #777; } #EstudioForm .sujetos.step .list-container .placeholder { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-family: 'VT323', monospace; font-size: 15px; max-width: 270px; } #EstudioForm .sujetos.step .list-container .placeholder > img { width: 150px; height: 150px; border-radius: 50%; } #EstudioForm .sujetos.step .list-container .placeholder > .desc { padding-top: 6px; text-align: center; color: #777; } /* searcher */ #EstudioForm .sujetos.step .searcher { height: 100%; } #EstudioForm .sujetos.step .searcher > .inner { height: 100% } #EstudioForm .sujetos.step .searcher .md-chips { padding: 0.8px 0 0 10px; } #EstudioForm .sujetos.step .searcher .md-chips md-chip { margin-top: 15.2px; } #EstudioForm .sujetos.step .searcher .md-chips .md-chip-input-container { margin-right: 0; width: 100%; } #EstudioForm .sujetos.step .searcher .list { background: transparent; /*max-height: 198px;*/ } #EstudioForm .sujetos.step .searcher .list md-list { padding: 1px 0 } #EstudioForm .sujetos.step .productSearcher .helpIcon { position: absolute; top: 10px; right: 40px; cursor: help; } /* EXTRAS */ #EstudioForm .sujetos.step .extras { height: 100%; /*max-height: 246px;*/ } #EstudioForm .sujetos.step .extras .md-chips { padding: 0 0 16px 10px; } /* VARIABLES STEP */ #EstudioForm .variable.step { min-height: 100%; } #EstudioForm .variable.step > .inner { position: relative; } #EstudioForm .variable.step md-card { position: relative; width: 229px; border: 2px solid transparent; border-radius: 3px; cursor: pointer; transition: all 250ms ease-in-out; outline: none; overflow: hidden; } #EstudioForm .variable.step md-card:hover { border-color: #3f51b5; } #EstudioForm .variable.step md-card-content, #EstudioForm .variable.step md-card-title { text-align: center; } #EstudioForm .variable.step form { position: relative; width: 0; height: 0; overflow: hidden; transition: all 250ms ease-in-out; z-index: 400; background: white; } #EstudioForm .variable.step form.visible { width: 100%; height: 100%; } #EstudioForm .variable.step form strong.expand { text-align: center; color: white; background: #3f51b5; border-radius: 5px; margin: 0 16px; } #EstudioForm .variable.step form .inner.dicotomica { position: relative; overflow: hidden; height: 150px; } #EstudioForm .variable.step form .inner.dicotomica::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 200%; height: 2px; background: #e8e8e8; } /* end */ /* ContenedoresNBOO */ #ContenedorNBOForm {} #ContenedorNBOForm .marker {} #ContenedorNBOForm .marker .md-errors-spacer { display: none } #ContenedorNBOForm .marker span { order: 2; text-align: center; vertical-align: middle; padding: 0 3px; font-weight: 700; font-family: 'Montserrat'; } #ContenedorNBOForm .masterField { margin-bottom: 15px } #ContenedorNBOForm .masterField.enabled { margin-bottom: 0 } #ContenedorNBOForm .masterField md-checkbox { margin: 0; } /* END */ /* END */ /* COLABORADORES */ /* END */ /* NBOO */ /* clientesNBO-list */ .clientesNBO-list { background: white !important } .clientesNBO-list md-card { width: 265px; } .clientesNBO-list md-card md-card-content { position: relative; padding: 0; min-height: 83px; } .clientesNBO-list md-card md-card-content > .inner { padding: 5px; } .clientesNBO-list md-card md-card-content .img-container { position: relative; width: 55px; min-width: 55px; overflow: hidden; } .clientesNBO-list md-card md-card-content .img-container img { position: absolute; width: 95%; height: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); } .clientesNBO-list md-card md-card-content .title { font-family: 'montserrat'; padding-left: 7px; } .clientesNBO-list md-card md-card-content .title strong { font-size: 23px; letter-spacing: 1.5px; } .clientesNBO-list md-card md-card-content .title div { font-size: 14px; word-break: break-word; } .clientesNBO-list md-card md-card-actions { border-top: 1px solid #b8b8b8; margin: 0; padding-left: 5px; font-family: 'montserrat'; font-size: 11px; font-style: italic; } .clientesNBO-list md-card md-card-actions button { margin: 0 !important; padding: 0 !important; } /* Dialogs */ /* EDIDetails */ #EDIDetails {} #EDIDetails .header { padding: 16px; padding-bottom: 0; background: lightgoldenrodyellow; border-bottom: 1px solid #ccc; padding-right: 142px; } #EDIDetails .header .rivianType { background: white; border: 1px solid #aaa; position: absolute; width: 142px; height: 142px; right: 0; top: 48px; font-size: 55px; } #EDIDetails md-dialog-content { padding-top: 15px; } #EDIDetails .loop { padding: 0 7px; padding-bottom: 15px; margin: 0 7px; padding-top: 5px; border: 1px solid #ccc; border-radius: 7px; background: whitesmoke; } #EDIDetails .loop:not(:last-child) { margin-bottom: 30px; } #EDIDetails .loop table { width: 100%; } #EDIDetails table, #EDIDetails th, #EDIDetails td { border: 1px solid black; } #EDIDetails th, #EDIDetails td { text-align: center; } #EDIDetails .loop:nth-child(odd) { } #EDIDetails .loop:nth-child(even) {} #EDIDetails .LIN-details {} #EDIDetails strong { font-size: 105%; color: rgb(63,81,181); } #EDIDetails .LIN-details .content {} #EDIDetails .LIN-details .footer {} #EDIDetails .LIN-details .footer > p:not(:last-child) { margin-bottom: 3px; } /* GenerarANSIOrden */ #GenerarANSIOrden {} #GenerarANSIOrden .md-dialog-content {} #GenerarANSIOrden .labelholder { font-family: 'Montserrat'; font-weight: 900; color: rgba(0,0,0,0.38); font-size: 13px; } #GenerarANSIOrden form.ng-submitted .has-error { color: rgb(221,44,0); } #GenerarANSIOrden .cliente { position: relative; width: 33%; max-width: 250px; margin-top: 16px; } #GenerarANSIOrden .cliente .labelholder { position: absolute; top: -20px; left: 0; } #GenerarANSIOrden .cliente .img { width: 90%; } #GenerarANSIOrden .cliente img { width: 100%; height: auto; } #GenerarANSIOrden .cliente strong { font-family: 'Montserrat'; font-size: 115%; } #GenerarANSIOrden .cliente ~ .controls { margin-left: 20px; } #GenerarANSIOrden .time-picker {} #GenerarANSIOrden .time-picker md-input-container { margin: 0 !important; } #GenerarANSIOrden .time-picker .time-colon { top: 10px; } #GenerarANSIOrden .time-picker .md-button.md-icon-button { padding: 8px; } /* GenerarFacturaOrden */ #GenerarFacturaOrden {} #GenerarFacturaOrden .md-dialog-content {} #GenerarFacturaOrden .labelholder { font-family: 'Montserrat'; font-weight: 900; color: rgba(0,0,0,0.38); font-size: 13px; } #GenerarFacturaOrden form.ng-submitted .has-error { color: rgb(221,44,0); } #GenerarFacturaOrden .cliente { position: relative; width: 33%; max-width: 250px; margin-top: 16px; } #GenerarFacturaOrden .cliente .labelholder { position: absolute; top: -20px; left: 0; } #GenerarFacturaOrden .cliente .img { width: 90%; } #GenerarFacturaOrden .cliente img { width: 100%; height: auto; } #GenerarFacturaOrden .cliente strong { font-family: 'Montserrat'; font-size: 115%; } #GenerarFacturaOrden .cliente ~ .controls { margin-left: 20px; } #GenerarFacturaOrden .time-picker {} #GenerarFacturaOrden .time-picker md-input-container { margin: 0 !important; } #GenerarFacturaOrden .time-picker .time-colon { top: 10px; } #GenerarFacturaOrden .time-picker .md-button.md-icon-button { padding: 8px; } #GenerarFacturaOrden .floating-label { position: absolute; left: 7px; margin-top: 5px; color: gray; } /* END */ /* CamionForm */ #CamionNBOForm {} #CamionNBOForm table, #CamionNBOForm th, #CamionNBOForm td { border: 1px solid #ccc; border-collapse: collapse; } #CamionNBOForm table th { text-align: center; color: #a7a7a7; } #CamionNBOForm table td { text-align: center; } #CamionNBOForm table tr.isEditing { background: rgb(255,138,101) } /* ProductosForm */ #ProductoNBOForm {} #ProductoNBOForm table, #ProductoNBOForm th, #ProductoNBOForm td { border: 1px solid #ccc; border-collapse: collapse; } #ProductoNBOForm table td { text-align: center; } #ProductoNBOForm table th { text-align: center; padding: 0 5px; } #ProductoNBOForm table tr.isEditing { background: rgb(255,138,101) } /* individual label */ #ProductoNBOForm .labels {} #ProductoNBOForm .labels .radioBtns { padding: 10px 20px; } #ProductoNBOForm .labels md-content { background: white; padding: 10px 20px; } #ProductoNBOForm .labels md-content > *{} /* BOM */ #ProductoNBOForm .BOM { position: relative; } #ProductoNBOForm .BOM table th { text-align: center; color: #a7a7a7; mix-blend-mode: color-burn; padding: 0 5px; } #ProductoNBOForm .BOM .pseudo-tabs .md-button.md-raised { box-shadow: none; border-radius: 0; } #ProductoNBOForm .BOM .pseudo-tabs { position: relative; } #ProductoNBOForm .BOM .pseudo-tabs button { min-width: 55px; } #ProductoNBOForm .BOM .pseudo-tabs > * { margin: 0 } #ProductoNBOForm .BOM .viewer { position: relative; border-right: 1px solid #ddd; } #ProductoNBOForm .BOM .viewer .gd-placeholder { font-size: 10px; text-align: center; } #ProductoNBOForm .BOM .viewer .gd-placeholder img { width: 45%; } #ProductoNBOForm .BOM .viewer .mini-form { position: relative; transition: background-color 250ms ease-out; width: 100%; padding: 15px 10px; } #ProductoNBOForm .BOM .viewer .mini-form .header {} #ProductoNBOForm .BOM .viewer .mini-form .header > * { margin-bottom: 0 } #ProductoNBOForm .BOM .viewer .mini-form md-list { padding: 0; font-family: 'montserrat'; font-size: 115%; border-top: 1.12px solid #222; border-bottom: 1.12px solid #222; margin: 11px 0; } #ProductoNBOForm .BOM .viewer .mini-form #checkBox { position: absolute; width: 200px; font-size: 90%; left: 288px; top: 118px; } #ProductoNBOForm .BOM .viewer .mini-form #checkBox md-checkbox { margin:0; } #ProductoNBOForm .BOM .viewer .mini-form md-list-item { padding: 0; width: 280px; } #ProductoNBOForm .BOM .viewer .mini-form .pseudo-form { position: relative; overflow: hidden; transition: height 250ms ease-in-out; height: 0; } #ProductoNBOForm .BOM .viewer .mini-form .pseudo-form.visible { height: auto; } #ProductoNBOForm .BOM .viewer .mini-form .pseudo-form .control-container {} #ProductoNBOForm .BOM .viewer .mini-form .records { font-family: 'montserrat'; } #ProductoNBOForm .BOM .viewer .mini-form .records thead { font-size: 88%; } #ProductoNBOForm .BOM .viewer .mini-form .records tbody { font-size: 80%; } #ProductoNBOForm .md-button.md-raised.BOM-I, #ProductoNBOForm .BOM-I-color { background-color: cadetblue } #ProductoNBOForm .md-button.md-raised.BOM-II, #ProductoNBOForm .BOM-II-color { background-color: chocolate } #ProductoNBOForm .md-button.md-raised.BOM-III, #ProductoNBOForm .BOM-III-color { background-color: cornflowerblue } #ProductoNBOForm .md-button.md-raised.BOM-IV, #ProductoNBOForm .BOM-IV-color { background-color: crimson } #ProductoNBOForm .md-button.md-raised.BOM-V, #ProductoNBOForm .BOM-V-color { background-color: darkgray } #ProductoNBOForm .BOM .viewer .mini-form md-content { height: calc( 100% - 86px - 86px ); background-color: transparent; } /* ROUTING & VERSIONS */ #ProductoNBOForm .routing, #ProductoNBOForm .version { position: relative; } #ProductoNBOForm .gd-placeholder { font-size: 10px; text-align: center; font-family: 'Montserrat' } #ProductoNBOForm .gd-placeholder img { width: 100px } /* TABLE */ #ProductoNBOForm .routing table { width: 100%; } #ProductoNBOForm .routing table.fixed_header { table-layout: fixed; height: 100%; } #ProductoNBOForm .routing table .md-button.md-icon-button { padding: 0; } #ProductoNBOForm .routing table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; height: 40px; } #ProductoNBOForm .routing table th { padding: 0 2.5px; } #ProductoNBOForm .routing table thead md-icon{ color: #FF5722; } #ProductoNBOForm .routing table thead > * { overflow: hidden } #ProductoNBOForm .routing table thead th:nth-child(1), #ProductoNBOForm .routing table tbody td:nth-child(1) { min-width: 55px; max-width: 55px; width: 55px; } #ProductoNBOForm .routing table thead th:nth-child(2), #ProductoNBOForm .routing table tbody td:nth-child(2) { min-width: 45px; max-width: 45px; width: 45px; } #ProductoNBOForm .routing table thead th:nth-child(3), #ProductoNBOForm .routing table tbody td:nth-child(3) { min-width: 100px; max-width: 100px; width: 100px; } #ProductoNBOForm .routing table thead th:nth-child(4), #ProductoNBOForm .routing table tbody td:nth-child(4) { min-width: 180px; max-width: 180px; width: 180px; } #ProductoNBOForm .routing table thead th:nth-child(5), #ProductoNBOForm .routing table tbody td:nth-child(5) { min-width: 90px; max-width: 90px; width: 90px; } #ProductoNBOForm .routing table thead th:nth-child(6), #ProductoNBOForm .routing table tbody td:nth-child(6) { min-width: 86px; max-width: 86px; width: 86px; } #ProductoNBOForm .routing table thead th:nth-child(7), #ProductoNBOForm .routing table tbody td:nth-child(7) { min-width: 95px; max-width: 95px; width: 95px; } #ProductoNBOForm .routing table thead th:nth-child(8), #ProductoNBOForm .routing table tbody td:nth-child(8) { min-width: 96px; max-width: 96px; width: 96px; } #ProductoNBOForm .routing table thead th:nth-child(9), #ProductoNBOForm .routing table tbody td:nth-child(9) { min-width: 101px; max-width: 101px; width: 101px; } #ProductoNBOForm .routing table thead th:nth-child(10), #ProductoNBOForm .routing table tbody td:nth-child(10) { min-width: 110px; max-width: 110px; width: 110px; } #ProductoNBOForm .routing table.fixed_header thead tr { display: block; } #ProductoNBOForm .routing table tbody { width: 100%; height: 100%; overflow: auto; } #ProductoNBOForm .routing table.fixed_header tbody { display:block; } #ProductoNBOForm .routing table tbody tr {} #ProductoNBOForm .routing table tbody tr td { overflow: hidden; } #ProductoNBOForm .routing table tbody tr .cell.control { padding: 0 0px; } #ProductoNBOForm .routing table tbody tr .cell input.ng-untouched { border-color: transparent; color: #777; } #ProductoNBOForm .routing table tbody tr .cell input.ng-invalid { color: red; border-color: red; } #ProductoNBOForm .routing table tbody tr .cell input.ng-valid.ng-not-empty { color: #3f51b5; border-color: #3f51b5; } #ProductoNBOForm .routing table tbody tr .cell md-select { margin: 0; } #ProductoNBOForm .routing table tbody tr .cell input { outline: none; border: none; transition: border-color 200ms ease-in-out, color 200ms ease-in-out; text-align: center; } /* pseudo-table */ #ProductoNBOForm .table-wraper { position: absolute; top: 0; left: 0; padding-top: 0px; } #ProductoNBOForm .table-wraper .thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; height: 40px; } #ProductoNBOForm .table-wraper .thead md-icon{ color: #FF5722; } #ProductoNBOForm .table-wraper .thead > * { overflow: hidden } #ProductoNBOForm .table-wraper .thead > *:not(:last-child) { border-right: 1px solid #ccc; } #ProductoNBOForm .table-wraper .md-button.md-icon-button { padding: 0; } #ProductoNBOForm .table-wraper .tbody {} #ProductoNBOForm .table-wraper .tbody .trow { height: 35px; border-bottom: 1px solid #ccc; } #ProductoNBOForm .table-wraper .tbody .trow .cell { padding: 0 10px; overflow: hidden; } #ProductoNBOForm .table-wraper .tbody .trow .cell:not(:last-child) { border-right: 1px solid #ccc } #ProductoNBOForm .table-wraper .tbody .trow .cell.blank { width: 53px; padding: 0; } #ProductoNBOForm .table-wraper .tbody .trow .cell input.ng-untouched { border-color: #bbb; color: #777; } #ProductoNBOForm .table-wraper .tbody .trow .cell input.ng-invalid { color: red; border-color: red; } #ProductoNBOForm .table-wraper .tbody .trow .cell input.ng-valid.ng-not-empty { color: #3f51b5; border-color: #3f51b5; } #ProductoNBOForm .table-wraper .tbody .trow .cell md-select { margin: 0; } /* ROUTING */ #ProductoNBOForm .routing .table-wraper .tbody .trow .cell input { outline: none; border: 1px solid #bbb; transition: border-color 200ms ease-in-out color 200ms ease-in-out; padding-left: 5px; } #ProductoNBOForm .routing .table-wraper .thead > *:nth-of-type(2), #ProductoNBOForm .routing .table-wraper .trow > *:nth-of-type(2) { width: 90px; } #ProductoNBOForm .routing .table-wraper .thead > *:nth-of-type(5), #ProductoNBOForm .routing .table-wraper .trow > *:nth-of-type(5) { width: 140px; } #ProductoNBOForm .routing .table-wraper .cell.control { width: 195px; } /* VERSIONS */ #ProductoNBOForm .versions .table-wraper .thead > *:nth-of-type(2), #ProductoNBOForm .versions .table-wraper .trow > *:nth-of-type(2) { width: 90px; } #ProductoNBOForm .versions .table-wraper .thead > *:nth-of-type(3), #ProductoNBOForm .versions .table-wraper .trow > *:nth-of-type(3) { width: 150px; } #ProductoNBOForm .versions .table-wraper .thead > *:nth-of-type(4), #ProductoNBOForm .versions .table-wraper .trow > *:nth-of-type(4) { width: 150px; } #ProductoNBOForm .versions .table-wraper .thead > *:nth-of-type(6), #ProductoNBOForm .versions .table-wraper .trow > *:nth-of-type(6) { width: 150px; } #ProductoNBOForm .versions .table-wraper .thead > *:nth-of-type(7), #ProductoNBOForm .versions .table-wraper .trow > *:nth-of-type(7) { width: 380px; } #ProductoNBOForm .versions .table-wraper .thead > *:nth-of-type(8), #ProductoNBOForm .versions .table-wraper .trow > *:nth-of-type(8) { width: 90px; } #ProductoNBOForm .versions .table-wraper .tbody .trow .cell :not(md-input-container) input { outline: none; border: 1px solid #bbb; transition: border-color 200ms ease-in-out color 200ms ease-in-out; padding-left: 5px; } #ProductoNBOForm .versions .table-wraper md-input-container { margin: 0; padding: 0; padding-top: 21px; } /* Ordenes de Carga List */ .ordenesDeCargaNBOO-list {} .ordenesDeCompraNBOO-list {} .ordenesDeCargaNBOO-list .rowOptions { position: relative; } .ordenesDeCompraNBOO-list .rowOptions { position: relative; } .ordenesDeCargaNBOO-list .rowOptions > * { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .ordenesDeCompraNBOO-list .rowOptions > * { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* Scan Params */ .ScanParams {} .ScanParams md-content { background: white !important } .ScanParams .labelholder { font-size: 113%; font-family: 'Montserrat'; margin-bottom: 4px; } .scanParams-form .takeFrom_error { font-size: 12px; color: rgb(221,44,0); margin-top: 6px; display: none; } .scanParams-form.ng-submitted .takeFrom_error { display: initial; } .scanParams-form.ng-submitted .labelholder.has-error { color: rgb(221,44,0); } .ScanParams .titleholder { background: #f2f2f2; font-family: 'Montserrat'; font-size: 140%; padding: 11px 0; text-align: center; } .scanParams-content { background: white; padding-bottom: 10px; } .clientes-list {} .clientes-list md-list-item { border-bottom: 1px solid #c7c7c7 } .clientes-list md-list-item:nth-child( odd ) {} .clientes-list md-list-item:nth-child( even ) { background: #f2f2f2 } .clientes-list md-list-item md-switch.padding { padding-right: 58px; } /* Scan NBOO */ .EscanearNBOO {} .EscanearNBOO .rowOptions { position: relative; } .EscanearNBOO .rowOptions > * { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .EscanearNBOO table { font-family: 'Montserrat'; } .EscanearNBOO table thead { font-size: 85%; } .EscanearNBOO table tbody { font-size: 75%; } .EscanearNBOO table td { padding-left: 0 !important; padding-right: 0 !important; } .EscanearNBOO table .itemCell { max-width: 150px; padding-left: 3px !important; } .EscanearNBOO table .itemCell.gt-xs { width: 220px; } .EscanearNBOO table .itemCell .avatar { min-width: 33px; min-height: 33px; max-width: 33px; max-height: 33px; } .EscanearNBOO table .itemCell img { width: 100%; height: auto; } .EscanearNBOO table .itemCell strong { font-size: 115%; } .EscanearNBOO table .itemCell span { font-size: 80%; text-align: left; } .EscanearNBOO .labelholder { font-family: 'Montserrat'; font-weight: 900; color: rgba(0,0,0,0.38); font-size: 13px; } .EscanearNBOO .valueholder { font-size: 13px; color: #e91e63; padding-left: 6px; } .EscanearNBOO .escaner-form {} .EscanearNBOO .escaner-form .fixed_header { padding: 8px 6px 6px; border-bottom: 1.12px solid #d8d8d8; } .EscanearNBOO .escaner-form .fixed_header .ordenCamion { font-family: 'Montserrat'; padding-left: 2px; } .EscanearNBOO .escaner-form .fixed_header .cliente { position: relative; padding-top: 15px; max-width: 45%; } .EscanearNBOO .escaner-form .fixed_header .cliente span { position: absolute; top: -6px; left: 0; } .EscanearNBOO .escaner-form .fixed_header .cliente strong { font-family: 'Montserrat'; font-size: 10px; } .EscanearNBOO .escaner-form .fixed_header .cliente .img { position: relative; width: 80%; max-width: 150px; } .EscanearNBOO .escaner-form .fixed_header .cliente img { width: 100%; height: auto; } .EscanearNBOO .escaner-form .fixed_header .scanField { margin: 15px 0 0 0; } .EscanearNBOO .escaner-form .fixed_header .scanField .md-errors-spacer, .EscanearNBOO .escaner-form .fixed_header .placasField .md-errors-spacer { display: none !important } .EscanearNBOO .escaner-form .tab_container {} .EscanearNBOO .escaner-form .foot { padding: 0 16px; border-top: 1.12px solid #d8d8d8; background: #f5f5f5; color: #5B5858; height: 40px; } .EscanearNBOO .escaner-form .foot * { font-size: 22px; /* font-family: 'Syncopate',sans-serif; */ font-family: 'VT323', monospace; } /* Ordenes de Carga Form */ #OrdenDeCargaNBOOForm {} #OrdenDeCargaNBOOForm .md-dialog-content { overflow-x: hidden; } #OrdenDeCargaNBOOForm strong { color: #a7a7a7 } #OrdenDeCargaNBOOForm .cliente-container { margin-right: 22px; } #OrdenDeCargaNBOOForm .cliente-container .img-container { width: 111px; } #OrdenDeCargaNBOOForm .img-container img { width: 95%; height: auto; display: block; margin: 0 auto; } #OrdenDeCargaNBOOForm .cliente-container md-select { margin: 0; margin-top: 5px; } #OrdenDeCargaNBOOForm .camion-container {} #OrdenDeCargaNBOOForm .camion-container .img-container { width: 95px; } #OrdenDeCargaNBOOForm .product-list {} #OrdenDeCargaNBOOForm table, #OrdenDeCargaNBOOForm th, #OrdenDeCargaNBOOForm td { border: 1px solid #ccc; border-collapse: collapse; } #OrdenDeCargaNBOOForm .product-list table th { text-align: center; color: #a7a7a7; } #OrdenDeCargaNBOOForm .product-list table td { text-align: center; } #OrdenDeCargaNBOOForm table tr.isEditing { background: rgb(255,138,101) } #OrdenDeCargaNBOOForm md-input-container:not(.md-input-has-value) input:not(:focus) { color: inherit; } /* Ordenes de Compra Form */ #OrdenDeCompraNBOOForm {} #OrdenDeCompraNBOOForm .md-dialog-content { overflow-x: hidden; } #OrdenDeCompraNBOOForm strong { color: #a7a7a7 } #OrdenDeCompraNBOOForm .proveedor-container { margin-right: 22px; } #OrdenDeCompraNBOOForm .proveedor-container .img-container { width: 111px; } #OrdenDeCompraNBOOForm .img-container img { width: 95%; height: auto; display: block; margin: 0 auto; } #OrdenDeCompraNBOOForm .proveedor-container md-select { margin: 0; margin-top: 5px; } #OrdenDeCompraNBOOForm .camion-container {} #OrdenDeCompraNBOOForm .camion-container .img-container { width: 95px; } #OrdenDeCompraNBOOForm .product-list {} #OrdenDeCompraNBOOForm table, #OrdenDeCompraNBOOForm th, #OrdenDeCompraNBOOForm td { border: 1px solid #ccc; border-collapse: collapse; } #OrdenDeCompraNBOOForm .product-list table th { text-align: center; color: #a7a7a7; } #OrdenDeCompraNBOOForm .product-list table td { text-align: center; } #OrdenDeCompraNBOOForm table tr.isEditing { background: rgb(255,138,101) } #OrdenDeCompraNBOOForm md-input-container:not(.md-input-has-value) input:not(:focus) { color: inherit; } /* Dashboard */ #dashboardOrdenes {} #dashboardOrdenes > div { height: 100%; } #dashboardOrdenes .orden { width: 333px; overflow: hidden; border-radius: 7px; } #dashboardOrdenes .orden md-card, #dashboardOrdenes .orden md-card-content { position: relative; padding: 0; } #dashboardOrdenes .orden .first-line { border-bottom: 1.12px solid #d8d8d8; height: 50px; margin-top: 3px; } #dashboardOrdenes .orden .first-line > * { position: relative; } #dashboardOrdenes .orden .first-line > :first-child { border-right: 1.12px solid #d8d8d8; } #dashboardOrdenes .orden .first-line strong { margin: 8px 0 0 0; } #dashboardOrdenes .orden .first-line strong::before { content: attr(data-label); font-weight: 100; font-size: 13px; position: absolute; top: 0; left: 7px; } #dashboardOrdenes .orden .second-line { border-bottom: 1.12px solid #d8d8d8; } #dashboardOrdenes .orden .second-line > * { position: relative; } #dashboardOrdenes .orden .second-line .labeli { position: absolute; font-size: 13px; top: 0; left: 7px; } #dashboardOrdenes .orden .second-line > :first-child { border-right: 1.12px solid #d8d8d8; } #dashboardOrdenes .orden .second-line > :first-child .status__bg { width: 97%; height: 96%; text-align: center; } .status__bg.Despachada { background: #bfbfbf; } .status__bg.Abierta { background: #fff2cc; } .status__bg.Incompleta { background: #ff5050; } .status__bg.Confirmada { background: #92d050; } .status__bg.Completa { background: #52dc50; } .status__bg.Cargada { background: #92b750; } #dashboardOrdenes .orden .third-line { margin-top: 5px; font-size: 110%; border-bottom: 1.12px solid #d8d8d8; padding-bottom: 3px; } #dashboardOrdenes .orden .four-line { margin-top: 5px; padding-bottom: 3px; border-bottom: 1px solid #d8d8d8; font-size: 98%; font-weight: 500; } #dashboardOrdenes .orden .five-line { margin-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #d8d8d8; font-size: 101%; font-weight: 500; padding-left: 10px; } #dashboardOrdenes .orden .productos { border-bottom: 1.12px solid #d8d8d8; font-size: 84%; font-family: 'Montserrat'; } #dashboardOrdenes .orden .productos .producto { text-align: center; padding-left: 5px; /*border-bottom: 1.12px solid #d8d8d8;*/ } #dashboardOrdenes .orden .productos .producto:nth-child( even ) { background: #cdcdcd; } #dashboardOrdenes .orden .productos .producto:nth-child( odd ) { background: whitesmoke; } #dashboardOrdenes .orden .productos .status-icon { width: 35px; } #dashboardOrdenes .orden .productos .status-icon md-icon {} #dashboardOrdenes .orden .productos .status-icon md-icon.match { color: orange; } #dashboardOrdenes .orden .productos .status-icon md-icon.over { color: green; } #dashboardOrdenes .orden .productos .status-icon md-icon.lower { color: red; } #dashboardOrdenes .orden .productos .parte {} #dashboardOrdenes .orden .productos .required { width: 36px; border-right: 1.12px solid #d8d8d8; border-left: 1.12px solid #d8d8d8; } #dashboardOrdenes .orden .productos .existences { width: 36px; border-right: 1.12px solid #d8d8d8; } #dashboardOrdenes .orden .footer { margin-top: 5px; } #dashboardOrdenes .orden .six-line {} #dashboardOrdenes .orden .seven-line {} #dashboardOrdenes .orden .footer .total { padding-right: 67px; } #dashboardOrdenes .orden .footer .update { white-space: nowrap; font-size: 11px; font-family: monospace; text-align: center; margin-bottom: 3px; } /* NBOOCargarOrden */ /* ordenNBOO-productList */ .ordenNBOO-productList {} .ordenNBOO-productList table input { width: 50px; height: 35px; padding-left: 3px; font-size: bolder; } .cargarOrden__footer input { margin-left: 5px; border-radius: 6px; border: 1px solid #505058; height: 30px; width: 222px; outline: none; padding-left: 7px; } .NBOOCargarOrden .collapsable-contentainer {} .NBOOCargarOrden .collapsable-contentainer .customRow { height: 44px; } .NBOOCargarOrden .collapsable-contentainer > .customRow:first-child { border-bottom: 1.12px solid #d8d8d8; background: #f2f2f2; } .NBOOCargarOrden .collapsable-contentainer > .customRow:first-child strong { font-size: 125%; } .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(1) { width: 7.56%; } .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(2) { width: 12.01%; } .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(3) { width: 17.7%; } .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(4) { width: 16.23%; } .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(5) { width: 10.63%; } .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(6) { width: 6.45%; } .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(7) { width: 10.14%; } .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(8) { width: 10.14%; } .NBOOCargarOrden .collapsable-contentainer .customRow > *:nth-child(9) { width: 9.11%; } .NBOOCargarOrden .collapsable-contentainer md-list { padding: 0; } .NBOOCargarOrden .collapsable-contentainer md-list .producto {} .NBOOCargarOrden .collapsable-contentainer md-list .producto .md-subheader {} .NBOOCargarOrden .collapsable-contentainer md-list .producto .md-subheader .md-subheader-inner { width: 100%; padding: 0; font-family: 'Montserrat'; } .NBOOCargarOrden .collapsable-contentainer md-list .producto .md-subheader { border-bottom: 1.12px solid #d8d8d8; } /*.NBOOCargarOrden .collapsable-contentainer md-list .producto:not(:first-child) .md-subheader { border-top: 1.12px solid #d8d8d8; }*/ .NBOOCargarOrden .collapsable-contentainer md-list .producto .md-subheader .customRow { cursor: pointer; outline: none; } .NBOOCargarOrden .collapsable-contentainer .cantidadDisponible { border: 1px solid #999; background: #ddd; padding: 8px; border-radius: 8px; width: 55px; text-align: center; overflow: hidden; } .NBOOCargarOrden .collapsable-contentainer md-list .producto md-list-item { position: relative; padding: 0; height: 0; min-height: 0; transition: height 250ms ease-in-out, min-height 250ms ease-in-out; overflow: hidden; } .NBOOCargarOrden .collapsable-contentainer md-list .producto md-list-item .md-list-item-inner { padding: 0 } .NBOOCargarOrden .collapsable-contentainer md-list .producto md-list-item.visible { height: auto; border-bottom: 1.12px solid #d8d8d8; } .NBOOCargarOrden .collapsable-contentainer md-list .producto md-list-item .md-secondary-container { position: absolute; margin: 0; padding: 0; display: none; } .NBOOCargarOrden .collapsable-contentainer md-list .producto md-list-item .content { position: relative; width: 100%; height: 100%; } .NBOOCargarOrden .collapsable-contentainer md-list .producto md-list-item .content md-content { /*background: #ddd !important;*/ } /* INFORME DE CARGAS */ .CargasInforme .content { } .CargasInforme .table-container { margin: 0 auto; } .CargasInforme md-content {} .CargasInforme md-content, .CargasInforme .subtotals { transition: width 200ms ease-in-out; } .CargasInforme .subtotals { position: relative; width: 0; overflow: hidden; font-family: 'Montserrat'; } .CargasInforme .subtotals > div { background: #fafafa; height: 44px; font-size: 115%; border-bottom: 1px solid #e6e6e6; } .CargasInforme .subtotals > md-content { background: white !important; } .CargasInforme .subtotals md-list-item:before { display: none; } .CargasInforme .subtotals.visible { width: 33%; } /* TABLE */ .fixed_headers { width: auto; table-layout: fixed; border-collapse: collapse; border: 1px solid #ccc; margin-top: 5px; } .fixed_headers thead tr { display: block; position: relative; } .fixed_headers tbody { display: block; overflow: auto; width: 100%; height: 57vh; font-family: 'Roboto'; font-size: 90%; text-align: center; } @media( min-height: 1080px ) { .fixed_headers tbody { height: 63vh; } } .CargasInforme .content table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; } .CargasInforme .content table th { position: relative; padding: 5px 2.5px; text-transform: uppercase; text-align: center; } .CargasInforme .content table th.sortedBy { background: #ccc; } .CargasInforme .content table th.filterBy { } .CargasInforme .content table th.filterBy::before { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; top: 3px; left: 3px; position: absolute; } .CargasInforme .content table th, .CargasInforme .content table td { border-right: 1px solid #ccc } { border-right: 1px solid #ccc } .CargasInforme .content table tr:not(:last-child) { border-bottom: 1px solid #ccc; } .CargasInforme .content table tbody tr:nth-child(odd) { background: white } .CargasInforme .content table tbody tr:nth-child(even) { background: transparent; } /* SIZES */ .CargasInforme .content table thead th:nth-child(1), .CargasInforme .content table tbody td:nth-child(1) { min-width: 44px; max-width: 44px; } .CargasInforme .content table thead th:nth-child(2), .CargasInforme .content table tbody td:nth-child(2) { min-width: 82px; max-width: 82px; } .CargasInforme .content table thead th:nth-child(3), .CargasInforme .content table tbody td:nth-child(3) { min-width: 66px; max-width: 66px; } .CargasInforme .content table thead th:nth-child(4), .CargasInforme .content table tbody td:nth-child(4) { min-width: 35px; max-width: 35px; } .CargasInforme .content table thead th:nth-child(5), .CargasInforme .content table tbody td:nth-child(5) { min-width: 70px; max-width: 70px; } .CargasInforme .content table thead th:nth-child(6), .CargasInforme .content table tbody td:nth-child(6) { min-width: 160px; max-width: 160px; } .CargasInforme .content table thead th:nth-child(7), .CargasInforme .content table tbody td:nth-child(7) { min-width: 160px; max-width: 160px; } .CargasInforme .content table thead th:nth-child(8), .CargasInforme .content table tbody td:nth-child(8) { min-width: 160px; max-width: 160px; } .CargasInforme .content table thead th:nth-child(9), .CargasInforme .content table tbody td:nth-child(9) { min-width: 70px; max-width: 70px; } .CargasInforme .content table thead th:nth-child(10), .CargasInforme .content table tbody td:nth-child(10) { min-width: 115px; max-width: 115px; } .CargasInforme .content table thead th:nth-child(11), .CargasInforme .content table tbody td:nth-child(11) { min-width: 220px; max-width: 220px; } .CargasInforme .content table thead th:nth-child(12), .CargasInforme .content table tbody td:nth-child(12) { min-width: 195px; max-width: 195px; } .CargasInforme .content table thead th:nth-child(13), .CargasInforme .content table tbody td:nth-child(13) { min-width: 130px; max-width: 130px; } .CargasInforme .content table thead th:nth-child(14), .CargasInforme .content table tbody td:nth-child(14) { min-width: 150px; max-width: 150px; } .CargasInforme .content table thead th:nth-child(15), .CargasInforme .content table tbody td:nth-child(15) { min-width: 266px; max-width: 266px; } .CargasInforme .content table thead th:nth-child(16), .CargasInforme .content table tbody td:nth-child(16) { min-width: 144px; max-width: 144px; } .CargasInforme .content table thead th:nth-child(17), .CargasInforme .content table tbody td:nth-child(17) { min-width: 180px; max-width: 180px; } .CargasInforme .content table thead th:nth-child(18), .CargasInforme .content table tbody td:nth-child(18) { min-width: 75px; max-width: 75px; } .CargasInforme .content table thead th:nth-child(19), .CargasInforme .content table tbody td:nth-child(19) { min-width: 175px; max-width: 175px; } .CargasInforme .content table thead th:nth-child(20), .CargasInforme .content table tbody td:nth-child(20) { min-width: 95px; max-width: 95px; } .CargasInforme .content table thead th:nth-child(21), .CargasInforme .content table tbody td:nth-child(21) { min-width: 80px; max-width: 80px; } .CargasInforme .content table thead th:nth-child(22), .CargasInforme .content table tbody td:nth-child(22) { min-width: 135px; max-width: 135px; } .CargasInforme .content table thead th:nth-child(23), .CargasInforme .content table tbody td:nth-child(23) { min-width: 95px; max-width: 95px; } .CargasInforme .content table thead th:nth-child(24), .CargasInforme .content table tbody td:nth-child(24) { min-width: 95px; max-width: 95px; } .CargasInforme .content table thead th:nth-child(25), .CargasInforme .content table tbody td:nth-child(25) { min-width: 99px; max-width: 99px; } .CargasInforme .content table thead th:nth-child(26), .CargasInforme .content table tbody td:nth-child(26) { min-width: 99px; max-width: 99px; } /* LISTADO DE RANES */ .RanesList .content { } .RanesList .table-container { margin: 0 auto; } .RanesList md-content {} .RanesList md-content, .RanesList .subtotals { transition: width 200ms ease-in-out; } .RanesList .subtotals { position: relative; width: 0; overflow: hidden; font-family: 'Montserrat'; } .RanesList .subtotals > div { background: #fafafa; height: 44px; font-size: 115%; border-bottom: 1px solid #e6e6e6; } .RanesList .subtotals > md-content { background: white !important; } .RanesList .subtotals md-list-item:before { display: none; } .RanesList .subtotals.visible { width: 33%; } /* TABLE */ .fixed_headers { width: auto; table-layout: fixed; border-collapse: collapse; border: 1px solid #ccc; margin-top: 5px; } .fixed_headers thead tr { display: block; position: relative; } .fixed_headers tbody { display: block; overflow: auto; width: 100%; height: 57vh; font-family: 'Roboto'; font-size: 90%; text-align: center; } @media( min-height: 1080px ) { .fixed_headers tbody { height: 63vh; } } .RanesList .content table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; } .RanesList .content table th { position: relative; padding: 5px 2.5px; text-transform: uppercase; text-align: center; } .RanesList .content table th.sortedBy { background: #ccc; } .RanesList .content table th.filterBy { } .RanesList .content table th.filterBy::before { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; top: 3px; left: 3px; position: absolute; } .RanesList .content table th, .RanesList .content table td { border-right: 1px solid #ccc } { border-right: 1px solid #ccc } .RanesList .content table tr:not(:last-child) { border-bottom: 1px solid #ccc; } .RanesList .content table tbody tr:nth-child(odd) { background: white } .RanesList .content table tbody tr:nth-child(even) { background: transparent; } /* SIZES */ .RanesList .content table thead th:nth-child(1), .RanesList .content table tbody td:nth-child(1) { min-width: 44px; max-width: 44px; } .RanesList .content table thead th:nth-child(2), .RanesList .content table tbody td:nth-child(2) { min-width: 82px; max-width: 82px; } .RanesList .content table thead th:nth-child(3), .RanesList .content table tbody td:nth-child(3) { min-width: 66px; max-width: 66px; } .RanesList .content table thead th:nth-child(4), .RanesList .content table tbody td:nth-child(4) { min-width: 35px; max-width: 35px; } .RanesList .content table thead th:nth-child(5), .RanesList .content table tbody td:nth-child(5) { min-width: 88px; max-width: 88px; } .RanesList .content table thead th:nth-child(6), .RanesList .content table tbody td:nth-child(6) { min-width: 120px; max-width: 120px; } .RanesList .content table thead th:nth-child(7), .RanesList .content table tbody td:nth-child(7) { min-width: 110px; max-width: 110px; } .RanesList .content table thead th:nth-child(8), .RanesList .content table tbody td:nth-child(8) { min-width: 115px; max-width: 115px; } .RanesList .content table thead th:nth-child(9), .RanesList .content table tbody td:nth-child(9) { min-width: 180px; max-width: 180px; } .RanesList .content table thead th:nth-child(10), .RanesList .content table tbody td:nth-child(10) { min-width: 140px; max-width: 140px; } .RanesList .content table thead th:nth-child(11), .RanesList .content table tbody td:nth-child(11) { min-width: 220px; max-width: 220px; } .RanesList .content table thead th:nth-child(12), .RanesList .content table tbody td:nth-child(12) { min-width: 72px; max-width: 72px; } .RanesList .content table thead th:nth-child(13), .RanesList .content table tbody td:nth-child(13) { min-width: 136px; max-width: 136px; } .RanesList .content table thead th:nth-child(14), .RanesList .content table tbody td:nth-child(14) { min-width: 142px; max-width: 142px; } .RanesList .content table thead th:nth-child(15), .RanesList .content table tbody td:nth-child(15) { min-width: 142px; max-width: 142px; } /* BUZON DE SALIDA */ .BuzonSalida {} .BuzonSalida .rowOptions { position: relative; } .BuzonSalida .rowOptions > * { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding-left: 30px; } /* END */ /* ALMACENES */ /* REPORTE DE MOVIMIENTOS */ .MovimientosReport .content { } .MovimientosReport .table-container { margin: 0 auto; } .MovimientosReport md-content {} .MovimientosReport md-content, .MovimientosReport .subtotals { transition: width 200ms ease-in-out; } .MovimientosReport .subtotals { position: relative; width: 0; overflow: hidden; font-family: 'Montserrat'; } .MovimientosReport .subtotals > div { background: #fafafa; height: 44px; font-size: 115%; border-bottom: 1px solid #e6e6e6; } .MovimientosReport .subtotals > md-content { background: white !important; } .MovimientosReport .subtotals md-list-item:before { display: none; } .MovimientosReport .subtotals.visible { width: 33%; } /* TABLE */ .fixed_headers { width: auto; table-layout: fixed; border-collapse: collapse; border: 1px solid #ccc; margin-top: 5px; } .fixed_headers thead tr { display: block; position: relative; } .fixed_headers tbody { display: block; overflow: auto; width: 100%; height: 57vh; font-family: 'Roboto'; font-size: 90%; text-align: center; } @media( min-height: 1080px ) { .fixed_headers tbody { height: 63vh; } } .MovimientosReport .content table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; } .MovimientosReport .content table th { position: relative; padding: 5px 2.5px; text-transform: uppercase; text-align: center; } .MovimientosReport .content table th.sortedBy { background: #ccc; } .MovimientosReport .content table th.filterBy { } .MovimientosReport .content table th.filterBy::before { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; top: 3px; left: 3px; position: absolute; } .MovimientosReport .content table th, .MovimientosReport .content table td { border-right: 1px solid #ccc } { border-right: 1px solid #ccc } .MovimientosReport .content table tr:not(:last-child) { border-bottom: 1px solid #ccc; } .MovimientosReport .content table tbody tr:nth-child(odd) { background: white } .MovimientosReport .content table tbody tr:nth-child(even) { background: transparent; } /* SIZES */ .MovimientosReport .content table thead th:nth-child(1), .MovimientosReport .content table tbody td:nth-child(1) { min-width: 44px; max-width: 44px; } .MovimientosReport .content table thead th:nth-child(2), .MovimientosReport .content table tbody td:nth-child(2) { min-width: 82px; max-width: 82px; } .MovimientosReport .content table thead th:nth-child(3), .MovimientosReport .content table tbody td:nth-child(3) { min-width: 66px; max-width: 66px; } .MovimientosReport .content table thead th:nth-child(4), .MovimientosReport .content table tbody td:nth-child(4) { min-width: 35px; max-width: 35px; } .MovimientosReport .content table thead th:nth-child(5), .MovimientosReport .content table tbody td:nth-child(5) { min-width: 70px; max-width: 70px; } .MovimientosReport .content table thead th:nth-child(6), .MovimientosReport .content table tbody td:nth-child(6) { min-width: 77px; max-width: 77px; } .MovimientosReport .content table thead th:nth-child(7), .MovimientosReport .content table tbody td:nth-child(7) { min-width: 234px; max-width: 234px; } .MovimientosReport .content table thead th:nth-child(8), .MovimientosReport .content table tbody td:nth-child(8) { min-width: 234px; max-width: 234px; } .MovimientosReport .content table thead th:nth-child(9), .MovimientosReport .content table tbody td:nth-child(9) { min-width: 111px; max-width: 111px; } .MovimientosReport .content table thead th:nth-child(10), .MovimientosReport .content table tbody td:nth-child(10) { min-width: 69px; max-width: 69px; } .MovimientosReport .content table thead th:nth-child(11), .MovimientosReport .content table tbody td:nth-child(11) { min-width: 169px; max-width: 169px; } .MovimientosReport .content table thead th:nth-child(12), .MovimientosReport .content table tbody td:nth-child(12) { min-width: 269px; max-width: 269px; } /*.MovimientosReport .content table thead th:nth-child(13), .MovimientosReport .content table tbody td:nth-child(13) { min-width: 150px; max-width: 150px; }*/ .MovimientosReport .content table thead th:nth-child(13), .MovimientosReport .content table tbody td:nth-child(13) { min-width: 242px; max-width: 242px; } .MovimientosReport .content table thead th:nth-child(14), .MovimientosReport .content table tbody td:nth-child(14) { min-width: 88px; max-width: 88px; } .MovimientosReport .content table thead th:nth-child(15), .MovimientosReport .content table tbody td:nth-child(15) { min-width: 90px; max-width: 90px; } .MovimientosReport .content table thead th:nth-child(16), .MovimientosReport .content table tbody td:nth-child(16) { min-width: 80px; max-width: 80px; } .MovimientosReport .content table thead th:nth-child(17), .MovimientosReport .content table tbody td:nth-child(17) { min-width: 75px; max-width: 75px; } .MovimientosReport .content table thead th:nth-child(18), .MovimientosReport .content table tbody td:nth-child(18) { min-width: 77px; max-width: 77px; } .MovimientosReport .content table thead th:nth-child(19), .MovimientosReport .content table tbody td:nth-child(19) { min-width: 95px; max-width: 95px; } .MovimientosReport .content table thead th:nth-child(20), .MovimientosReport .content table tbody td:nth-child(20) { min-width: 80px; max-width: 80px; } .MovimientosReport .content table thead th:nth-child(21), .MovimientosReport .content table tbody td:nth-child(21) { min-width: 135px; max-width: 135px; } /* REPORTE DE SALDOS */ .SaldosReport .content { } .SaldosReport .table-container { margin: 0 auto; } .SaldosReport #selectAll { position: absolute; margin: 0; top: 13px; left: 7px; z-index: 999; } .SaldosReport md-content {} .SaldosReport md-content, .SaldosReport .subtotals { transition: width 200ms ease-in-out; } .SaldosReport .subtotals { position: relative; width: 0; overflow: hidden; font-family: 'Montserrat'; } .SaldosReport .subtotals > div { background: #fafafa; height: 44px; font-size: 115%; border-bottom: 1px solid #e6e6e6; } .SaldosReport .subtotals > md-content { background: white !important; } .SaldosReport .subtotals md-list-item:before { display: none; } .SaldosReport .subtotals.visible { width: 33%; } /* TABLE */ .fixed_headers { width: auto; table-layout: fixed; border-collapse: collapse; border: 1px solid #ccc; margin-top: 5px; } .fixed_headers thead tr { display: block; position: relative; } .fixed_headers tbody { display: block; overflow: auto; width: 100%; height: 57vh; font-family: 'Roboto'; font-size: 90%; text-align: center; } @media( min-height: 1080px ) { .fixed_headers tbody { height: 63vh; } } .SaldosReport .content table thead { border-bottom: 1px solid #ccc; font-size: 12px; color: #ff5722; font-family: Montserrat; } .SaldosReport .content table th { position: relative; padding: 5px 2.5px; text-transform: uppercase; text-align: center; } .SaldosReport .content table th.sortedBy { background: #ccc; } .SaldosReport .content table th.filterBy { } .SaldosReport .content table th.filterBy::before { content: ""; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #000; top: 3px; left: 3px; position: absolute; } .SaldosReport .content table th, .SaldosReport .content table td { border-right: 1px solid #ccc } .SaldosReport .content table tr:not(:last-child) { border-bottom: 1px solid #ccc; } .SaldosReport .content table tbody tr:nth-child(odd) { background: white } .SaldosReport .content table tbody tr:nth-child(even) { background: transparent; } .SaldosReport .content table tr.selected { background: #0e44e75c !important; } /* SIZES */ .SaldosReport .content table thead th:nth-child(1), .SaldosReport .content table tbody td:nth-child(1) { min-width: 123px; max-width: 123px; } .SaldosReport .content table thead th:nth-child(2), .SaldosReport .content table tbody td:nth-child(2) { min-width: 77px; max-width: 77px; } .SaldosReport .content table thead th:nth-child(3), .SaldosReport .content table tbody td:nth-child(3) { min-width: 130px; max-width: 130px; } .SaldosReport .content table thead th:nth-child(4), .SaldosReport .content table tbody td:nth-child(4) { min-width: 150px; max-width: 150px; } .SaldosReport .content table thead th:nth-child(5), .SaldosReport .content table tbody td:nth-child(5) { min-width: 200px; max-width: 200px; } .SaldosReport .content table thead th:nth-child(6), .SaldosReport .content table tbody td:nth-child(6) { min-width: 60px; max-width: 60px; } .SaldosReport .content table thead th:nth-child(7), .SaldosReport .content table tbody td:nth-child(7) { min-width: 70px; max-width: 70px; } .SaldosReport .content table thead th:nth-child(8), .SaldosReport .content table tbody td:nth-child(8) { min-width: 70px; max-width: 70px; } .SaldosReport .content table thead th:nth-child(9), .SaldosReport .content table tbody td:nth-child(9) { min-width: 70px; max-width: 70px; } .SaldosReport .content table thead th:nth-child(10), .SaldosReport .content table tbody td:nth-child(10) { min-width: 70px; max-width: 70px; } .SaldosReport .content table thead th:nth-child(11), .SaldosReport .content table tbody td:nth-child(11) { min-width: 70px; max-width: 70px; } .SaldosReport .content table thead th:nth-child(12), .SaldosReport .content table tbody td:nth-child(12) { min-width: 70px; max-width: 70px; } /* INVENTARIOS RESUMEN */ .InventariosSumary table {} .InventariosSumary table .highlight { font-weight: 800; vertical-align: unset !important; } .InventariosSumary table tr {} .InventariosSumary table tr.xProcesar {} .InventariosSumary table tr.rechazado {} .InventariosSumary table tr.aprobado {} .InventariosSumary table tr.xInspeccionar {} .InventariosSumary table tr.limbo {} .InventariosSumary table .dot-container { position: absolute; width: 100%; } .InventariosSumary table .dot-container::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 13px; height: 13px; border-radius: 50%; background: black; margin-left: 20px; } .InventariosSumary table tr.xProcesar .dot-container::before { background: #00bcd4 } .InventariosSumary table tr.rechazado .dot-container::before { background: firebrick } .InventariosSumary table tr.aprobado .dot-container::before { background: #17d13f } .InventariosSumary table tr.apartado .dot-container::before { background: #d11798 } .InventariosSumary table tr.xInspeccionar .dot-container::before { background: #ffe500 } .InventariosSumary table tr.limbo .dot-container::before { background: darkgray } .InventariosSumary .rowOptions, .InventariosSumary .statusCell { position: relative; } .InventariosSumary .ng-table-header, .InventariosSumary .ng-table-header > * { white-space: nowrap; } /* MULTIFOLIOS */ .Multifolios .header {} .Multifolios .title {} .Multifolios .mainContent {} .Multifolios .footer {} .Multifolios .collapsable-contentainer {} .Multifolios .collapsable-contentainer .customRow { height: 44px; } .Multifolios .collapsable-contentainer > .customRow:first-child { border-bottom: 1.12px solid #d8d8d8; background: #f2f2f2; } .Multifolios .collapsable-contentainer > .customRow:first-child strong { font-size: 88%; } .Multifolios .collapsable-contentainer .customRow > *:nth-child(1) { width: 5%; } .Multifolios .collapsable-contentainer .customRow > *:nth-child(2) { width: 17%; } .Multifolios .collapsable-contentainer .customRow > *:nth-child(3) { width: 29%; } .Multifolios .collapsable-contentainer .customRow > *:nth-child(4) { width: 20%; } .Multifolios .collapsable-contentainer .customRow > *:nth-child(5) { width: 23%; } /*.Multifolios .collapsable-contentainer .customRow > *:nth-child(6) { width: 10%; }*/ .Multifolios .collapsable-contentainer .customRow > *:nth-child(6) { width: 44px; } .Multifolios .collapsable-contentainer md-list { padding: 0; } .Multifolios .collapsable-contentainer md-list .folio {} .Multifolios .collapsable-contentainer md-list .folio.warning { border: 1px solid #df851b; } .Multifolios .collapsable-contentainer md-list .folio.hasError { border: 1px solid #dd2c00; } .Multifolios .collapsable-contentainer md-list .folio .md-subheader {} .Multifolios .collapsable-contentainer md-list .folio .md-subheader .md-subheader-inner { width: 100%; padding: 0; font-family: 'Montserrat'; } .Multifolios .collapsable-contentainer md-list .folio .md-subheader { border-bottom: 1.12px solid #d8d8d8; } /*.Multifolios .collapsable-contentainer md-list .folio:not(:first-child) .md-subheader { border-top: 1.12px solid #d8d8d8; }*/ .Multifolios .collapsable-contentainer md-list .folio .md-subheader .customRow { cursor: pointer; outline: none; } .Multifolios .collapsable-contentainer .cantidadDisponible { border: 1px solid #999; background: #ddd; padding: 8px; border-radius: 8px; width: 55px; text-align: center; } .Multifolios .collapsable-contentainer md-list .folio md-list-item { position: relative; padding: 0; height: 0; min-height: 0; transition: height 250ms ease-in-out, min-height 250ms ease-in-out; overflow: hidden; } .Multifolios .collapsable-contentainer md-list .folio md-list-item .md-list-item-inner { padding: 0 } .Multifolios .collapsable-contentainer md-list .folio md-list-item.visible { height: auto; border-bottom: 1.12px solid #d8d8d8; } .Multifolios .collapsable-contentainer md-list .folio md-list-item .md-secondary-container { position: absolute; margin: 0; padding: 0; display: none; } .Multifolios .collapsable-contentainer md-list .folio md-list-item .content { position: relative; width: 100%; height: 100%; } .Multifolios .collapsable-contentainer md-list .folio md-list-item .content md-content { background: whitesmoke !important; padding: 5px; } /* ConfigurarUbicacion */ .ConfigurarUbicacion {} ::marker { color: transparent; } .ConfigurarUbicacion .title {} .ConfigurarUbicacion .title .labels { height: 100%; } .ConfigurarUbicacion .title .labels span { background: blueviolet; } .ConfigurarUbicacion .title .labels span:not( :first-child ) { margin-left: 33px; } .ConfigurarUbicacion .title .labels span.success { background: #28a745; } .ConfigurarUbicacion .title .labels span.danger { background: #dc3545; } .ConfigurarUbicacion .title .labels span.warning { background: #447ab3; } .ConfigurarUbicacion .multiActions { padding: 0 42px; } .setupUbicacion-content {} .setupUbicacion-content table {} .setupUbicacion-content table .highlight { font-weight: 800; vertical-align: unset !important; } .setupUbicacion-content table tr {} .setupUbicacion-content table tr.xProcesar {} .setupUbicacion-content table tr.rechazado {} .setupUbicacion-content table tr.aprobado {} .setupUbicacion-content table tr.xInspeccionar {} .setupUbicacion-content table tr.limbo {} .setupUbicacion-content table .dot-container { position: absolute; width: 100%; } .setupUbicacion-content table .dot-container::before { content: ""; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 13px; height: 13px; border-radius: 50%; background: black; margin-left: 20px; } .setupUbicacion-content table tr.xProcesar .dot-container::before { background: #00bcd4 } .setupUbicacion-content table tr.rechazado .dot-container::before { background: firebrick } .setupUbicacion-content table tr.aprobado .dot-container::before { background: #17d13f } .setupUbicacion-content table tr.apartado .dot-container::before { background: #d11798 } .setupUbicacion-content table tr.xInspeccionar .dot-container::before { background: #ffe500 } .setupUbicacion-content table tr.limbo .dot-container::before { background: darkgray } .setupUbicacion-content .auditado_status { position: absolute; margin: -11px 0 0 25px; cursor: help; } .setupUbicacion-content .auditado_status.stage-1 { color: #ff5722; } .setupUbicacion-content .auditado_status.stage-2 { color: #4caf50 } .setupUbicacion-content .rowOptions, .setupUbicacion-content .statusCell { position: relative; } .setupUbicacion-content .rowOptions > * { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } /* .setupUbicacion-content .rowOptions > * > * { left: -435px; } */ /* Print Labels */ .PrintLabels .control { position: relative; margin-top: 5px; padding: 20px 15px 3px 22px; } .PrintLabels .control:not( :last-child ) {} .PrintLabels .control::before { content: attr(data-title); font-weight: bolder; font-family: 'oxygenS'; display: block; position: absolute; top: 0; left: 15px; } .PrintLabels .printLabels-content { position: relative; margin-top: 3px; border-top: 1.12px solid #d8d8d8; } .PrintLabels .printLabels-content .subForm { width: 40%; min-width: 250px; position: relative; transition: all ease-in-out 250ms; display: none; border-left: 1.12px solid #d8d8d8; } .PrintLabels .printLabels-content .subForm.visible { display: block; } .PrintLabels .printLabels-content .subForm .itemSelected { position: absolute; z-index: 1; top: 50px; left: 50%; transform: translateX(-50%); } .PrintLabels .printLabels-content .subForm .itemSelected .img-container { position: relative; width: 92px; } .PrintLabels .printLabels-content .subForm .itemSelected .img-container img { width: 90%; height: auto; } .PrintLabels .printLabels-content .subForm .itemSelected strong { font-size: 105%; } .PrintLabels .printLabels-content .subForm .itemSelected span { white-space: nowrap; font-size: 85%; } .PrintLabels .printLabels-content .subForm md-tab-content { margin-top: 133px; } .PrintLabels .printLabels-content .subForm form { padding: 0 15px 10px; } .PrintLabels .printLabels-content .table-container { padding-bottom: 22px; } .PrintLabels .printLabels-content .table-container table tr { cursor: pointer; } .PrintLabels .printLabels-content .table-container table .itemCell { padding-left: 3px !important; } .PrintLabels .printLabels-content .table-container table .itemCell.gt-xs { } .PrintLabels .printLabels-content .table-container table .itemCell .avatar { min-width: 33px; min-height: 33px; max-width: 33px; max-height: 33px; } .PrintLabels .printLabels-content .table-container table .itemCell img { width: 100%; height: auto; } .PrintLabels .printLabels-content .table-container table .itemCell strong { font-size: 115%; } .PrintLabels .printLabels-content .table-container table .itemCell span { font-size: 80%; text-align: left; } /* RequestMats */ .RequestMats .control { position: relative; margin-top: 5px; padding: 20px 15px 3px 22px; } .RequestMats .control:not( :last-child ) {} .RequestMats .control::before { content: attr(data-title); font-weight: bolder; font-family: 'oxygenS'; display: block; position: absolute; top: 0; left: 15px; } .RequestMats .printLabels-content { position: relative; margin-top: 3px; border-top: 1.12px solid #d8d8d8; } .RequestMats .printLabels-content .table-container { padding-bottom: 22px; } .RequestMats .printLabels-content .table-container table tr { cursor: pointer; } .RequestMats .printLabels-content .table-container table .itemCell { padding-left: 3px !important; } .RequestMats .printLabels-content .table-container table .itemCell.gt-xs { } .RequestMats .printLabels-content .table-container table .itemCell .avatar { min-width: 33px; min-height: 33px; max-width: 33px; max-height: 33px; } .RequestMats .printLabels-content .table-container table .itemCell img { width: 100%; height: auto; } .RequestMats .printLabels-content .table-container table .itemCell strong { font-size: 115%; } .RequestMats .printLabels-content .table-container table .itemCell span { font-size: 80%; text-align: left; } .RequestMats .printLabels-content .subForm { width: 50%; min-width: 250px; position: relative; transition: all ease-in-out 250ms; display: none; border-left: 1.12px solid #d8d8d8; } .RequestMats .printLabels-content .subForm.visible { display: block; } .RequestMats .printLabels-content .subForm form {} .RequestMats .subForm .top {} .RequestMats .subForm .top .controls { padding-left: 6px; } .RequestMats .subForm .top .controls .md-icon-button+.md-datepicker-input-container { margin: 0; } .RequestMats .subForm .top .controls strong { margin-right: 3px; } .RequestMats .subForm .top .controls > div:nth-child(1) { height: 58px; } .RequestMats .subForm .top .controls > div:nth-child(2) {} .RequestMats .subForm .top .numVale{ padding-left: 6px; } .RequestMats .subForm .top .numVale span { margin: 10px 0 2px; } .RequestMats .subForm .top .numVale div { background: #fab683; border: 1px solid #f27320; font-size: 5rem; } .RequestMats .subForm .top .numVale strong {} .RequestMats .subForm .table-container {} .RequestMats .subForm .table-container md-input-container .md-errors-spacer { display: none; } .RequestMats .subForm .bottom { height: 50px; border-top: 1.12px solid #d8d8d8; } .RequestMats .subForm #blocker { position: absolute; width: 100%; height: 100%; z-index: 10; cursor: pointer; } /* Vales List */ #dashboardValesReq {} #dashboardValesReq > div { height: 100%; } #dashboardValesReq .orden { width: 333px; overflow: hidden; border-radius: 7px; } #dashboardValesReq .orden md-card, #dashboardValesReq .orden md-card-content { position: relative; padding: 0; } #dashboardValesReq .orden .first-line { border-bottom: 1.12px solid #d8d8d8; height: 50px; margin-top: 3px; } #dashboardValesReq .orden .first-line > * { position: relative; } #dashboardValesReq .orden .first-line > :first-child { border-right: 1.12px solid #d8d8d8; } #dashboardValesReq .orden .first-line strong { margin: 8px 0 0 0; } #dashboardValesReq .orden .first-line strong::before { content: attr(data-label); font-weight: 100; font-size: 13px; position: absolute; top: 0; left: 7px; } #dashboardValesReq .orden .second-line { border-bottom: 1.12px solid #d8d8d8; } #dashboardValesReq .orden .second-line > * { position: relative; } #dashboardValesReq .orden .second-line .labeli { position: absolute; font-size: 13px; top: 0; left: 7px; } #dashboardValesReq .orden .second-line > :first-child { border-right: 1.12px solid #d8d8d8; } #dashboardValesReq .orden .second-line > :first-child .status__bg { width: 97%; height: 96%; text-align: center; } .status__bg.Abierto { background: #fff2cc; } .status__bg.Cerrado { background: #bfbfbf; } .status__bg.Vencido { background: #ff5050; } .status__bg.Confirmado { background: #92d050; } .status__bg.Asignado { background: #52dc50; } .status__bg.Surtido { background: #92b750; } .status__bg.Cancelado { background: darkred; } #dashboardValesReq .orden .third-line { margin-top: 5px; font-size: 110%; border-bottom: 1.12px solid #d8d8d8; padding-bottom: 3px; } #dashboardValesReq .orden .four-line { margin-top: 5px; padding-bottom: 3px; border-bottom: 1px solid #d8d8d8; font-size: 98%; font-weight: 500; } #dashboardValesReq .orden .five-line { margin-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #d8d8d8; font-size: 101%; font-weight: 500; padding-left: 10px; } #dashboardValesReq .orden .productos { border-bottom: 1.12px solid #d8d8d8; font-size: 84%; font-family: 'Montserrat'; } #dashboardValesReq .orden .productos .producto { text-align: center; padding-left: 5px; /*border-bottom: 1.12px solid #d8d8d8;*/ } #dashboardValesReq .orden .productos .producto:nth-child( even ) { background: #cdcdcd; } #dashboardValesReq .orden .productos .producto:nth-child( odd ) { background: whitesmoke; } #dashboardValesReq .orden .productos .status-icon { width: 35px; } #dashboardValesReq .orden .productos .status-icon md-icon {} #dashboardValesReq .orden .productos .status-icon md-icon.match { color: orange; } #dashboardValesReq .orden .productos .status-icon md-icon.over { color: green; } #dashboardValesReq .orden .productos .status-icon md-icon.lower { color: red; } #dashboardValesReq .orden .productos .parte {} #dashboardValesReq .orden .productos .required { width: 36px; border-right: 1.12px solid #d8d8d8; border-left: 1.12px solid #d8d8d8; } #dashboardValesReq .orden .productos .existences { width: 36px; border-right: 1.12px solid #d8d8d8; } #dashboardValesReq .orden .footer { margin-top: 5px; } #dashboardValesReq .orden .six-line {} #dashboardValesReq .orden .seven-line {} #dashboardValesReq .orden .footer .total { padding-right: 67px; } #dashboardValesReq .orden .footer .update { white-space: nowrap; font-size: 11px; font-family: monospace; text-align: center; margin-bottom: 3px; } /* EKOVAConfirmVale */ /* valeEKOVA-productList */ .valeEKOVA-productList {} .valeEKOVA-productList table input { width: 50px; height: 35px; padding-left: 3px; font-size: bolder; } .vale__footer input { margin-left: 5px; border-radius: 6px; border: 1px solid #505058; height: 30px; width: 222px; outline: none; padding-left: 7px; } .EKOVAConfirmVale .collapsable-contentainer {} .EKOVAConfirmVale .collapsable-contentainer .customRow { height: 44px; } .EKOVAConfirmVale .collapsable-contentainer > .customRow:first-child { border-bottom: 1.12px solid #d8d8d8; background: #f2f2f2; } .EKOVAConfirmVale .collapsable-contentainer > .customRow:first-child strong { font-size: 125%; } .EKOVAConfirmVale .collapsable-contentainer .customRow > *:nth-child(1) { width: 7.56%; } .EKOVAConfirmVale .collapsable-contentainer .customRow > *:nth-child(2) { width: 12.01%; } .EKOVAConfirmVale .collapsable-contentainer .customRow > *:nth-child(3) { width: 17.7%; } .EKOVAConfirmVale .collapsable-contentainer .customRow > *:nth-child(4) { width: 16.23%; } .EKOVAConfirmVale .collapsable-contentainer .customRow > *:nth-child(5) { width: 10.63%; } .EKOVAConfirmVale .collapsable-contentainer .customRow > *:nth-child(6) { width: 6.45%; } .EKOVAConfirmVale .collapsable-contentainer .customRow > *:nth-child(7) { width: 10.14%; } .EKOVAConfirmVale .collapsable-contentainer .customRow > *:nth-child(8) { width: 10.14%; } .EKOVAConfirmVale .collapsable-contentainer .customRow > *:nth-child(9) { width: 9.11%; } .EKOVAConfirmVale .collapsable-contentainer md-list { padding: 0; } .EKOVAConfirmVale .collapsable-contentainer md-list .producto {} .EKOVAConfirmVale .collapsable-contentainer md-list .producto .md-subheader {} .EKOVAConfirmVale .collapsable-contentainer md-list .producto .md-subheader .md-subheader-inner { width: 100%; padding: 0; font-family: 'Montserrat'; } .EKOVAConfirmVale .collapsable-contentainer md-list .producto .md-subheader { border-bottom: 1.12px solid #d8d8d8; } /*.EKOVAConfirmVale .collapsable-contentainer md-list .producto:not(:first-child) .md-subheader { border-top: 1.12px solid #d8d8d8; }*/ .EKOVAConfirmVale .collapsable-contentainer md-list .producto .md-subheader .customRow { cursor: pointer; outline: none; } .EKOVAConfirmVale .collapsable-contentainer .cantidadDisponible { border: 1px solid #999; background: #ddd; padding: 8px; border-radius: 8px; width: 55px; text-align: center; overflow: hidden; } .EKOVAConfirmVale .collapsable-contentainer md-list .producto md-list-item { position: relative; padding: 0; height: 0; min-height: 0; transition: height 250ms ease-in-out, min-height 250ms ease-in-out; overflow: hidden; } .EKOVAConfirmVale .collapsable-contentainer md-list .producto md-list-item .md-list-item-inner { padding: 0 } .EKOVAConfirmVale .collapsable-contentainer md-list .producto md-list-item.visible { height: auto; border-bottom: 1.12px solid #d8d8d8; } .EKOVAConfirmVale .collapsable-contentainer md-list .producto md-list-item .md-secondary-container { position: absolute; margin: 0; padding: 0; display: none; } .EKOVAConfirmVale .collapsable-contentainer md-list .producto md-list-item .content { position: relative; width: 100%; height: 100%; } .EKOVAConfirmVale .collapsable-contentainer md-list .producto md-list-item .content md-content { /*background: #ddd !important;*/ } /* surtirRecibirVale */ .surtirRecibirVale {} .surtirRecibirVale .infoTabContainer { height: 100%; } .surtirRecibirVale .infoTabContainer h3 { text-align: center; border-top: 1px solid #ddd; margin-top: 0; padding-top: 10px; } .surtirRecibirVale .infoTabContainer .cargadosTableContainer {} .surtirRecibirVale .infoTabContainer .cargadosTableContainer table {} /* Dialogs */ #send_folio_dialog {} #send_folio_dialog .displayer { width: 100%; height: 35px; font-size: 110%; font-family: 'Montserrat'; } #send_folio_dialog .displayer > * { color: firebrick; } #send_folio_dialog .displayer.valid > * { color: #17d13f; } #aprobarFolioDialog {} #aprobarFolioDialog .status-icon { color: firebrick; } #aprobarFolioDialog .status-icon.valid { color: #17d13f } #fusionar_folio_dialog .items-list md-list-item:nth-child( even ) { background: white } #fusionar_folio_dialog .items-list { height: 220px; } #fusionar_folio_dialog .items-list md-content { height: 100% } #fusionar_folio_dialog .items-list .md-list-item-text { padding: 5px 0; } #fusionar_folio_dialog .cantidadTotal { font-family: 'Montserrat'; font-size: 150%; color: #28a745; } #fusionar_folio_dialog .cantidadTotal.invalid { color: #dc3545; } #auditar_folio_dialog {} #auditar_folio_dialog.fullscreen { max-width: 100%; width: 98%; } #auditar_folio_dialog .loteKey { font-family: 'Montserrat'; margin-right: 10px; cursor: pointer; } #auditar_folio_dialog .loteVal { font-family: monospace; color: green; cursor: pointer; } /* ReImprimir Labels */ /* END */ /* INFORMES */ #Informes md-card { position: relative; width: 420px; } /* END */ /* END */ /* END */ /* PRINT VERSION */ @media print { .pagebreak { page-break-before: always; } .no-print, header.main, .chrome-tabs, md-sidenav { display: none !important } #PlaneacionProduccionDiaria__main md-autocomplete .md-show-clear-button button { display: none } .ReporteDiario .results-container #Extras md-list-item { border-bottom: none; } .ReporteDiario .results-container md-list-item .content.textarea { border: none; margin: 5px 10px; /*height: -webkit-fill-available;*/ /*max-height: initial;*/ resize: none; } *{ font-size: 97%; } .InformeDiario .collapsable-contentainer > .customRow:first-child strong { font-size: 90% !important; } .InformeDiario .collapsable-contentainer md-list * { font-size: 95%; } /*.InformeDiario .collapsable-contentainer .customRow > *:nth-child(10) { width: 12% !important; }*/ /*.InformeDiario .collapsable-contentainer .customRow > *:nth-child(2) { display: none; }*/ /* Ocultar todo lo que no sea el modal */ .ColectarProduccionDiaria body.md-dialog-is-showing * { visibility: hidden; } /* Mostrar el contenedor del modal y todo su contenido */ .ColectarProduccionDiaria .md-dialog-container, .ColectarProduccionDiaria .md-dialog-container * { visibility: visible !important; } /* Eliminar restricciones de altura/scroll en el modal */ .ColectarProduccionDiaria .md-dialog-container { position: static !important; top: auto !important; left: auto !important; transform: none !important; max-height: none !important; height: auto !important; overflow: visible !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; } html.ColectarProduccionDiaria, .ColectarProduccionDiaria body.md-dialog-is-showing { overflow: visible !important; } #MPFaltantesEnTurno .footer .sumaryList { width: 100%; } .ColectarProduccionDiaria md-dialog, .ColectarProduccionDiaria md-dialog > form, .ColectarProduccionDiaria md-content, .ColectarProduccionDiaria .responsive-table, .ColectarProduccionDiaria .md-dialog-container, .ColectarProduccionDiaria .md-dialog-content, .ColectarProduccionDiaria .md-dialog-content *, .ColectarProduccionDiaria md-dialog md-dialog-content { overflow: visible !important; max-height: none !important; height: auto !important; } html.ColectarProduccionDiaria ::-webkit-scrollbar { display: none; } #MPFaltantesEnTurno md-list md-list-item { height: 0 !important; overflow: hidden !important; } #MPFaltantesEnTurno md-list md-list-item.visible { height: auto !important; } } /* END