/*a { color:#40bfdc; text-decoration: none; }*/ /* This is to remove the default glow on inputs in chrome and Safari */ textarea, input { outline: none; } ::-webkit-input-placeholder { color: #cccccc; } :-moz-placeholder { color: #cccccc; } .dragPlaceholder { background-color: #40BFDC; opacity: 0.25; } .inputs { font-family: 'Proxima Nova',arial, Verdana, sans-serif; font-size: 12px; /*color: #444;*/ color: black; } .inputs.list { width:100%; white-space: nowrap; list-style: none; padding: 0px; margin: 0px; } .inputs.list { width:100%; white-space: nowrap; list-style: none; padding: 0px; margin: 0px; } .inputs[edtag='EDSELECT'] { width: 100%; /*padding: 3px 20px 3px 3px;*/ padding: 3px 0px 3px 3px; border: 1px solid rgba(0, 0, 0, 0.25); border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); margin: 0 1px -1px 0; text-shadow: 0 1px 0 rgb(240, 240, 240); background-image: url('../../images/select.png');/*, -webkit-linear-gradient(#ededed, #ededed 38%, #dedede);*/ background-position: right center; background-repeat: no-repeat; background-color: #FAFDFD; height:21px; -webkit-appearance: none; -moz-appearance: none; } .edisremovable { /*padding-left: 15px !important;*/ } .edissortable { padding-left: 30px !important; } .edisremovableandsortable { /*padding-left: 43px !important;*/ padding-left: 30px !important; } /*.inputs[edisdeletable='true'] { padding-left: 20px; }*/ .inputs[edtag='EDDATE'] { width: 100%; padding: 3px 20px 3px 3px; border: 1px solid #bfbfbf; border-radius: 2px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; background-image: url('../../images/date/calendar.png'); background-position: right center; background-repeat: no-repeat; background-color: #FAFDFD; text-align: right; margin: 0px 1px -1px 0px; /* Use min-height to accommodate addditional padding for touch as needed. */ min-height: 21px; height:21px; padding: 2px 20px 2px 2px; } .inputs[edtag='EDSELECTAUTOFILTER'] { width: 100%; border: 1px solid #bfbfbf; border-radius: 2px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; background-image: url('../../images/selectautofilter.png'); background-position: right center; background-repeat: no-repeat; background-color: #FAFDFD; margin: 0px 0px -1px 0px; /* Use min-height to accommodate addditional padding for touch as needed. */ /*min-height: 2em;*/ min-height: 21px; height:21px; padding: 2px 40px 2px 2px; } .inputs[edtag='EDTEXT'], .inputs[edtag='EDTEXTAREA'] { width: 100%; border: 1px solid #bfbfbf; border-radius: 2px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; background-color: #FAFDFD; margin: 0px 0px -1px 0px; /* Use min-height to accommodate addditional padding for touch as needed. */ min-height: 21px; height:21px; padding: 2px; } .inputs[edtag='EDAUTOCOMPLETE'] { width: 100%; border: 1px solid #bfbfbf; border-radius: 2px; box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; background-image: url('../../images/autocomplete.png'); background-position: right center; background-repeat: no-repeat; background-color: #FAFDFD; margin: 0px 0px -1px 0px; /* Use min-height to accommodate addditional padding for touch as needed. */ /*min-height: 2em;*/ min-height: 21px; height:21px; padding: 2px 20px 2px 2px; } /*.inputs[edtag='EDTEXT']:focus, .inputs[edtag='EDDATE']:focus, .inputs[edtag='EDSELECT']:focus, .inputs[edtag='EDTEXTAREA']:focus { border-color: #40bfdc; }*/ .inputs.readOnly { border: 0px; color: #777; background-image: none; background-color: transparent; margin: 0 1px -1px 0; box-shadow: 0 0px 0 rgba(0, 0, 0, 0.08), inset 0 0px 0px rgba(255, 255, 255, 0.75); text-shadow: 0 0px 0 rgb(240, 240, 240); } .inputs.mouseover { color: black; } .inputs.focus { border-color:rgb(0, 102, 153); } .inputs.focusInList { border-color:rgb(0, 102, 153); margin: 0px 0px 0px 0px; } .inputs.required { background-color: #FDCBCC; } .inputs.error { /*background-image: -webkit-linear-gradient(#FDCBCC, #FDCBCC 38%, rgb(250, 163, 165));*/ /*border-color : #d14836;*/ } .inputs.error.partialRequired { /*background-image: -webkit-linear-gradient(#FDCBCC, #FDCBCC 38%, rgb(250, 163, 165));*/ border-color : #d14836; } .inputs.error.required { /*background-image: -webkit-linear-gradient(#FDCBCC, #FDCBCC 38%, rgb(250, 163, 165));*/ /*border-color : #d14836;*/ } .nowLoading { /*padding-top: 10px; padding-bottom: 10px;*/ /*width:100%; height: 100%;*/ text-align: center; vertical-align: middle; background-color:transparent; font-family: 'Proxima Nova',arial,sans-serif; font-size: 12px; z-index: 9999; } /* Buttons style used by views */ .button-viewList { height: 19px; opacity: 1; } .button-viewList:hover { opacity: 1; } .button-viewList-blank { border: 0px; background: transparent; width: 17px; display: inline-block; } .button-viewList-down { border: 0px; background: no-repeat url(../../images/liDown.png); background-position: center; width: 17px; display: inline-block; } .button-viewList-up { border: 0px; background: no-repeat url(../../images/liUp.png); background-position: center; width: 17px; display: inline-block; } .button-viewList-delete { border: 0px; background: no-repeat url(../../images/liDelete.png); background-position: center; width: 17px; display: inline-block; } .button-view-li { opacity: 0.55; } .button-view-li:hover { opacity: 1; } .button-view-add { border: 0px; vertical-align: bottom; margin: 0px; padding: 0px; margin-bottom: 2px; background: no-repeat url(../../images/add.png); width: 16px; height: 16px; display: inline-block; } .button-view-blank { border: 0px; margin-top: 2px; background: transparent; width: 13px; height: 16px; display: inline-block; } .button-view-licalendar { border: 0px; margin-bottom:3px; margin-left: -16px; background: no-repeat url(../../images/liCalendar.png); width: 14px; height: 14px; display: inline-block; vertical-align: bottom; } .button-view-lidelete { border: 0px; margin-top: 5px; margin-left: 3px; margin-right: 3px; background: no-repeat url(../../images/wall/delete.png); width: 9px; height: 9px; display: inline-block; } .button-view-liup { border: 0px; margin-top: 5px; background: no-repeat url(../../images/up.png); width: 13px; height: 8px; display: inline-block; } .button-view-lidown { border: 0px; margin-top: 5px; background: no-repeat url(../../images/down.png); width: 13px; height: 8px; display: inline-block; } .button-view img { opacity: 0.55; vertical-align: middle; } .button-view:hover img { opacity: 1; vertical-align: middle; } .button-view { opacity: 0.55; display: inline-block; min-width: 20px; border: 1px solid gainsboro; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; color: #444; font-size: 90%; font-weight: bold; padding: 0; /*line-height: 27px;*/ -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; background-color: #f5f5f5; background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: linear-gradient(top,#f5f5f5,#f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1'); border-image: initial; } .button-view:hover { border:1px solid #c6c6c6; color:#333; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background-color:#f8f8f8; background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1'); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.1); box-shadow:0 1px 1px rgba(0,0,0,0.1); text-decoration:none; } .button-view-small { height: 19px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .button-view-left { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; margin-right: -1px; } .button-view-mid { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; margin-right: -1px; } .button-view-right { margin-left: -1px; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .button-view.selected { background-color: #EEE; background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0)); background-image: -webkit-linear-gradient(top,#eee,#e0e0e0); background-image: -moz-linear-gradient(top,#eee,#e0e0e0); background-image: -ms-linear-gradient(top,#eee,#e0e0e0); background-image: -o-linear-gradient(top,#eee,#e0e0e0); background-image: linear-gradient(top,#eee,#e0e0e0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',EndColorStr='#e0e0e0'); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); border: 1px solid #CCC; color: #333; border-image: initial; } .buttonbarinput .button-view { float: left; position: relative; /*z-index: 1;*/ } /* End Button Views */ .buttonPrevious { border: 0px; margin-top: 2px; background: no-repeat url(../../images/arrowPrevious.png); width: 8px; height: 13px; display: inline-block; } .buttonNext { border: 0px; margin-top: 2px; background: no-repeat url(../../images/arrowNext.png); width: 8px; height: 13px; display: inline-block; } .buttonSearch { border: 0px; margin-top: 6px; background: no-repeat url(../../images/search.png); width: 16px; height: 16px; display: inline-block; } .buttonHome { border: 0px; margin-top: 4px; background: no-repeat url(../../images/home.png); width: 18px; height: 18px; display: inline-block; } .buttonProfile { border: 0px; margin-top: 4px; background: no-repeat url(../../images/profile.png); width: 18px; height: 18px; display: inline-block; } .buttonLogout { border: 0px; margin-top: 4px; background: no-repeat url(../../images/logout.png); width: 20px; height: 20px; display: inline-block; } .buttonCalendar { border: 0px; margin-top: 4px; background: no-repeat url(../../images/calendar.png); width: 22px; height: 19px; display: inline-block; } .buttonNotepad { border: 0px; margin-top: 4px; background: no-repeat url(../../images/notepad.png); width: 20px; height: 20px; display: inline-block; } .buttonSave { border: 0px; margin-top: 3px; background: no-repeat url(../../images/save.png); width: 20px; height: 21px; display: inline-block; } .buttonDelete { border: 0px; margin-top: 6px; background: no-repeat url(../../images/delete.png); width: 16px; height: 16px; display: inline-block; } .buttoninputSmall { height: 20px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .buttoninputMedium { height: 27px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .buttoninput { display: inline-block; min-width: 54px; border: 1px solid gainsboro; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; color: #444; font-size: 90%; font-weight: bold; padding: 0; /*line-height: 27px;*/ -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; background-color: #f5f5f5; background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: linear-gradient(top,#f5f5f5,#f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1'); border-image: initial; } .buttoninput:hover { border:1px solid #c6c6c6; color:#333; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background-color:#f8f8f8; background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1'); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.1); box-shadow:0 1px 1px rgba(0,0,0,0.1); text-decoration:none; } .buttoninput-left { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; margin-right: -1px; } .buttoninput-mid { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; margin-right: -1px; } .buttoninput-right { margin-left: -1px; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .buttoninput.selected { background-color: #EEE; background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0)); background-image: -webkit-linear-gradient(top,#eee,#e0e0e0); background-image: -moz-linear-gradient(top,#eee,#e0e0e0); background-image: -ms-linear-gradient(top,#eee,#e0e0e0); background-image: -o-linear-gradient(top,#eee,#e0e0e0); background-image: linear-gradient(top,#eee,#e0e0e0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',EndColorStr='#e0e0e0'); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); border: 1px solid #CCC; color: #333; border-image: initial; } .buttonbarinput .buttoninput { float: left; position: relative; /*z-index: 1;*/ } .buttoninput img { opacity: 0.55; vertical-align: middle; } .buttoninput:hover img { opacity: 1; vertical-align: middle; } /*.dir-tm { direction: ltr; zoom: 1; margin: 0 0px 0 0px; }*/ .buttonbarinput { overflow: hidden; padding: 0px; }