diff -r 318533413200 -r a1707c607eec src/pyams_skin/resources/less/forms.less --- a/src/pyams_skin/resources/less/forms.less Sun Jul 19 02:02:20 2020 +0200 +++ /dev/null Thu Jan 01 00:00:00 1970 +0000 @@ -1,2974 +0,0 @@ -/* - * Forms styles - */ - -@import "colors.less"; - -.form { - hr { - margin-left: -13px; - margin-right: -13px; - border-color: rgba(0, 0, 0, .1); - margin-top: 20px; - margin-bottom: 20px; - } - fieldset { - display: block; - border: 0; - background: rgba(255, 255, 255, .9); - position: relative; - } - header, - legend { - display: block; - padding: 8px 0; - border-bottom: 1px dashed rgba(0, 0, 0, .2); - background: #fff; - font-size: 16px; - font-weight: 300; - color: #222; - margin: 25px 0 20px; - } - .no-padding & header { - margin: 25px 14px 0; - } - header:first-child { - margin-top: 10px; - } - .form-group:last-child, - .form-group:last-child .note, - fieldset .form-group:last-child, - fieldset .form-group:last-child .note { - margin-bottom: 0; - } -} - -.form-suffix { - .alert:last-child { - margin-bottom: 0; - border-radius: 0 0 5px 5px; - } -} - -fieldset { - position: relative; -} - -legend { - font-weight: 400; - margin-top: 0; - background: 0 0; -} - -i.hint { - vertical-align: super; - opacity: 0.5; - - &:hover { - opacity: 0.9!important; - } - .nohints & { - display: none; - } -} - -.input-group-addon { - padding: 6px 10px 5px!important; - border-radius: 0; - transition: background-color .3s; - -webkit-transition: background-color .3s; - - .fa { - font-size: 14px; - } - .fa-2x, - .fa-lg { - font-size: 2em; - } - .fa-3x, - .fa-4x, - .fa-5x { - font-size: 30px; - } - .checkbox, - .radio { - min-height: 0; - margin-right: 0!important; - padding-top: 0; - } - label input[type=checkbox].checkbox + span, - label input[type=checkbox].checkbox + span:before, - label input[type=radio].radiobox + span, - label input[type=radio].radiobox+span:before { - margin-right: 0; - } - .onoffswitch, - .onoffswitch-label { - margin: 0; - } - input[type=text]:focus + & { - border-color: #0091d9; - background-color: #72a0ce; - color: #fff; - } - .has-warning input[type=text]:focus + & { - border-color: #7f6a1e; - background-color: #cead35; - color: #fff; - } - .has-error input[type=text]:focus + & { - border-color: #c46a69; - background-color: #c46a69; - color: #fff; - } - .has-success input[type=text]:focus + & { - border-color: #446b46; - background-color: #588a5a; - color: #fff; - } -} - -.input-icon-left { - >i { - right: auto; - left: 24px; - } - .form-control { - padding-left: 29px; - } -} - -.input-icon-right { - position: relative; - - .form-control { - padding-right: 27px; - } -} - -.input-icon-left, -.input-icon-right { - >i { - position: absolute; - right: 10px; - top: 30%; - font-size: 16px; - color: #bfbfbf; - } -} - -.form-actions { - display: block; - padding: 13px 14px 15px; - border-top: 1px solid rgba(0, 0, 0, .1); - background: rgba(249, 249, 249, .9); - margin-top: 25px; - margin-left: -13px; - margin-right: -13px; - margin-bottom: -13px; - text-align: right; - - .well & { - margin-left: -19px; - margin-right: -19px; - margin-bottom: -19px; - } - .well.well-lg & { - margin-left: -24px; - margin-right: -24px; - margin-bottom: -24px; - } - .well.well-sm & { - margin-left: -9px; - margin-right: -9px; - margin-bottom: -9px; - } - .popover-content & { - margin: 0 -14px -9px; - border-radius: 0 0 3px 3px; - padding: 9px 14px; - } - .no-padding .form & { - margin: 0; - display: block; - padding: 13px 14px 15px; - border-top: 1px solid rgba(0, 0, 0, .1); - background: rgba(248, 248, 248, .9); - text-align: right; - margin-top: 25px; - } -} - -:focus { - outline: 0!important; -} - -.filter_column input { - padding: 0px 3px; -} -.filter_column input, -.filter_column select { - width: 100%; - color: rgba(0, 0, 0, 0.5); - border: 1px solid #CCC; - border-radius: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.uneditable-input, -input[type=color], -input[type=date], -input[type=datetime-local], -input[type=datetime], -input[type=email], -input[type=month], -input[type=number], -input[type=password], -input[type=search], -input[type=tel], -input[type=text], -input[type=time], -input[type=url], -input[type=week], -.filter_column input, -.filter_column select, -select, -textarea { - - &:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted 9; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - } -} - -.form-control { - padding: 7px 12px 5px; -} - -.form-control, -.input-lg, -.input-sm, -.input-xs { - border-radius: 0 !important; -} - -.input-xs { - height: 24px; - padding: 3px 10px 1px; - font-size: 11px; - line-height: 1.5; -} - -.fileinput { - padding-top: 3px; -} - - -input[type=checkbox].checkbox, -input[type=radio].radiobox { - visibility: hidden; - position: absolute; - z-index: 20; - width: 18px; - height: 18px; - - .checkbox &+span, - .checkbox-inline &+span, - .radio &+span, - .radiobox-inline &+span { - margin-left: -20px; - - .form-inline & { - margin-left: 0; - } - } - &+span, - label &+span { - vertical-align: middle; - line-height: 20px; - } - &+span, - &+span:after, - &:before { - box-sizing: content-box!important; - -webkit-box-sizing: content-box!important; - -moz-box-sizing: content-box!important; - } - label &+span { - position: relative; - z-index: 19; - display: inline-block; - margin: 0; - line-height: 17px; - min-height: 14px; - min-width: 14px; - margin-right: 5px; - - &:hover { - cursor: pointer; - } - &:before { - font-family: FontAwesome; - font-size: 12px; - border-radius: 0; - content: "\a0"; - display: inline-block; - text-align: center; - vertical-align: middle; - padding: 1px; - height: 12px; - line-height: 12px; - min-width: 12px; - margin-right: 5px; - border: 1px solid #bfbfbf; - background-color: #f4f4f4; - font-weight: 400; - margin-top: -1px; - } - } -} - -input[type=checkbox] { - label & { - &.checkbox { - +span:before { - content: "\a0"; - } - &:checked+span { - font-weight: 700; - - &:before { - content: "\f00c"; - color: #2E7BCC; - } - } - &.style-1 { - &+span:before { - color: #333; - background: #fff; - text-shadow: none; - -webkit-box-shadow: none!important; - box-shadow: none!important; - border-width: 1px; - height: 12px; - line-height: 13px; - min-width: 12px; - } - &:checked+span { - font-weight: 400; - - &:before { - color: #333; - border-color: #333; - } - } - } - &.style-2+span:before { - background: 0 0; - border-color: #c1c1c1; - -webkit-box-shadow: none; - box-shadow: none; - } - &.style-2:checked+span { - font-weight: 400; - - &:before { - content: "\f00c"; - color: #66665e; - border-color: #4d90fe; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUQ0MEM4RUFEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUQ0MEM4RUJEQUE4MTFFMkEwMjM5NzlCRjAxM0UwRjciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxRDQwQzhFOERBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDQwQzhFOURBQTgxMUUyQTAyMzk3OUJGMDEzRTBGNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsD/PVAAAAAQSURBVHjaYv7//78vQIABAAlYA05NMPppAAAAAElFTkSuQmCC) #fff; - } - } - &.style-3:checked+span:before { - color: #fff; - border-color: #a90329; - background: #a90329; - } - } - } - label:active & { - &.checkbox { - +span:before { - -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); - box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); - } - } - } - label:hover & { - &.checkbox { - +span:before { - color: #2E7BCC; - border-color: #2E7BCC; - } - &.style-1+span:before { - border-color: #333; - } - &.style-2 { - +span:before { - -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(255, 255, 255, .2); - box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(255, 255, 255, .2); - } - &:checked+span:before { - -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); - box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); - } - } - &.style-3+span:before { - color: #fff; - border-color: #A90327; - } - } - } - label:active & { - &.checkbox { - &:checked+span:before { - color: #fff; - background: #2E7BCC; - border-color: #2E7BCC; - } - &.style-1:checked+span:before { - color: #fff; - background: #333; - border-color: #333; - } - &.style-2+span:before, - &.style-2:checked+span:before { - color: #66665e; - background: 0 0; - border-color: #c1c1c1; - -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); - box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); - } - &.style-3:checked+span:before { - color: #a90329; - background: #fff; - border-color: #a90329; - } - } - } - label &[disabled] { - &.checkbox { - +span, - &:checked+span { - color: #A7A7A7; - cursor: not-allowed; - } - &:checked+span:before { - content: "\f00c"; - } - &.style-2:checked+span:before { - content: "\f00c"; - } - +span:before, - &:checked+span:before, - &:checked+span:before { - background: #eee!important; - border-color: #CCC!important; - -webkit-box-shadow: none; - color: #A7A7A7; - box-shadow: none!important; - } - } - } - label:hover &[disabled] { - &.checkbox { - &:checked+span:before { - color: #A7A7A7; - cursor: not-allowed; - } - &:checked+span:before { - background: #eee!important; - border-color: #CCC!important; - -webkit-box-shadow: none; - color: #A7A7A7; - box-shadow: none!important; - } - } - } -} - -input[type=radio] { - &.radiobox { - label & { - +span:before { - content: "\a0"; - border-radius: 50%; - -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(255, 255, 255, .2); - box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .1), 0 1px 0 0 rgba(255, 255, 255, .2); - } - &:checked+span { - font-weight: 700; - - &:before { - content: "\f111"; - color: #2E7BCC; - } - } - &.style-1 { - +span:before { - font-size: 9px; - background: #fff; - text-shadow: none; - -webkit-box-shadow: none!important; - box-shadow: none!important; - border-width: 1px; - height: 13px; - line-height: 13px; - min-width: 13px; - } - &:checked+span:before { - font-size: 10px; - color: #333; - border-color: #333; - background: #fff; - } - &:checked+span { - font-weight: 400; - } - } - &.style-2 { - &:checked+span { - font-weight: 400; - - &:before { - color: #66665e; - border-color: #4d90fe; - font-size: 9px; - } - } - } - &.style-3 { - &:checked+span:before { - color: #a90329; - border-color: #a90329; - } - } - } - label:hover & { - +span:before, - &:checked+span:before { - color: #2E7BCC; - border-color: #2E7BCC; - } - &.style-1 { - &+span:before, - &:checked+span:before { - color: #333; - border-color: #333; - background: #fff; - } - } - &.style-2 { - &:checked+span:before { - color: #66665e; - border-color: #4d90fe; - } - } - &.style-3 { - &+span:before, - &:checked+span:before { - color: #a90329; - border-color: #a90329; - } - } - } - label:active & { - +span:before { - -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); - box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, .3), 0 1px 0 0 rgba(255, 255, 255, .4); - } - } - } - label &[disabled] { - &.radiobox { - +span, - &:checked+span, - &:checked+span:before { - color: #A7A7A7; - cursor: not-allowed; - } - &:checked+span:before { - content: "\f111"; - } - +span:before, - &:checked+span:before { - background: #eee!important; - border-color: #CCC!important; - -webkit-box-shadow: none; - box-shadow: none; - color: #A7A7A7; - } - } - } - label:active &, - label:hover & { - &[disabled].radiobox:checked+span:before { - background: #eee!important; - border-color: #CCC!important; - -webkit-box-shadow: none; - box-shadow: none; - color: #A7A7A7; - } - } -} - - -textarea { - background-color: @white; - min-height: 70px; - - &.monospace, - .monospace & { - font-family: monospace, sans-serif!important; - font-size: 80%!important; - } - &.clone { - position: absolute; - visibility: hidden; - } -} - -.textarea-div { - background-color: #FFF; - border: 1px solid #CCC; - border-bottom: 0; - margin: 10px 0 0; -} -.textarea-controls { - box-sizing: border-box; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - padding: 5px; - display: block; - background-color: #FFF; - border: 1px solid #CCC; - border-top: 0; - height: 43px; - line-height: 33px; - overflow: hidden; - - >label { - margin: 3px 10px 0; - } - .ams-form .checkbox { - padding-left: 22px!important; - } -} - -.typearea { - cursor: text; - overflow-x: hidden; - overflow-y: auto; - max-height: 12em; - padding: 5px 25px 5px 5px; - position: relative; - border-bottom: 1px solid #EEE; - - textarea { - width: 100%; - border-color: transparent!important; - box-sizing: border-box; - box-shadow: none; - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - -webkit-box-shadow: none; - overflow: auto; - padding: 0; - margin: 0; - -webkit-transition: height .2s; - transition: height .2s; - outline: 0; - resize: none; - min-height: ~"calc(11em - 30px)"; - } -} - - -.error-box { - max-width: 900px; - margin: 0 auto; -} - -.error-text { - font-weight: 400; - color: #fff; - letter-spacing: -4px; - font-size: 700%; - margin-bottom: 30px; - text-shadow: 0 1px 0 #ccc, 0 2px 0 #bfbfbf, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15); -} - -.error-search { - width: 300px; - margin: 0 auto 20px; -} - -.error-icon-shadow { - text-shadow: 0 1px 0 #803838, 0 2px 0 #a85d5d, 0 3px 0 #b86565, 0 4px 0 #d86f6f, 0 5px 0 #b3a5a5, 0 6px 1px rgba(131, 51, 51, .1), 0 0 5px rgba(102, 30, 30, .1), 0 1px 3px rgba(95, 15, 15, .3), 0 3px 5px rgba(100, 23, 23, .2), 0 5px 10px rgba(114, 30, 30, .25), 0 10px 10px rgba(94, 15, 15, .2), 0 20px 20px rgba(121, 38, 38, .15); -} - -.form-inline { - .checkbox, - .radiobox { - padding-left: 0; - } -} - - -.ams-form { - position: relative; - margin: 0; - outline: 0; - color: #333; - - *, - :after, - :before { - margin: 0; - padding: 0; - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - } - .dt-top-row * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - header { - display: block; - padding: 8px 0; - border-bottom: 1px dashed rgba(0, 0, 0, .2); - background: #fff; - font-size: 16px; - font-weight: 300; - color: #232323; - margin: 10px 14px 0; - - .modal-dialog & { - margin: 10px -2px 0 0; - } - } - fieldset { - display: block; - position: relative; - padding: 10px 15px 5px; - border: 0; - background: rgba(255, 255, 255, .9); - - &[disabled] { - >section, - >article, - >div { - opacity: 0.6; - } - LEGEND.checker { - .checkbox { - cursor: pointer; - } - } - } - &.switched { - margin-bottom: 0!important; - - >section, - >article, - >div:not(.persistent) { - display: none; - } - legend { - border-bottom: 0; - } - - & + fieldset { - margin-top: 0!important; - } - } - &.bordered { - margin: 0 10px 10px; - border: 1px solid rgba(192, 192, 192, 0.8); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - - &.switched { - border: 1px solid transparent; - background-color: transparent; - } - >legend { - width: auto; - padding: 3px 10px 1px; - border: 1px solid rgba(192, 192, 192, 0.8); - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - } - } - >fieldset { - &.bordered { - margin: 10px 0; - } - } - } - fieldset+fieldset { - border-top: 1px solid rgba(0, 0, 0, .1); - } - legend { - padding-top: 10px; - - &.inner, - .inner { - font-weight: 300; - font-size: 14.5px!important; - } - &.switcher { - cursor: pointer; - } - &.checker, - &.switcher { - font-weight: 300; - font-size: 16.5px; - border: 0; - padding-bottom: 0; - - label[for] { - cursor: pointer; - } - } - .fa { - &.text-danger { - color: @dangerTextColor; - } - } - >.fa { - padding-right: 3px; - color: rgb(50, 118, 177); - font-size: 75%; - - &.fa-stack { - font-size: 100%; - width: 1em; - height: 1em; - line-height: 1em; - } - } - .hint { - vertical-align: top; - font-size: 1em; - } - label.checkbox { - display: inline-block; - margin-bottom: 0px; - min-height: 18px; - - i { - position: absolute; - left: 3px; - top: -1px; - } - } - .btn-group { - margin-left: 20px; - } - } - >.modal-viewport >fieldset >legend { - padding-top: 0; - } - section { - margin-bottom: 10px; - position: relative; - } - .form-group { - padding: 5px 10px; - } - &.form-tight, - & .form-tight { - .form-group { - padding: 1px 10px; - - .i18n-content { - margin-bottom: 5px; - } - } - } - label { - &.checkbox, - &.radio { - padding-top: 0; - } - &.input-file { - img.thumbnail { - display: inline-block; - margin: 4px 10px 0 4px!important; - padding: 4px!important; - } - } - } - input { - &.input-lg { - height: 44px; - padding: 10px 16px; - font-size: 17px; - line-height: 1.33; - } - &.input-sm { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - } - &.input-xs { - height: 24px; - padding: 2px 10px; - font-size: 11px; - line-height: 1.5; - } - &[type="text"][name], - &[type="password"][name] { - &[disabled], - &[readonly] { - background-color: #efefef; - } - } - } - .textarea { - textarea[name] { - &[disabled], - &[readonly] { - background-color: #efefef; - } - } - } - select { - &.input-sm { - height: 30px; - line-height: 15px; - font-size: 12px; - } - &.input-sm+i { - height: 10px; - } - &.input-lg { - height: 44px; - line-height: 22px; - font-size: 17px; - } - &.input-lg+i { - height: 11px; - top: 17px; - } - } - .row { - margin: 0 -15px; - - &:after { - display: table; - content: ''; - clear: both; - } - } - .col-1 { - width: 8.33%; - } - .col-2 { - width: 16.66%; - } - .col-3 { - width: 25%; - } - .col-4 { - width: 33.33%; - } - .col-5 { - width: 41.66%; - } - .col-6 { - width: 50%; - } - .col-8 { - width: 66.67%; - } - .col-9 { - width: 75%; - } - .col-10 { - width: 83.33%; - } - .col { - float: left; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; - -webkit-box-sizing: border-box; - box-sizing: border-box; - -moz-box-sizing: border-box; - - @media screen and (max-width:600px) { - float: none; - width: 100%; - } - .label { - @media screen and (max-width: 600px) { - text-align: left; - padding-left: 20px; - } - } - } - footer { - display: block; - padding: 7px 25px 15px; - border-top: 1px solid rgba(0, 0, 0, .1); - background: rgba(248, 248, 248, .9); - - &:after { - display: table; - clear: both; - content: ''; - } - .btn { - float: right; - height: 31px; - margin: 10px 0 0 5px; - padding: 0 22px; - font: 300 15px/29px Ubuntu, Helvetica, Arial, sans-serif; - cursor: pointer; - - &.btn-info { - float: left; - } - } - .submit-message { - display: inline-block; - } - } - .message { - display: none; - color: #6fb679; - - i { - display: block; - margin: 0 auto 20px; - width: 81px; - height: 81px; - border: 1px solid #6fb679; - border-radius: 50%; - font-size: 30px; - line-height: 81px; - } - } - &.submitted { - fieldset, - footer { - display: none; - } - .message { - display: block; - padding: 25px 30px; - background: rgba(255, 255, 255, .9); - font: 300 18px/27px Ubuntu, Helvetica, Arial, sans-serif; - text-align: center; - } - } - .note { - margin-top: 6px; - padding: 0 1px; - font-size: 11px; - line-height: 15px; - color: #999; - - a { - font-size: 13px; - } - } - .note-success { - color: #6fb679; - } - .control-label { - display: block; - margin-top: 4px; - margin-bottom: 6px; - padding-top: 0; - line-height: 19px; - font-weight: 400; - font-size: 13px; - color: #666; - text-align: right; - - @media screen and (max-width: 992px) { - text-align: left; - margin-bottom: 0; - } - &.col { - text-align: right; - - @media screen and (max-width: 600px) { - text-align: left; - padding-left: 20px; - } - } - span { - margin-right: 10px; - - &::after { - content: " *"; - color: transparent; - } - >.hint { - margin-top: -2px; - } - } - .col { - margin: 0; - padding-top: 7px; - } - } - label.input span.textline-field { - display: block; - margin-top: 4px; - margin-bottom: 6px; - padding: 0 8px 6px; - line-height: 19px; - font-size: 13px; - } - .required-field { - .control-label { - span::after { - color: red; - } - } - } - .tooltip { - position: absolute; - z-index: 99999; - left: -9999px; - padding: 2px 8px 3px; - font-size: 11px; - line-height: 16px; - font-weight: 400; - background: rgba(0, 0, 0, .9); - color: #fff; - opacity: 0; - transition: margin .3s, opacity .3s; - -webkit-transition: margin .3s, opacity .3s; - - &:after { - position: absolute; - content: ''; - } - } - .tooltip-top-right { - bottom: 100%; - margin-bottom: 15px; - - &:after { - top: 100%; - right: 11px; - border-top: 4px solid rgba(0, 0, 0, .9); - border-right: 4px solid transparent; - border-left: 4px solid transparent; - } - } - .input input:focus+.tooltip-top-right, - .input textarea:focus+.tooltip-top-right { - right: 0; - left: auto; - margin-bottom: 5px; - } - .tooltip-top-left { - bottom: 100%; - margin-bottom: 15px; - - &:after { - top: 100%; - left: 11px; - border-top: 4px solid rgba(0, 0, 0, .9); - border-right: 4px solid transparent; - border-left: 4px solid transparent; - } - } - .input input:focus+.tooltip-top-left, - .input textarea:focus+.tooltip-top-left { - right: auto; - left: 0; - margin-bottom: 5px; - } - .tooltip-right { - top: 4px; - white-space: nowrap; - margin-left: 15px; - - &:after { - top: 6px; - right: 100%; - border-top: 4px solid transparent; - border-right: 4px solid rgba(0, 0, 0, .9); - border-bottom: 4px solid transparent; - } - } - .input input:focus + .tooltip-right, - .input textarea:focus+.tooltip-right { - left: 100%; - margin-left: 5px; - } - .tooltip-left { - top: 4px; - white-space: nowrap; - margin-right: 15px; - - &:after { - top: 6px; - left: 100%; - border-top: 4px solid transparent; - border-bottom: 4px solid transparent; - border-left: 4px solid rgba(0, 0, 0, .9); - } - } - .input input:focus + .tooltip-left, - .input textarea:focus + .tooltip-left { - right: 100%; - left: auto; - margin-right: 5px; - } - .tooltip-bottom-right { - top: 100%; - margin-top: 15px; - - &:after { - bottom: 100%; - right: 11px; - border-right: 4px solid transparent; - border-bottom: 4px solid rgba(0, 0, 0, .9); - border-left: 4px solid transparent; - } - } - .input input:focus + .tooltip-bottom-right, - .input textarea:focus + .tooltip-bottom-right { - right: 0; - left: auto; - margin-top: 5px; - } - .tooltip-bottom-left { - top: 100%; - margin-top: 15px; - - &:after { - bottom: 100%; - left: 11px; - border-right: 4px solid transparent; - border-bottom: 4px solid rgba(0, 0, 0, .9); - border-left: 4px solid transparent; - } - } - .input input:focus + .tooltip-bottom-left, - .input textarea:focus + .tooltip-bottom-left { - right: auto; - left: 0; - margin-top: 5px; - } - .inline-group { - margin: 0 -30px -4px 0; - - &:after { - content: ''; - display: table; - clear: both; - } - .checkbox, - .radio { - float: left; - margin-right: 30px; - - &:last-child { - margin-bottom: 4px; - } - } - } - .input .inline-group { - margin: 0 0 -4px 0; - } - .btn { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - .button { - float: right; - height: 31px; - overflow: hidden; - margin: 10px 0 0 5px; - padding: 0 25px; - outline: 0; - border: 0; - font: 300 15px/31px Ubuntu, Helvetica, Arial, sans-serif; - text-decoration: none; - color: #fff; - cursor: pointer; - background-color: #3276B1; - opacity: .8; - transition: opacity .2s; - -webkit-transition: opacity .2s; - - &:hover { - opacity: 1; - } - &.button-secondary { - background-color: #b3b3b3; - } - } - .button, - .checkbox, - .input, - .radio, - .select, - .textarea, - .toggle { - display: block; - position: relative; - font-weight: 400; - } - .input input, - .select select, - .input textarea { - display: block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - height: 28px; - padding: 6px 8px; - outline: 0; - border-width: 1px; - border-style: solid; - border-radius: 0; - background: #fff; - font: 13px/16px Ubuntu, Helvetica, Arial, sans-serif; - color: #404040; - appearance: normal; - -moz-appearance: none; - -webkit-appearance: none; - - &[readonly] { - border-bottom: 1px solid #ccc!important; - pointer-events: none; - cursor: pointer; - - &:focus { - -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; - } - } - &.display-mode { - border: none; - padding: 0; - margin-top: 2px; - margin-bottom: 3px; - height: 14px; - line-height: 1em; - } - } - .input span.textarea-widget, - .input .html_content { - display: block; - width: 100%; - min-height: 14px; - padding: 4px 8px; - border-bottom: 1px solid #ccc!important; - } - .i18n-widget { - height: 100%; - - >.clearfix { - height: 100%; - } - .i18n-content { - height: 100%; - - >.clearfix { - height: 100%; - - >.ace_editor { - height: ~"calc(100% - 20px)"!important; - } - } - } - } - .input .i18n-content input, - .input .i18n-content textarea, - .select .i18n-content select { - &[readonly] { - border-width: 0!important; - } - } - .input .i18n-content .textarea-widget { - display: block; - min-height: 12px; - } - .input input:focus + .tooltip, - .input textarea:focus + .tooltip { - opacity: 1; - } - .input .icon-prepend + input, - .input .icon-prepend + textarea { - padding-left: 37px; - } - .input .icon-append + input, - .input .icon-append + textarea { - padding-right: 37px; - } - .input .icon-prepend + .icon-append + input, - .input .icon-prepend + .icon-append + textarea { - padding-left: 37px; - } - .input.with-icons { - .icon-append-2 + input { - padding-right: 60px; - } - } - .input-file { - position: relative; - width: 100%; - - .current-value { - font-size: 13px; - } - .button { - position: absolute; - top: 3px; - right: 3px; - float: none; - height: 22px; - margin: 0; - padding: 0 14px; - font-size: 13px; - line-height: 22px; - - &:hover { - -webkit-box-shadow: none; - box-shadow: none; - } - input { - position: absolute; - top: 0; - right: 0; - padding: 0; - font-size: 30px; - cursor: pointer; - opacity: 0; - } - } - } - .select { - select { - padding: 5px; - } - i { - position: absolute; - top: 9px; - right: 11px; - width: 5px; - height: 11px; - background: #fff; - - &:before, - &:after { - content: ''; - position: absolute; - right: 0; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - } - &:before { - top: 0; - border-bottom: 4px solid #404040; - } - &:after { - bottom: 0; - border-top: 4px solid #404040; - } - } - } - .select-widget .selected-option { - display: inline-block; - padding: 4px 8px; - } - .select-multiple select { - height: auto; - } - .input { - textarea { - height: auto; - resize: vertical; - } - &.height-100 { - textarea { - height: 100px; - } - .i18n-content { - textarea { - height: 70px; - } - } - } - &.height-200 { - textarea { - height: 200px; - } - .i18n-content { - textarea { - height: 170px; - } - } - } - &.height-300 { - textarea { - height: 300px; - } - .i18n-content { - textarea { - height: 270px; - } - } - } - &.height-400 { - textarea { - height: 400px; - } - .i18n-content { - textarea { - height: 370px; - } - } - } - &.height-500 { - textarea { - height: 500px; - } - .i18n-content { - textarea { - height: 470px; - } - } - } - } - .textarea-resizable textarea { - resize: vertical; - } - .textarea-expandable textarea { - height: 31px; - - &:focus { - height: auto; - } - } - .ace_editor, - .ace_scroller, - .ace_content { - width: 100%!important; - height: 100%!important; - } - .ace_search.right { - right: 15px!important; - } - .checkbox, - .radio { - margin-bottom: 4px; - padding-left: 25px; - line-height: 25px; - color: #404040; - cursor: pointer; - font-size: 13px; - - &:last-child { - margin-bottom: 0; - } - i { - display: block; - position: absolute; - top: 3px; - left: 0; - width: 17px; - height: 17px; - outline: 0; - border-width: 1px; - border-style: solid; - background: #FFF; - } - input { - position: absolute; - left: -9999px; - - &+i:after { - position: absolute; - opacity: 0; - transition: opacity .1s; - -webkit-transition: opacity .1s; - } - &:checked+i:after { - opacity: 1; - } - } - } - .radio input+i:after { - background-color: #3276B1; - } - .checkbox input { - &+i:after { - content: '\f00c'; - top: -1px; - left: 1px; - width: 15px; - height: 15px; - font: 400 16px/19px FontAwesome; - text-align: center; - } - &+i:after { - color: #3276B1; - } - &:checked:hover+i:after { - content: '\f00d'; - } - &:checked:disabled:hover+i:after { - content: '\f00c'; - } - } - .radio input + i:after { - content: ''; - top: 4px; - left: 4px; - width: 9px; - height: 9px; - border-radius: 50%; - } - .checkbox + .checkbox, - .radio + .radio { - margin-top: 0; - } - &.table td .checkbox i, - &.table td .radio i, - &.table th .checkbox i, - &.table th .radio i { - top: 0!important; - } - .inner { - .checkbox { - min-height: 13px; - - i { - width: 13px; - height: 13px; - } - input +i:after { - width: 11px; - height: 11px; - font: 300 12px/16px FontAwesome; - } - } - } - .inner-table-form & { - >fieldset { - margin-top: 10px; - margin-bottom: 0; - } - legend { - background-color: white; - } - .form-group { - padding: 5px 10px 0; - } - input[type="text"] { - height: 28px; - } - footer { - padding: 5px 20px; - border-top: 0; - background-color: transparent; - } - } - .toggle { - margin-bottom: 4px; - padding-right: 61px; - font-size: 15px; - line-height: 25px; - color: #404040; - cursor: pointer; - - &:last-child { - margin-bottom: 0; - } - &.state-error input:checked+i { - background: #fff0f0; - } - &.state-success input:checked+i { - background: #f0fff0; - } - input { - position: absolute; - left: -9999px; - - &:checked+i:before { - right: 36px; - } - &:checked+i:after { - content: attr(data-swchon-text); - text-align: right; - } - } - i { - display: block; - position: absolute; - content: ''; - top: 4px; - right: 0; - width: 49px; - height: 17px; - border-width: 1px; - border-style: solid; - border-radius: 12px; - background: #fff; - - &:before { - display: block; - position: absolute; - content: ''; - z-index: 1; - top: 4px; - right: 4px; - width: 9px; - height: 9px; - border-radius: 50%; - opacity: 1; - transition: right .2s; - -webkit-transition: right .2s; - background-color: #3276B1; - } - &:after { - position: absolute; - content: attr(data-swchoff-text); - top: 2px; - right: 8px; - left: 8px; - font-style: normal; - font-size: 9px; - line-height: 17px; - font-weight: 700; - text-align: left; - color: #5f5f5f; - } - } - } - .checkbox:hover i, - .radio:hover i, - .toggle:hover i { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); - } - .checkbox:active i, - .radio:active i, - .toggle:active i { - background: #F0F0F0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1); - } - .checkbox input:checked+i, - .radio input:checked+i, - .toggle input:checked+i { - border-color: #3276B1; - } - .rating { - margin-bottom: 4px; - font-size: 13px; - line-height: 25px; - color: #404040; - - &:last-child { - margin-bottom: 0; - } - &.state-error+em { - margin-top: -4px; - margin-bottom: 4px; - } - input { - position: absolute; - left: -9999px; - - &+label:hover, - &+label:hover~label { - color: #3276B1; - } - &:checked~label { - color: #3276B1; - } - } - label { - display: block; - float: right; - height: 17px; - margin-top: 5px; - padding: 0 2px; - font-size: 17px; - line-height: 17px; - cursor: pointer; - color: #ccc; - transition: color .3s; - -webkit-transition: color .3s; - } - } - .icon-append, - .icon-prepend { - position: absolute; - top: 4px; - width: 20px; - height: 20px; - font-size: 14px; - line-height: 20px; - text-align: center; - color: #A2A2A2; - - &.text-primary { - color: #337ab7; - - &.inverted { - background-color: #337ab7; - color: white; - border-radius: 3px; - } - } - &.fa-stack { - .fa-stack-2x { - font-size: 1.6em; - left: 1px; - } - .fa-stack-1x { - left: 1px; - top: 1px; - } - } - } - .icon-append { - right: 4px; - padding-left: 2px; - border-left-width: 1px; - border-left-style: solid; - - &.fa-spin { - border-left-style: none; - } - } - .icon-append-2 { - right: 31px; - } - .icon-prepend { - left: 4px; - padding-right: 2px; - border-right-width: 1px; - border-right-style: solid; - } - .icon-prepend-2 { - left: 31px; - } - .input .field-with-prefix { - display: flex; - border: 1px solid #ccc; - - .prefix { - color: @infoTextColor; - padding: 6px 0 6px 6px; - font: 13px/16px Ubuntu, Helvetica, Arial, sans-serif; - height: 16px; - - &:empty { - padding: 4px 0; - } - } - &.display { - border: 1px solid transparent; - border-bottom: 1px solid #ccc; - - .prefix { - color: @textColor; - } - .prefix + input[readonly] { - border-bottom: 0!important; - } - } - .prefix + input { - border-width: 0; - padding-left: 3px; - - &:focus { - border-width: 1px 1px 1px 0; - } - } - .prefix:empty + input { - padding-left: 8px; - - &:focus { - padding-left: 7px; - border-width: 1px; - } - } - } - .checkbox i, - .icon-append, - .icon-prepend, - .input input, - .input textarea, - .radio i, - .select select, - .toggle i { - border-color: #ccc; - transition: border-color .3s; - -webkit-transition: border-color .3s; - } - .input.bordered:hover, - .input:hover textarea, - .checkbox:hover i, - .input:hover input, - .radio:hover i, - .select:hover select, - .toggle:hover i { - border-color: rgba(82, 168, 236, 0.7); - } - .checkbox input:focus+i, - .input input:focus, - .input textarea:focus, - .radio input:focus+i, - .select select:focus, - .toggle input:focus+i { - border-color: rgba(82, 168, 236, 0.7); - outline: 0; - outline: thin dotted 9; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.7); - -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.7); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(82, 168, 236, 0.7); - } - .checkbox.state-error i, - .radio.state-error i, - .state-error input, - .state-error select, - .state-error textarea, - .toggle.state-error i { - background: #fff0f0; - border-color: rgba(255, 60, 60, 0.8) !important; - - &:focus { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; - } - } - .state-error .select2-container .select2-choice, - .state-error .select2-container .select2-choices { - border-color: rgba(255, 60, 60, 0.8) !important; - - &:focus { - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(255, 60, 60, 0.6) !important; - } - } - .checkbox.state-success i, - .radio.state-success i, - .state-success input, - .state-success select, - .state-success textarea, - .toggle.state-success i { - background: #f0fff0; - border-color: #7DC27D; - } - .button.state-disabled, - .checkbox.state-disabled, - .input.state-disabled input, - .input.state-disabled textarea, - .radio.state-disabled, - .select.state-disabled, - .toggle.state-disabled { - cursor: default!important; - opacity: .6!important; - } - .checkbox.state-disabled:hover i, - .input.state-disabled:hover input, - .input.state-disabled:hover textarea, - .radio.state-disabled:hover i, - .select.state-disabled:hover select, - .toggle.state-disabled:hover i { - border-color: #e5e5e5!important; - } - .state-disabled.checkbox input+i:after, - .state-disabled.checkbox input:checked+i, - .state-disabled.radio input+i:after, - .state-disabled.radio input:checked+i, - .state-disabled.toggle input:checked+i { - border-color: #e5e5e5!important; - color: #333!important; - } - .ui-widget-content .ui-spinner-input { - margin: 0; - border: 0; - -webkit-box-shadow: none!important; - box-shadow: none!important; - height: 29px; - } - .state-error { - color: #D56161; - - select+i { - background: #FFF0F0; - -webkit-box-shadow: 0 0 0 9px #FFF0F0; - box-shadow: 0 0 0 9px #FFF0F0; - } - &+em { - display: block; - margin-top: 6px; - padding: 0 1px; - font-style: normal; - font-size: 11px; - line-height: 15px; - color: #D56161; - } - } - .state-success { - select+i { - background: #f0fff0; - -webkit-box-shadow: 0 0 0 9px #f0fff0; - box-shadow: 0 0 0 9px #f0fff0; - } - } - .state-disabled { - &.radio input+i:after { - background-color: #333; - } - } - .form-tiny { - .form-group { - padding: 0px 10px; - } - .control-label { - margin-top: 2px; - margin-bottom: 3px; - line-height: 14px; - } - label.input { - span.textline-field { - margin-top: 2px; - margin-bottom: 3px; - line-height: 14px; - } - } - } - .form-nomargin, - &.form-nomargin{ - .control-label { - margin-top: 0; - margin-bottom: 0; - } - label.input { - span.textline-field { - margin-top: 0; - margin-bottom: 0; - } - } - } - .form-nopadding, - &.form-nopadding { - .form-group { - padding: 0 10px 1px; - } - } - td.form-input { - &.no-padding { - padding: 0!important; - - label.input { - .icon-append { - top: 0; - } - } - input.datepicker, - input.datetimepicker { - border: 0; - text-align: center; - } - } - } -} - -.ams-form-modal { - position: fixed; - z-index: 1; - display: none; - width: 400px; -} - -.ams-form-modal-overlay { - position: fixed; - top: 0; - left: 0; - display: none; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, .7); -} - -.state-error .icon-append, -.state-error .icon-prepend { - color: #ed1c24; -} - - -/* - * X-editable - v1.5.0 - */ - -.editableform { - margin-bottom: 0; - - .control-group { - margin-bottom: 0; - white-space: nowrap; - } - .editable-date { - padding: 0; - margin: 0; - float: left; - } -} - -.editableform-loading { - background: url(../img/loading.gif) center center no-repeat; - height: 25px; - width: auto; - min-width: 25px; -} - -.editable-buttons { - display: inline-block; - vertical-align: top; - margin-left: 7px; - zoom: 1; - *display: inline; - - &.editable-buttons-bottom { - display: block; - margin-top: 7px; - margin-left: 0; - } - .editable-cancel { - margin-left: 7px; - } - button.ui-button-icon-only { - height: 24px; - width: 30px; - } -} - -.editable-inline { - .add-on .icon-th { - margin-top: 3px; - margin-left: 1px; - } - .editableform-loading { - background-position: left 5px; - } -} - -.editable-input { - vertical-align: top; - display: inline-block; - width: auto; - white-space: normal; - zoom: 1; - *display: inline; - - .datepicker { - top: 0; - left: 0; - padding: 4px; - - &:before { - content: ''; - display: inline-block; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; - border-bottom-color: rgba(0, 0, 0, .2); - position: absolute; - top: -7px; - left: 6px; - } - &:after { - content: ''; - display: inline-block; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid #fff; - position: absolute; - top: -6px; - left: 7px; - } - >div { - display: none; - } - table { - width: 100%; - min-width: 214px; - margin: 0; - } - thead tr:first-child th { - cursor: pointer; - - &:hover { - background: #eee; - } - } - td, - th { - text-align: center; - width: 24px; - height: 20px; - } - th { - &.switch { - width: 145px; - } - &.next, - &.prev { - font-size: 19.5px; - } - } - td { - span { - display: block; - width: 47px; - height: 54px; - line-height: 54px; - float: left; - margin: 2px; - cursor: pointer; - - &:hover { - background: #eee; - } - &.active { - background: #3276b1; - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); - border-radius: 3px; - } - &.old { - color: #555; - } - } - } - td.day:hover { - background: #eee; - cursor: pointer; - } - td.day.disabled, - td.new, - td.old { - color: #555; - } - td.active, - td.active:hover { - background: #3276b1; - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); - border-radius: 3px; - } - &.prev i, - &.next i { - display: inline-block; - font-family: FontAwesome; - font-style: normal; - font-weight: 400; - line-height: 1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - font-size: 14px; - } - &.prev i:before { - content: "\f060"; - } - &.next i:before { - content: "\f061"; - } - } -} - -.editable-checklist label { - white-space: nowrap; - - input[type=checkbox], - span { - vertical-align: middle; - margin: 0; - } -} - -.editable-wysihtml5 { - width: 566px; - height: 250px; -} - -.editable-pre-wrapped { - white-space: pre-wrap; -} - -.editable-container { - &.editable-popup { - max-width: none!important; - } - &.popover { - width: auto; - } - &.editable-inline { - display: inline-block; - vertical-align: middle; - width: auto; - zoom: 1; - *display: inline; - } - &.ui-widget { - font-size: inherit; - z-index: 9990; - } -} - -.editable-click, -a.editable-click, -a.editable-click:hover { - text-decoration: none; - border-bottom: dashed 1px #08c; -} - -.editable-click.editable-disabled, -a.editable-click.editable-disabled, -a.editable-click.editable-disabled:hover { - color: #585858; - cursor: default; - border-bottom: 0; -} - -.editable-empty, -.editable-empty:focus, -.editable-empty:hover { - font-style: italic; - color: #D14; - text-decoration: none; -} - -.editable-unsaved { - font-weight: 700; -} - -.editable-bg-transition { - -webkit-transition: background-color 1400ms ease-out; - transition: background-color 1400ms ease-out; -} - -.form-horizontal .editable { - padding-top: 5px; - display: inline-block; -} - -.editable-address { - display: block; - margin-bottom: 5px; -} - -.editable-address span { - width: 70px; - display: inline-block; -} - -.editable-clear { - clear: both; - font-size: .9em; - text-decoration: none; - text-align: right; -} - -.editable-clear-x { - background: url(../img/clear.png) center center no-repeat; - display: block; - width: 13px; - height: 13px; - position: absolute; - opacity: .6; - z-index: 100; - top: 50%; - right: 6px; - margin-top: -6px; - - &:hover { - opacity: 1; - } -} - -.editable-error-block { - max-width: 300px; - margin: 5px 0 0; - width: auto; - white-space: normal; - - &.ui-state-error { - padding: 3px; - } -} - -.editable-error { - color: red; -} - -.input-append.date .add-on i, -.input-prepend.date .add-on i { - display: block; - cursor: pointer; - width: 16px; - height: 16px; -} - - -/* - * JQuery-UI widgets - */ - -.ui-timepicker-div { - .ui-widget-header { - margin-bottom: 8px; - } - dl { - text-align: left; - - dt { - float: left; - clear: left; - padding: 0 0 0 5px; - } - dd { - margin: 17px 10px 12px 40%; - } - } - td { - font-size: 90%; - } -} - - -.ui-tpicker-grid-label { - background: 0 0; - border: 0; - margin: 0; - padding: 0; -} - - -.ui-timepicker-rtl { - direction: rtl; - - dl { - text-align: right; - padding: 0 5px 0 0; - - dt { - float: right; - clear: right; - } - dd { - margin: 0 40% 10px 10px; - } - } -} - - -#login { - background: #fff; - overflow: visible; - - .container { - border: 0; - } - #header { - margin: 0; - height: 71px; - border-bottom: 1px solid #eee!important; - overflow: hidden; - padding: 0 30px; - -webkit-background-clip: padding-box; - border-width: 0; - min-height: 28px; - background: #f4f4f4!important; - margin-bottom: 20px; - - @media (min-width:768px) and (max-width:880px) { - padding: 0 5px!important; - } - @media only screen and (min-width:0) and (max-width:679px) { - padding: 0 5px!important; - } - #logo { - margin-top: 22px; - margin-left: 0; - - @media only screen and (min-width:0) and (max-width:679px) { - margin-top: 22px; - } - img { - width: 137px; - - @media only screen and (min-width:0) and (max-width:679px) { - width: 135px; - } - } - } - } - &-header-space { - float: right; - text-align: right; - display: block; - vertical-align: middle; - line-height: 71px; - - >:first-child { - font-size: 13px; - margin-right: 14px; - vertical-align: -3px; - font-weight: 400; - } - >* { - display: inline-block; - } - .btn { - font-weight: 700; - text-transform: uppercase; - } - } - #main { - background: #fff; - margin: 0; - } - .hero { - background-image: url(../img/gradient/login.png); - background-repeat: no-repeat; - background-position: 0 137px; - height: 360px; - width: 100%; - float: left; - } - h4.paragraph-header { - color: #565656; - font-size: 15px; - font-weight: 400; - line-height: 22px; - margin-top: 15px; - width: 270px; - } - h5.about-heading { - color: #565656; - font-size: 15px; - font-weight: 700; - line-height: 24px; - margin: 0 0 5px; - } - .login-header-big { - font-weight: 400; - } - .login-desc-box-l { - min-height: 350px; - width: 50%; - } - .login-app-icons { - vertical-align: top; - margin-top: 90px; - width: 300px; - } -} - -.bootstrapWizard { - display: block; - list-style: none; - padding: 0; - position: relative; - width: 100%; - - a:active, - a:focus, - a:hover { - text-decoration: none; - } - li { - display: block; - float: left; - width: 25%; - text-align: center; - padding-left: 0; - - &:before { - border-top: 3px solid #55606E; - content: ""; - display: block; - font-size: 0; - overflow: hidden; - position: relative; - top: 11px; - right: 1px; - width: 100%; - z-index: 1; - } - &:first-child:before { - left: 50%; - max-width: 50%; - } - &:last-child:before { - max-width: 50%; - width: 50%; - } - .step { - background: #B2B5B9; - color: #fff; - display: inline; - font-size: 15px; - font-weight: 700; - padding: 7px 13px; - border: 3px solid transparent; - border-radius: 50%; - line-height: normal; - position: relative; - text-align: center; - z-index: 2; - -webkit-transition: all .1s linear 0s; - transition: all .1s linear 0s; - - i { - font-size: 10px; - font-weight: 400; - position: relative; - top: -1.5px; - } - } - &.complete .step { - background: #0aa66e; - padding: 1px 6px; - border: 3px solid #55606E; - } - &.active .step, - &.active.complete .step { - background: #0091d9; - color: #fff; - font-weight: 700; - padding: 7px 13px; - font-size: 15px; - border-radius: 50%; - border: 3px solid #55606E; - } - .title { - color: #bfbfbf; - display: block; - font-size: 13px; - line-height: 15px; - max-width: 100%; - position: relative; - table-layout: fixed; - text-align: center; - top: 20px; - word-wrap: break-word; - z-index: 104; - } - &.active .title, - &.complete .title { - color: #2B3D53; - } - } -} -.wizard-actions { - display: block; - list-style: none; - padding: 0; - position: relative; - width: 100%; - - li { - display: inline; - } -} - -.fuelux { - .wizard { - position: relative; - overflow: hidden; - background-color: #f9f9f9; - border: 1px solid #d4d4d4; - border-radius: 4px; - *zoom: 1; - -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065); - box-shadow: 0 1px 4px rgba(0, 0, 0, .065); - - &:after, - &:before { - display: table; - line-height: 0; - content: ""; - } - &:after { - clear: both; - } - ul { - width: 4000px; - padding: 0; - margin: 0; - list-style: none outside none; - - &.previous-disabled li.complete { - cursor: default; - - &:hover { - color: #356e35; - cursor: default; - background: #f3f4f5; - - .chevron:before { - border-left-color: #f3f4f5; - } - } - } - li { - position: relative; - float: left; - height: 46px; - padding: 0 20px 0 30px; - margin: 0; - font-size: 16px; - line-height: 46px; - color: #999; - cursor: default; - background: #ededed; - - &:first-child { - padding-left: 20px; - border-radius: 4px 0 0 4px; - } - &.complete { - color: #296829; - background: #f3f4f5; - - &:hover { - cursor: pointer; - background: #e7eff8; - - .chevron:before { - border-left: 14px solid #e7eff8; - } - } - .chevron:before { - border-left: 14px solid #f3f4f5; - } - } - &.active { - color: #3a87ad; - background: #f1f6fc; - - .chevron:before { - border-left: 14px solid #f1f6fc; - } - } - .chevron { - position: absolute; - top: 0; - right: -14px; - z-index: 1; - display: block; - border: 24px solid transparent; - border-right: 0; - border-left: 14px solid #d4d4d4; - - &:before { - position: absolute; - top: -24px; - right: 1px; - display: block; - border: 24px solid transparent; - border-right: 0; - border-left: 14px solid #ededed; - content: ""; - } - } - .badge { - margin-right: 8px; - } - } - } - .actions { - position: absolute; - right: 0; - z-index: 2; - float: right; - padding-right: 15px; - padding-left: 15px; - line-height: 46px; - vertical-align: middle; - background-color: #eee; - border-left: 1px solid #d4d4d4; - - a { - margin-right: 8px; - font-size: 12px; - line-height: 45px; - } - .btn-prev i { - margin-right: 5px; - } - .btn-next i { - margin-left: 5px; - } - } - } - .fuelux .step-content { - .step-pane { - display: none; - } - .active { - display: block; - - .btn-group .active { - display: inline-block; - } - } - } -} - -.ams-metro-tile { - float: left; - display: block; - background-color: #fff; - width: 100px; - height: 70px; - cursor: pointer; - -webkit-box-shadow: inset 0 0 1px #FFC; - box-shadow: inset 0 0 1px #FFC; - border: 1px dotted #C5C5C5; - text-decoration: none; - color: #fff; - font-weight: 300; - font-smooth: always; - margin: 0 10px 20px 0; - padding: 5px; - position: relative; - - &:hover { - z-index: 10; - -webkit-transform: scale(1.07); - -moz-transform: scale(1.07); - } - &.big-cubes { - width: 120px; - height: 120px; - } - &.double { - width: 249px; - } - &:active { - top: 1px; - left: 1px; - } - .iconbox { - text-align: center; - - i { - display: block; - margin: 15px auto 0; - height: 75px; - } - span { - display: block; - text-align: left; - line-height: 1em; - - >span { - position: absolute; - right: -5px; - bottom: -10px; - border-radius: 50%; - padding: 6px 4px 3px; - border: 1px solid #fff; - } - } - } -} - -.mce-fullscreen { - z-index: 10000!important; -} -.mce-container, -.mce-container *, -.mce-widget, -.mce-widget *, -.mce-reset { - font-family: Ubuntu, Arial, Helvetica, sans-serif!important; - font-size: 13px!important; - - button { - padding: 2px 10px!important; - } - .mce-ico { - font-family: tinymce, Arial!important; - font-size: 14px!important; - } -} -.mce-panel { - background-image: none!important; - border-color: #ccc!important; -} -.mce-menubar { - .mce-menubtn { - button { - padding: 2px 10px; - line-height: 16px; - - span { - font-size: 12px; - line-height: 16px; - } - .mce-caret { - margin-top: 6px; - } - } - } -} -.mce-menubtn span { - font-size: 13px!important; -} -.mce-btn-group .mce-btn { - border-color: #ccc!important; -} -.mce-btn { - background-image: none!important; -} -.mce-colorbutton { - button { - padding: 2px 1px 2px 5px!important; - } -} -.mce-path, -.mce-wordcount { - padding: 2px 8px!important; - font-size: 12px!important; - - button { - font-size: 12px!important; - } -} -.client-form header { - padding: 15px 13px; - margin: 0; - border-bottom-style: solid; - border-bottom-color: rgba(0, 0, 0, .1); - background: rgba(248, 248, 248, .9); -}