@font-face { font-family: 'JUNEBUG'; src: url('/Content/fonts/JUNEBUG.TTF') format('truetype'); } /**/ body { background: fixed #fbfbfb url(/Content/Customer/bg.png) repeat-x; /*background: fixed #fbfbfb url(Customer/bg02.png);*/ color: #333; /*background: #f0f0f0 url(Customer/bg02.png);*/ padding-bottom: 20px; } /**/ /**/ /**/ /**/ .navbar-inverse .navbar-toggle { border-color: #178acc; } /**/ /**/ .container { padding-right: 0; padding-left: 0; border: none; } /**/ .form-horizontal .form-group { margin-left: 0px; margin-right: 0px; } /**/ .btn-img { /* */ background-size: contain; background-repeat: no-repeat; background-position-x: center; background-position-y: center; /* */ } .img-locked-true { content: url("/Content/img/locked1.png"); /* */ background-image: url("/Content/img/locked1.png"); /* */ } .img-locked-false { content: url("/Content/img/locked0.png"); /* */ background-image: url("/Content/img/locked0.png"); /* */ } .img-locked-null { content: url("/Content/img/locked.png"); /* */ background-image: url("/Content/img/locked.png"); /* */ } .btnHorizontal { max-height: 22px; /* */ background-size: contain; background-repeat: no-repeat; background-position-x: center; background-position-y: center; /* */ } .btnHorizontalImgLeft { max-height: 34px; /* */ background-size: contain; background-repeat: no-repeat; background-position-x: left; background-position-y: center; /* */ } .btnNavi { /*margin-top: 4px;*/ max-width: 34px; padding: 2px; /* */ background-size: contain; background-repeat: no-repeat; background-position-x: center; background-position-y: center; /* */ } .btnNavi02 { /*margin-top: 4px;*/ max-width: 36px; padding: 2px; /* */ background-size: contain; background-repeat: no-repeat; background-position-x: center; background-position-y: center; /* */ } .goBack-btnNavi { content: url("/Content/img/goBack.png"); /* */ background-image: url("/Content/img/goBack.png"); /* */ } .goNext-btnNavi { content: url("/Content/img/goNext.png"); /* */ background-image: url("/Content/img/goNext.png"); /* */ } .add-btnNavi { content: url("/Content/img/add.png"); /* */ background-image: url("/Content/img/add.png"); /* */ } .btn-primaryBonvi { color: #333; background-color: #fff; } /**/ /**/ /**/ .grid-btn, .grid-cmd { max-width: 22px; /* */ background-size: contain; background-repeat: no-repeat; background-position-x: center; background-position-y: center; /* */ } .grid-btn-img { max-height: 26px; /* */ background-size: contain; background-repeat: no-repeat; background-position-x: center; background-position-y: center; /* */ } .grid-cmd { margin: 6px 6px 0px 6px; } .grid-btn-test { content: url("/Content/img/world.gif"); /* */ background-image: url("/Content/img/world.gif"); /* */ } .grid-btn-add { content: url("/Content/img/add.png"); /* */ background-image: url("/Content/img/add.png"); /* */ } .grid-btn-edit { content: url("/Content/img/gridEdit.png"); /* */ background-image: url("/Content/img/gridEdit.png"); /* */ } .grid-btn-setting { content: url("/Content/img/gridSetting.png"); /* */ background-image: url("/Content/img/gridSetting.png"); /* */ } .grid-btn-info { content: url("/Content/img/gridInfo.png"); /* */ background-image: url("/Content/img/gridInfo.png"); /* */ } .grid-btn-delete { content: url("/Content/img/gridDelete.png"); /* */ background-image: url("/Content/img/gridDelete.png"); /* */ } .grid-btn-recyclebin { content: url("/Content/img/gridRecycleBin.png"); /* */ background-image: url("/Content/img/gridRecycleBin.png"); /* */ } .grid-btn-restore { content: url("/Content/img/gridRestore.png"); /* */ background-image: url("/Content/img/gridRestore.png"); /* */ } .grid-btn-save { content: url("/Content/img/gridSave.png"); /* */ background-image: url("/Content/img/gridSave.png"); /* */ } .grid-btn-cancel { content: url("/Content/img/gridCancel.png"); /* */ background-image: url("/Content/img/gridCancel.png"); /* */ } .grid-btn-replace { content: url("/Content/img/replace.png"); /* */ background-image: url("/Content/img/replace.png"); /* */ } .grid-btn-email { content: url("/Content/img/email.png"); /* */ background-image: url("/Content/img/email.png"); /* */ } .grid-btn-emailDelay { content: url("/Content/img/emailDelay.png"); /* */ background-image: url("/Content/img/emailDelay.png"); /* */ } .grid-btn-folder { content: url("/Content/img/folder.png"); /* */ background-image: url("/Content/img/folder.png"); /* */ } .grid-btn-file { content: url("/Content/img/file.png"); /* */ background-image: url("/Content/img/file.png"); /* */ } .grid-btn-stop { content: url("/Content/img/stop.png"); /* */ background-image: url("/Content/img/stop.png"); /* */ } .grid-btn-warning { content: url("/Content/img/warning.png"); /* */ background-image: url("/Content/img/warning.png"); /* */ } .grid-btn-goBack { content: url("/Content/img/goBack.png"); /* */ background-image: url("/Content/img/goBack.png"); /* */ } .grid-btn-goNext { content: url("/Content/img/goNext.png"); /* */ background-image: url("/Content/img/goNext.png"); /* */ } .grid-btn-arrowLD { content: url("/Content/img/arrowLD.png"); /* */ background-image: url("/Content/img/arrowLD.png"); /* */ } .grid-btn-ballBW { content: url("/Content/img/ballMiniBW.png"); /* */ background-image: url("/Content/img/ballMiniBW.png"); /* */ } .grid-btn-ballGreen { content: url("/Content/img/ballMiniGreen.png"); /* */ background-image: url("/Content/img/ballMiniGreen.png"); /* */ } .grid-btn-ballYellow { content: url("/Content/img/ballMiniYellow.png"); /* */ background-image: url("/Content/img/ballMiniYellow.png"); /* */ } .grid-btn-ballOrange { content: url("/Content/img/ballMiniOrange.png"); /* */ background-image: url("/Content/img/ballMiniOrange.png"); /* */ } .grid-btn-ballRed { content: url("/Content/img/ballMiniRed.png"); /* */ background-image: url("/Content/img/ballMiniRed.png"); /* */ } .grid-btn-ext-generic { content: url("/Content/img/ext.generic.png"); /* */ background-image: url("/Content/img/ext.generic.png"); /* */ } .grid-btn-ext-doc { content: url("/Content/img/ext.doc.png"); /* */ background-image: url("/Content/img/ext.doc.png"); /* */ } .grid-btn-ext-img { content: url("/Content/img/ext.img.png"); /* */ background-image: url("/Content/img/ext.img.png"); /* */ } .grid-btn-ext-pdf { content: url("/Content/img/ext.pdf.png"); /* */ background-image: url("/Content/img/ext.pdf.png"); /* */ } .grid-btn-ext-rar { content: url("/Content/img/ext.rar.png"); /* */ background-image: url("/Content/img/ext.rar.png"); /* */ } .grid-btn-ext-txt { content: url("/Content/img/ext.txt.png"); /* */ background-image: url("/Content/img/ext.txt.png"); /* */ } .grid-btn-ext-xls { content: url("/Content/img/ext.xls.png"); /* */ background-image: url("/Content/img/ext.xls.png"); /* */ } .grid-btn-ext-zip { content: url("/Content/img/ext.zip.png"); /* */ background-image: url("/Content/img/ext.zip.png"); /* */ } .grid-btn-typeC { content: url("/Content/img/hands.png"); /* */ background-image: url("/Content/img/hands.png"); /* */ } .grid-btn-typeF { content: url("/Content/img/truck.png"); /* */ background-image: url("/Content/img/truck.png"); /* */ } .grid-btn-typeS { content: url("/Content/img/company.png"); /* */ background-image: url("/Content/img/company.png"); /* */ } .grid-btn-coins { content: url("/Content/img/coins.png"); /* */ background-image: url("/Content/img/coins.png"); /* */ } .grid-btn-piggy { content: url("/Content/img/piggy.png"); /* */ background-image: url("/Content/img/piggy.png"); /* */ } .grid-btn-statistics { content: url("/Content/img/statistics.png"); /* */ background-image: url("/Content/img/statistics.png"); /* */ } .grid-btn-checkOut, .grid-btn-check0, .grid-btn-check1 { content: url("/Content/img/checkOut.png"); /* */ background-image: url("/Content/img/checkOut.png"); /* */ } .grid-btn-checkIn, .grid-btn-check200, .grid-btn-check201 { content: url("/Content/img/checkIn.png"); /* */ background-image: url("/Content/img/checkIn.png"); /* */ } /*.grid-btn-checkIn*/ .grid-btn-check100, .grid-btn-check101 { content: url("/Content/img/locked1.png"); /* */ background-image: url("/Content/img/locked1.png"); /* */ } .grid-btn-p { content: url("/Content/img/P.png"); /* */ background-image: url("/Content/img/P.png"); /* */ } /**/ /**/ .strike2 { text-decoration: underline overline line-through; opacity: 0.5; } .strike1, .strikeNot0, .striketrue, .strikeNotfalse { text-decoration: line-through; opacity: 0.5; } .strike0, .strikeNot1, .strikefalse, .strikeNottrue { text-decoration: none; opacity: 1; } .visible1, .visibleNot0, .visibletrue, .visibleNotfalse { display: block; } .visible0, .visibleNot1, .visiblefalse, .visibleNottrue { display: none; } .normal { font-weight: normal; } .bold, .bold1, .boldtrue { font-weight: bold; } .bold0, boldfalse { font-weight: normal; } .width40pc { max-width: 40%; width: 40%; } .width60pc { max-width: 60%; width: 60%; } .width80pc { max-width: 80%; width: 80%; } .width100pc { max-width: 100%; width: 100%; } input, select, textarea { max-width: inherit; } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .overflowEllipsis { overflow: hidden; text-overflow: ellipsis; } .text-left { text-align: left; } .justify { text-align: justify; } .fulljustify { text-align: justify; text-align-last: justify; } .fulljustify:after { content: ""; display: inline-block; width: 100%; } .fulljustify2 { text-align: justify; text-align-last: justify; } .text30pc { font-size: 30%; } .text40pc { font-size: 40%; } .text50pc { font-size: 50%; } .text60pc { font-size: 60%; } .text70pc { font-size: 70%; } .text80pc { font-size: 80%; } .text90pc { font-size: 90%; } .text110pc { font-size: 110%; } .text120pc { font-size: 120%; } .text130pc { font-size: 130%; } .text140pc { font-size: 140%; } .text150pc { font-size: 150%; } .text160pc { font-size: 160%; } .text170pc { font-size: 170%; } .text180pc { font-size: 180%; } .text190pc { font-size: 190%; } .text200pc { font-size: 200%; } .textGreen01 { color: green; } .textRed01 { color: red; } /*.rotate90{ -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); }*/ /**/ /**/ a { -webkit-transition: color .5s; -ms-transition: color .5s; -moz-transition: color .5s; -o-transition: color .5s; transition: color .5s; } /**/ /*.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 0px; padding-right: 0px; }*/ /**/ .round-box01 { background: #fff; -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0 0px 20px rgba(0, 0, 0, 0.5); -webkit-border-radius: 2px; border-radius: 2px; } /**/ /**/ .float-right { float: right; } .float-left { float: left; } /**/ /**/ .filePictureH { height: 25px; } .filePictureW { width: 30px; } /**/ /**/ .imagePicture { max-height: 25px; max-width: 170px; } /**/ .hand { cursor: pointer; } .move { cursor: move; } .zoom1_5 { zoom: 1.5; } .zoom2 { zoom: 2; } [data-useragent*='rv:11.0'] .zoom2 { display: inline-block; } .dataDirty-false { background-color: transparent; } .dataDirty-true { background-color: rgba(255, 216, 0, 0.46); } .ext-icon { display: inline-block; float: left; height: 20px; margin: -2px 10px 0px 0px; } .colorBlack { color: #333; } .myPhoto { border: 1px solid #ccc; border-radius: 4px; padding: 4px 4px 4px 4px; background-color: #fff; } .myPhotoLarge { max-width: 140px; } .photoLarge { max-width: 140px; } /**/ .image-section01 { display: inline-block; overflow: hidden; } .zoom-in-section .image-section01 img, .zoom-in-section .image-section02 img { -webkit-transform: scale(1, 1); -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(1, 1); -moz-transition-duration: 500ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(1, 1); -ms-transition-duration: 500ms; -ms-transition-timing-function: ease-out; } .zoom-in-section img:hover { -webkit-transform: scale(2, 2); -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(2, 2); -moz-transition-duration: 500ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(2, 2); -ms-transition-duration: 500ms; -ms-transition-timing-function: ease-out; } .zoom-in-section02 img:hover { -webkit-transform: scale(6, 6); -webkit-transition-duration: 500ms; -webkit-transition-timing-function: ease-out; -moz-transform: scale(6, 6); -moz-transition-duration: 500ms; -moz-transition-timing-function: ease-out; -ms-transform: scale(6, 6); -ms-transition-duration: 500ms; -ms-transition-timing-function: ease-out; } /**/ .nowrap { white-space: nowrap; } /**/ .bg-azure { background-color: azure; } .bg-orange { background-color: orange; } .bg-green { background-color: lightgreen; } /**/ /**/ /**/ .bonviPanelBarHeader { font-size: 1.1em; } .k-panelbar > li.k-state-default > .k-link { color: #033C73; } .k-panelbar > .k-item > .k-link { padding-left: 0.4em; font-weight: bold; } .k-panel .k-panel .k-panel > .k-item > .k-link { padding-left: 3em; } .k-panel .k-panel .k-panel .k-panel > .k-item > .k-link { padding-left: 4em; } .k-panel .k-panel .k-panel .k-panel .k-panel > .k-item > .k-link { padding-left: 5em; } .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel > .k-item > .k-link { padding-left: 6em; } .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel > .k-item > .k-link { padding-left: 7em; } .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel > .k-item > .k-link { padding-left: 8em; } .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel > .k-item > .k-link { padding-left: 9em; } .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel > .k-item > .k-link { padding-left: 10em; } .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel .k-panel > .k-item > .k-link { padding-left: 11em; } /**/ /**/ .k-grid-content { max-height: 700px; } .k-grid-content tr:not(.k-grouping-row):hover > td, .k-grid > table > tbody > tr:not(.k-grouping-row):hover > td { background-color: #66ccff; } .k-grid td { margin: 0px; padding: 0px 0px 0px 2px; /*vertical-align: text-top;*/ } .k-grid-header span.k-link, .k-grid-header .k-link:link, .k-grid-header .k-link:visited, .k-grid-header .k-nav-current.k-state-hover .k-link, .k-grouping-header .k-link, .k-grid-header th.k-header { text-align: center; } .k-grid .k-button { margin: 0; } .k-grid-filter.k-state-active { background-color: #afe4fa; } .k-button { padding: 6px; } .k-button-icontext { padding: 4px; } .k-grid tbody .k-button { min-width: 22px; } .k-dropdown-wrap { height: 34px; } .box-sizing01 { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /**/ /*.k-widget.k-upload.k-header.k-upload-empty > div > div {background-color: lightcyan;}*/ .k-upload { text-align: center; } .k-upload-button { width: 100%; } .k-dropzone { padding: 0; } /**/ /**/ .kendoUpload-Message { height: 40px; /* */ background-size: contain; background-repeat: no-repeat; background-position-x: center; background-position-y: center; /* */ content: url("/Content/img/uploadCloud.png"); /* */ background-image: url("/Content/img/uploadCloud.png"); /* */ } /**/ span.k-datepicker, span.k-timepicker, span.k-datetimepicker { width: 100%; } /**/ .km-arrow-s:before, .km-arrow-s:after { content: "\e0d4"; } .km-check-1:before, .km-check-1:after { content: "\e037"; } .checkBox01 { width: 28px; height: 28px; } /**/ /**/ .k-tabstrip:focus { -webkit-box-shadow: none; box-shadow: none; } .k-tabstrip > .k-tabstrip-items .k-state-default { background-color: #fff; } /*.k-tabstrip > .k-tabstrip-items .k-state-active { background-color: #fbfbfb; }*/ .k-tabstrip-items .k-state-active .k-link { color: #fff; background-color: #317EAC; } .k-tabstrip > .k-tabstrip-items .k-state-default, .k-tabstrip > .k-tabstrip-items .k-state-hover { border-color: #ccc; } .k-tabstrip > .k-content.k-state-active { background-color: #fbfbfb; } .k-tabstrip > .k-content { margin: 0; padding: 0; } /**/ /*.k-grid tbody .k-button, .k-ie8 .k-grid tbody button.k-button { min-width: 22px; }*/ .k-widget.k-combobox, .k-widget.k-dropdown, .k-widget.k-datepicker, .k-widget.k-datetimepicker, .k-widget.k-timepicker { border: 0px; background-color: transparent; } .k-textbox > input, .k-autocomplete .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input, .k-dropdown-wrap .k-input, .k-selectbox .k-input { height: inherit; } /**/ /**/ /**/ .WIP { background-color: #C71C22; color: white; } /**/ /**/ /*.form-control .k-input { border-width:0px; }*/ input, select, textarea { color: #333333; } /**/ /*
*/ .footer { margin-top: 8px; text-align: center; font-size: 80%; } /*
*/ /**/ .cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 40px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(47, 164, 231, 0.5) url(/Content/img/cd-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; } .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 0.8; } .cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: .5; } .cd-top:hover { background-color: rgba(47, 164, 231, 0.8); } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } } @media only screen and (min-width: 1200px) { .cd-top { height: 60px; width: 60px; right: 30px; bottom: 30px; } } /**/