--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/src/pyams_skin/resources/less/widgets.less Thu Feb 19 10:59:00 2015 +0100
@@ -0,0 +1,3375 @@
+/*
+ * Widgets styles
+ */
+
+@import "colors.less";
+
+.widget-header {
+ >:first-child {
+ margin: 13px 0;
+ }
+}
+
+.widget-toolbar {
+ display: inline-block;
+ position: relative;
+ float: right;
+ width: auto;
+ height: 29px;
+ line-height: 29px;
+ border-left: 1px solid rgba(0, 0, 0, .09);
+ cursor: pointer;
+ padding: 0 8px;
+ text-align: center;
+
+ &.no-border {
+ border-left: 0;
+ }
+ >:first-child {
+ text-align: left;
+ }
+ .ams-form {
+ label.checkbox,
+ label.radio {
+ line-height: 29px;
+ }
+ .icon-append,
+ .icon-prepend {
+ top: 3px!important;
+ }
+ }
+ &.ams-form {
+ .icon-append,
+ .icon-prepend {
+ top: 3px!important;
+ }
+ }
+ >.ams-form {
+ margin-top: 2px;
+
+ .toggle:last-child {
+ font-size: 12px;
+ line-height: 29px;
+ }
+ .checkbox input+i,
+ .radio input+i,
+ .toggle input+i {
+ border-width: 1px;
+ border-color: #C7C7C7!important;
+ margin-top: -1px;
+ -webkit-box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
+ box-shadow: 0 1px 1px #FFF, 0 1px 1px #858585 inset;
+ }
+ }
+ .btn-group {
+ margin-top: -3px;
+ }
+ >.btn {
+ margin-top: -3px;
+ font-size: 12px!important;
+ padding: 1px 8px!important;
+ }
+ >.label {
+ display: inline-block;
+ vertical-align: middle;
+ margin-top: -3px;
+ text-align: center;
+ font-size: 12px;
+ padding: 4px 7px;
+ }
+ >.badge {
+ padding: 5px;
+ font-size: 14px;
+ border-radius: 50%;
+ font-weight: 400;
+ min-width: 24px;
+ text-align: center!important;
+ }
+ .progress {
+ width: 130px;
+ margin: 7px 0 0;
+ height: 18px!important;
+ font-size: 12px;
+ box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
+ -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0), 0 0 0 1px #d1d1d1 inset;
+ }
+ .progress-bar {
+ font-size: 12px;
+ }
+ .pagination {
+ margin: 4px 0;
+
+ >li >a {
+ padding: 2px 7px;
+ }
+ }
+ .widget-text-input {
+ max-width: 220px;
+ }
+ input[type=text] {
+ height: 28px!important;
+ margin-top: 2px;
+ }
+}
+
+.widget-body {
+ &.no-padding {
+ padding: 0;
+ margin: 0;
+
+ .alert {
+ margin: 5px 5px 0;
+ padding: 10px;
+ box-shadow: none!important;
+ -webkit-box-shadow: none!important;
+ border-radius: 0!important;
+ }
+ }
+ >table {
+ margin-bottom: 0;
+ }
+}
+
+.widget-body-ajax-loading {
+ &::before {
+ display: block;
+ position: absolute;
+ content: url(../img/ajax-loader.gif);
+ padding-top: 18%;
+ text-align: center;
+ font-weight: 700;
+ font-size: 16px;
+ color: #fff;
+ background: rgba(255, 255, 255, .4);
+ height: 100%;
+ z-index: 1;
+ width: 100%;
+ }
+ &:hover {
+ cursor: wait!important;
+ }
+}
+
+.widget-body-toolbar {
+ &,
+ .ams-form& {
+ display: block;
+ padding: 8px 10px;
+ margin: -13px -13px 13px;
+ min-height: 42px;
+ border-bottom: 1px solid #ccc;
+ background: #fafafa;
+
+ .no-padding &,
+ .no-padding& {
+ display: block;
+ margin: 0;
+ }
+ }
+ .ams-form & .inline-group,
+ &.ams-form .inline-group {
+ float: left;
+ margin-top: 4px;
+ }
+ .btn {
+ vertical-align: middle;
+ }
+ .btn-xs {
+ margin-top: 5px;
+ }
+}
+
+.widget-content-padding {
+ padding: 20px;
+
+ .well {
+ margin-bottom: 0;
+ }
+}
+
+.widget-footer {
+ display: block;
+ position: relative;
+ min-height: 32px;
+ vertical-align: middle;
+ margin: 0 -13px -13px;
+ padding: 5px;
+ border-top: 1px solid #E4E4E4;
+ text-align: right;
+ background-color: #F8F7F7;
+
+ .no-padding & {
+ margin: 0;
+ }
+ &.ams-form {
+ >label {
+ margin-top: 4px;
+ display: block;
+ }
+ }
+}
+
+.ams-widget {
+ position: relative;
+ margin: 0 0 15px;
+ padding: 0;
+ -khtml-border-radius: 0;
+ border-radius: 0;
+
+ header {
+ .nav-tabs {
+ border-bottom-color: transparent;
+
+ >li {
+ >a {
+ border-radius: 0;
+ border: 0;
+ padding: 5px 15px 4px;
+ }
+ &.active {
+ >a,
+ >a:focus,
+ >a:hover {
+ color: #555;
+ background-color: #FFF;
+ border: 1px solid #C2C2C2;
+ border-bottom-color: transparent;
+ border-top: 0;
+ cursor: default;
+ }
+ }
+ }
+ }
+ &:first-child .nav-tabs {
+ float: left;
+
+ li {
+ padding-left: 0;
+
+ a {
+ color: @textColor;
+ }
+ }
+ &.pull-right li:last-child a {
+ margin-right: 0 !important;
+ border-right: 0 !important;
+ }
+ }
+ .nav-pills {
+ margin: 3px;
+
+ & >li >a {
+ padding: 3px 5px 4px;
+ }
+ }
+ }
+ >header {
+ height: 30px;
+ padding: 0;
+ line-height: 40px;
+ color: @textColor;
+ border: 1px solid #C2C2C2;
+ background: #fafafa;
+
+ h2 {
+ display: inline-block;
+ position: relative;
+ width: auto;
+ height: 100%;
+ margin: 0;
+ font-size: 14px;
+ line-height: 31px;
+ font-weight: 400;
+ letter-spacing: 0;
+
+ @media only screen and (min-width:320px) and (max-width:479px) {
+ width: 135px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ overflow: hidden;
+ }
+ .rtl & {
+ float: right;
+ text-align: right;
+ }
+ }
+ >h2 {
+ margin-left: 10px;
+ float: left;
+ }
+ .rtl & {
+ padding: 0 7px 0 0;
+ }
+ .widget-icon {
+ display: block;
+ float: left;
+ width: 16px;
+ height: 16px;
+ margin: 10px 10px 0 0;
+ zoom: 1;
+ z-index: 400;
+
+ .rtl & {
+ float: right;
+ margin: 10px 0 0 7px;
+ }
+ }
+ >.widget-icon {
+ display: block;
+ position: relative;
+ float: left;
+ margin: 0 -10px 0 2px;
+ width: 28px;
+ height: 28px;
+ font-size: 111%;
+ line-height: 29px;
+ text-align: center;
+ }
+ >:first-child {
+ &.widget-icon {
+ margin-left: 0;
+ }
+ }
+ }
+ >div {
+ position: relative;
+ float: left;
+ width: 100%;
+ font-size: 13px;
+ -khtml-border-radius: 0;
+ border-radius: 0;
+ margin: 0;
+ padding: 13px 13px 0;
+ background-color: #fff !important;
+ border-width: 1px 1px 2px;
+ border-style: solid;
+ border-top: 0;
+ border-right-color: #CCC !important;
+ border-bottom-color: #CCC !important;
+ border-left-color: #CCC !important;
+ }
+ .widget-body {
+ position: relative;
+ min-height: 100px;
+ padding-bottom: 13px;
+
+ &.widget-hide-overflow {
+ overflow: hidden;
+ }
+ }
+ &.well {
+ margin: 0 0 30px;
+
+ header {
+ display: none;
+ }
+ >div {
+ border: 0!important;
+ box-shadow: none!important;
+ -webkit-box-shadow: none!important;
+ }
+ &.transparent {
+ .widget-body {
+ &.no-padding {
+ margin: 0 !important;
+ }
+ }
+ }
+ }
+}
+
+.ams-widget-ctrls {
+ width: auto;
+ float: right;
+ padding: 0;
+ margin: 0;
+
+ a {
+ display: inline-block;
+ padding: 0;
+ margin: 0;
+ text-decoration: none;
+ font-size: 14px;
+ text-align: center;
+ line-height: 29px;
+ color: #333;
+ }
+ .button-icon {
+ position: relative;
+ float: left;
+ min-width: 28px;
+ height: 28px;
+ font-family: Ubuntu, Arial, Helvetica, sans-serif;
+ border-left: 1px solid rgba(0, 0, 0, .09);
+
+ :hover {
+ background-color: rgba(0, 0, 0, .05);
+ }
+ .rtl & {
+ margin: 0 0 5px 5px;
+ }
+ }
+ .rtl & {
+ float: left;
+ padding: 10px 0 0 3px;
+ margin: 0;
+ }
+}
+
+.ams-widget-loader {
+ display: none;
+ float: right;
+ width: 28px;
+ height: 28px;
+ margin: 0;
+ text-align: center;
+ line-height: 28px;
+ background-repeat: no-repeat;
+ background-position: center center;
+
+ .rtl & {
+ float: left;
+ }
+}
+
+.ams-widget-editbox {
+ display: none;
+ padding: 10px;
+ border-bottom: 1px solid #B1B1B1;
+ background-color: #fff;
+ margin: -13px -13px 13px;
+
+ .no-padding & {
+ margin: 0 0 10px;
+ }
+}
+
+.ams-widget,
+.ams-widget-editbox,
+.ams-widget >div {
+ zoom: 1;
+
+ &:after {
+ clear: both;
+ }
+ &:before,
+ &:after {
+ display: block;
+ visibility: hidden;
+ overflow: hidden;
+ content: "\0020";
+ height: 0;
+ font-size: 0;
+ line-height: 0;
+ }
+}
+
+.ams-widget-sortable {
+ .ui-sortable & {
+ >header {
+ cursor: move;
+ line-height: normal;
+ -khtml-border-radius: 0;
+ border-radius: 0;
+ -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
+ box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
+ }
+ &.ams-widget-collapsed {
+ >header {
+ -khtml-border-radius: 0;
+ border-radius: 0;
+ }
+ }
+ }
+}
+
+.ams-widget-timestamp {
+ margin: 10px 0 0;
+ color: #868686;
+ font-size: 12px;
+ font-style: italic;
+}
+
+.ams-widget-placeholder {
+ margin-bottom: 28px;
+ padding: 0;
+ background-color: #FFC;
+ border: 1px dashed #A7A7A7;
+ -khtml-border-radius: 0;
+ border-radius: 0;
+ -webkit-box-sizing: border-box;
+ -khtml-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.ams-widget-remove-colors {
+ color: #333 !important;
+ padding: 0 !important;
+ background: none !important;
+}
+
+.ams-widget-color(@bgcolor; @border: @bgcolor; @color: #fff; @hover: #333) {
+ >header {
+ color: @color;
+ background: @bgcolor;
+ border-color: @border !important;
+ }
+ .nav-tabs li:not(.active) a,
+ >header >.ams-widget-ctrls a {
+ color: @color !important;
+ }
+ .nav-tabs li a:hover {
+ color: @hover !important;
+ }
+}
+
+.ams-widget-color-magenta {
+ .ams-widget-color(@magenta);
+}
+
+.ams-widget-color-pink {
+ .ams-widget-color(@pink);
+}
+
+.ams-widget-color-pinkDark {
+ .ams-widget-color(@pinkDark);
+}
+
+.ams-widget-color-yellow {
+ .ams-widget-color(@yellow);
+}
+
+.ams-widget-color-orange {
+ .ams-widget-color(@orange);
+}
+
+.ams-widget-color-orangeDark {
+ .ams-widget-color(@orangeDark);
+}
+
+.ams-widget-color-darken {
+ .ams-widget-color(@darken);
+}
+
+.ams-widget-color-purple {
+ .ams-widget-color(@purple);
+}
+
+.ams-widget-color-teal {
+ .ams-widget-color(@teal);
+}
+
+.ams-widget-color-blueDark {
+ .ams-widget-color(@blueDark);
+}
+
+.ams-widget-color-blue {
+ .ams-widget-color(@blue);
+}
+
+.ams-widget-color-blueLight {
+ .ams-widget-color(@blueLight);
+}
+
+.ams-widget-color-red {
+ .ams-widget-color(@red);
+}
+
+.ams-widget-color-redLight {
+ .ams-widget-color(@redLight);
+}
+
+.ams-widget-color-white {
+ .ams-widget-color(@white, #C8C8C8, #C8C8C8, #838383);
+}
+
+.ams-widget-color-greenDark {
+ .ams-widget-color(@greenDark);
+}
+
+.ams-widget-color-green {
+ .ams-widget-color(@green);
+}
+
+.ams-widget-color-greenLight {
+ .ams-widget-color(@greenLight);
+}
+
+#ams-widget-fullscreen-mode {
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ z-index: 99999;
+
+ .ams-widget {
+ margin: 0;
+ -khtml-border-radius: 0;
+ border-radius: 0;
+ }
+ >div {
+ overflow-y: scroll;
+ -khtml-border-radius: 0;
+ border-radius: 0;
+
+ >header {
+ cursor: default;
+ }
+ }
+}
+
+
+/*
+ * On/off switch
+ */
+
+.onoffswitch {
+ position: relative;
+ width: 50px;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ margin-top: 3px;
+ margin-bottom: 3px;
+ margin-left: 5px;
+ display: inline-block;
+ vertical-align: middle;
+
+ &-container {
+ margin-top: 4px;
+ margin-left: 7px;
+ display: inline-block;
+ }
+ &-checkbox {
+ display: none;
+ }
+ &-label {
+ display: block;
+ overflow: hidden;
+ cursor: pointer;
+ border: 1px solid #626262;
+ border-radius: 50px;
+ border-color: #adadad #b3b3b3 #9e9e9e;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ }
+ &-inner {
+ width: 200%;
+ margin-left: -100%;
+ display: block;
+ }
+ &-inner:after,
+ &-inner:before {
+ float: left;
+ width: 50%;
+ height: 15px;
+ padding: 0;
+ line-height: 17px;
+ font-size: 10px;
+ font-family: Ubuntu, Trebuchet, Arial, sans-serif;
+ font-weight: 700;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ &-inner:before {
+ content: attr(data-swchon-text);
+ text-shadow: 0 -1px 0 #333;
+ padding-left: 7px;
+ background-color: #3276b1;
+ color: #fff;
+ -webkit-box-shadow: inset 0 2px 6px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .05);
+ box-shadow: inset 0 2px 6px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .05);
+ text-align: left;
+ }
+ &-inner:after {
+ content: attr(data-swchoff-text);
+ padding-right: 7px;
+ text-shadow: 0 -1px 0 #fff;
+ background-color: #fff;
+ color: #555;
+ text-align: right;
+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
+ }
+ &-switch {
+ width: 19px;
+ height: 19px;
+ margin: -2px;
+ background: #fff;
+ border: 1px solid #9a9a9a;
+ border-radius: 50px;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ right: 32px;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ background-color: #f4f4f4;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#eee));
+ background-image: -webkit-linear-gradient(top, #fff, #eee);
+ background-image: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
+ background-image: -webkit-linear-gradient(top, #fff, #eee);
+ background-image: linear-gradient(to bottom, #fff, #eee);
+ background-repeat: repeat-x;
+ -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
+ box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
+ }
+ &-checkbox + &-label &-switch:before,
+ &-checkbox:checked + &-label &-switch:before {
+ content: "\f00d";
+ color: #a90329;
+ display: block;
+ text-align: center;
+ line-height: 19px;
+ font-size: 10px;
+ text-shadow: 0 -1px 0 #fff;
+ font-weight: 700;
+ font-family: FontAwesome;
+ }
+ &-checkbox:checked + &-label &-switch:before {
+ content: "\f00c";
+ color: #57889c;
+ }
+ &-checkbox:checked + &-label &-inner {
+ margin-left: 0;
+ display: block;
+ }
+ &-checkbox:checked + &-label &-switch {
+ right: 0;
+ }
+ &-switch:hover {
+ background-color: #eee;
+ }
+ &-switch:active {
+ background-color: #eee;
+ -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
+ }
+ &-checkbox:checked:disabled + &-label &-inner:before,
+ &-checkbox:disabled + &-label &-inner:after {
+ text-shadow: 0 1px 0 #fff;
+ background: #bfbfbf;
+ color: #333;
+ }
+ &-checkbox:checked:disabled + &-label &-switch,
+ &-checkbox:disabled + &-label &-switch {
+ background-color: #f4f4f4;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bfbfbf), to(#f4f4f4));
+ background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4);
+ background-image: -webkit-gradient(linear, top left, bottom left, from(#bfbfbf), to(#f4f4f4));
+ background-image: -webkit-linear-gradient(top, #bfbfbf, #f4f4f4);
+ background-image: linear-gradient(to bottom, #bfbfbf, #f4f4f4);
+ -webkit-box-shadow: none!important;
+ box-shadow: none!important;
+ }
+ &-checkbox:checked:disabled + &-label &-label,
+ &-checkbox:disabled + &-label {
+ border-color: #ababab #999 #878787!important;
+ }
+ &-checkbox:checked + &-label {
+ border-color: #3276b1 #2a6395 #255681;
+ }
+ +span,
+ &-title {
+ display: inline-block;
+ vertical-align: middle;
+ margin-top: -5px;
+ }
+}
+
+
+/*
+ * Select2 widget
+ */
+
+.select2 {
+ label.with-icon &-parent {
+ margin-right: 27px;
+ }
+ label.with-icons &-parent {
+ margin-right: 54px;
+ }
+ &-container {
+ margin: 0;
+ position: relative;
+ display: inline-block;
+ zoom: 1;
+ *display: inline;
+ vertical-align: middle;
+
+ .select2-choice {
+ display: block;
+ height: 26px;
+ padding: 0 0 0 8px;
+ overflow: hidden;
+ position: relative;
+ border: 1px solid #ccc;
+ white-space: nowrap;
+ line-height: 26px;
+ color: #444;
+ text-decoration: none;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #fff;
+
+ label.bordered & {
+ border-color: transparent;
+ }
+ &:hover {
+ border: 1px solid rgba(82, 168, 236, 0.7);
+ }
+ >.select2-chosen {
+ margin-right: 26px;
+ display: block;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+
+ abbr {
+ display: none;
+ width: 12px;
+ height: 12px;
+ position: absolute;
+ right: 24px;
+ top: 8px;
+ font-size: 1px;
+ text-decoration: none;
+ border: 0;
+ cursor: pointer;
+ outline: 0;
+
+ &:hover {
+ cursor: pointer;
+ }
+ }
+ }
+ }
+ &.select2-drop-above .select2-choice {
+ border-bottom-color: #ccc;
+ }
+ &.select2-allowclear .select2-choice {
+ .select2-chosen {
+ margin-right: 42px;
+ }
+ abbr {
+ display: inline-block;
+ }
+ }
+ .select2-arrow {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ position: absolute;
+ right: 3px;
+ top: 3px;
+ padding: 0 0 0 2px;
+ border-left: 1px solid #ccc;
+ line-height: 22px;
+ -webkit-background-clip: padding-box;
+
+ b {
+ width: 100%;
+ height: 100%;
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ position: relative;
+ font-size: 14px;
+
+ &:before {
+ content: "\f107";
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ display: block;
+ }
+ }
+ }
+ }
+ &-container,
+ &-drop,
+ &-search,
+ &-search input {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ }
+ &-container-active {
+ .select2-choice,
+ .select2-choices {
+ border: 1px solid rgba(82, 168, 236, 0.7) !important;
+ outline: 0;
+ }
+ }
+ &-drop-mask {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ position: fixed;
+ left: 0;
+ top: 0;
+ min-height: 100%;
+ min-width: 100%;
+ height: auto;
+ width: auto;
+ opacity: 0;
+ z-index: 9998;
+ background: #fff;
+ filter: alpha(opacity=0);
+ }
+ &-drop {
+ margin-top: -1px;
+ width: 100%;
+ position: absolute;
+ z-index: 9999;
+ top: 100%;
+ background: #fff;
+ color: #000;
+ border: 1px solid #ccc;
+ border-top: 0;
+ -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+ box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+
+ &.select2-drop-above {
+ margin-bottom: 0;
+ border-top: 1px solid rgba(82, 168, 236, 0.7);
+ border-top-width: 3px;
+ border-bottom: 0;
+ -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+ box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+
+ &.select2-drop-active {
+ border-top-width: 3px;
+ }
+ .select2-search {
+ input {
+ margin-top: 4px;
+ }
+ &:before {
+ top: 34%;
+ }
+ }
+ }
+ }
+ &-drop-auto-width {
+ border-top: 1px solid #ccc;
+ width: auto;
+
+ .select2-search {
+ padding-top: 4px;
+ }
+ }
+ &-drop-active {
+ border: 1px solid rgba(82, 168, 236, 0.7);
+ border-top: 0;
+ border-bottom-width: 3px;
+ }
+ &-search {
+ display: inline-block;
+ width: 100%;
+ min-height: 26px;
+ margin: 0;
+ padding-left: 4px;
+ padding-right: 4px;
+ position: relative;
+ z-index: 10000;
+ white-space: nowrap;
+
+ &:before {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ position: absolute;
+ content: "\f002";
+ top: 25%;
+ right: 10px;
+ color: #686868!important;
+ }
+ input {
+ width: 100%;
+ height: auto!important;
+ min-height: 26px;
+ padding: 4px 20px 3px 5px;
+ margin: 0;
+ outline: 0;
+ font-size: 1em;
+ border: 1px solid #aaa;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: #fff;
+ background: -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee));
+ background: -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
+ background: -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
+ background: -webkit-linear-gradient(top, #fff 85%, #eee 99%);
+ background: linear-gradient(top, #fff 85%, #eee 99%);
+
+ &.select2-active {
+ background-origin: padding-box;
+ background: #fff url(../img/select2-spinner.gif) no-repeat right 24px top 50%;
+ background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, left bottom, left top, color-stop(.85, #fff), color-stop(.99, #eee));
+ background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
+ background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-gradient(linear, top left, bottom left, from(#fff), to(#eee));
+ background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, -webkit-linear-gradient(top, #fff 85%, #eee 99%);
+ background: url(../img/select2-spinner.gif) no-repeat right 24px top 50%, linear-gradient(top, #fff 85%, #eee 99%);
+ }
+ }
+ }
+ &-dropdown-open {
+ .select2-choice {
+ border-bottom-color: transparent;
+ -webkit-box-shadow: 0 1px 0 #fff inset;
+ box-shadow: 0 1px 0 #fff inset;
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0;
+ background-color: #fff;
+ }
+ &.select2-drop-above .select2-choice,
+ &.select2-drop-above .select2-choices {
+ border: 1px solid #5D98CC;
+ border-top-color: transparent;
+ }
+ .select2-choice .select2-arrow {
+ background: 0 0;
+ border-left: 0;
+ -webkit-filter: none;
+ filter: none;
+
+ b {
+ background-position: -18px 1px;
+ }
+ }
+ }
+ &-results {
+ max-height: 200px;
+ padding: 0 0 0 4px;
+ margin: 4px 4px 4px 0;
+ position: relative;
+ overflow-x: hidden;
+ overflow-y: auto;
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+
+ .select2-selected {
+ opacity: 0.5;
+ }
+ ul.select2-result-sub {
+ margin: 0;
+ padding-left: 0;
+
+ >li .select2-result-label {
+ padding-left: 20px;
+ }
+ ul.select2-result-sub {
+ >li .select2-result-label {
+ padding-left: 40px;
+ }
+ ul.select2-result-sub {
+ >li .select2-result-label {
+ padding-left: 60px;
+ }
+ ul.select2-result-sub {
+ >li .select2-result-label {
+ padding-left: 80px;
+ }
+ ul.select2-result-sub {
+ >li .select2-result-label {
+ padding-left: 100px;
+ }
+ ul.select2-result-sub {
+ >li .select2-result-label {
+ padding-left: 110px;
+ }
+ ul.select2-result-sub {
+ >li .select2-result-label {
+ padding-left: 120px;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ li {
+ list-style: none;
+ display: list-item;
+ background-image: none;
+
+ &.select2-result-with-children>.select2-result-label {
+ font-weight: 700;
+ }
+ }
+ .select2-result-label {
+ padding: 3px 7px 4px;
+ margin: 0;
+ cursor: pointer;
+ min-height: 1em;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ }
+ .select2-highlighted {
+ background: #3276b1;
+ color: #fff;
+ }
+ li em {
+ background: #feffde;
+ font-style: normal;
+ }
+ .select2-highlighted em {
+ background: 0 0;
+ }
+ .select2-highlighted ul {
+ background: #fff;
+ color: #000;
+ }
+ .select2-no-results,
+ .select2-searching,
+ .select2-selection-limit {
+ background: #f4f4f4;
+ display: list-item;
+ padding: 3px 5px;
+ opacity: 0.5;
+ }
+ &-results .select2-disabled {
+ background: #f4f4f4;
+ display: list-item;
+ cursor: default;
+
+ &.select2-highlighted {
+ color: #666;
+ background: #f4f4f4;
+ display: list-item;
+ cursor: default;
+ }
+ }
+ &-results .select2-selected {
+ display: none;
+ }
+ }
+ &-no-results {
+ padding-left: 20px;
+
+ &:before {
+ display: inline-block;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+ content: "\f05a";
+ margin-right: 5px;
+ }
+ }
+ &-more-results {
+ background: #f4f4f4;
+ display: list-item;
+
+ &.select2-active {
+ background: #f4f4f4 url(../img/select2-spinner.gif) no-repeat 100%;
+ }
+ }
+ &-default {
+ color: #999!important;
+ }
+ &-container {
+ &.select2-container-disabled {
+ .select2-choice {
+ background-color: #f4f4f4;
+ background-image: none;
+ border: 1px solid #ddd;
+ cursor: default;
+
+ .select2-arrow {
+ background-color: #f4f4f4;
+ background-image: none;
+ border-left: 0;
+ }
+ abbr {
+ display: none;
+ }
+ }
+ }
+ &-multi {
+ &.select2-container-active .select2-choices {
+ border: 1px solid rgba(82, 168, 236, 0.7);
+ outline: 0;
+ }
+ .select2-choices {
+ height: auto!important;
+ height: 1%;
+ min-height: 26px;
+ margin: 0;
+ padding: 0;
+ position: relative;
+ border: 1px solid #ccc;
+ cursor: text;
+ overflow: hidden;
+ background-color: #fff;
+
+ label.bordered & {
+ border-color: transparent;
+ }
+ &:hover {
+ border: 1px solid rgba(82, 168, 236, 0.7) !important;
+
+ label.bordered & {
+ border-color: transparent !important;
+ }
+ }
+ li {
+ float: left;
+ list-style: none;
+ }
+ .select2-search-field {
+ margin: 0;
+ padding: 0;
+ white-space: nowrap;
+
+ input {
+ max-height: 24px;
+ padding: 3px 5px;
+ margin: 1px 0;
+ font-family: Ubuntu, sans-serif;
+ font-size: 100%;
+ color: #666;
+ outline: 0;
+ border: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: transparent!important;
+
+ &.select2-active {
+ background: #fff url(../img/select2-spinner.gif) no-repeat 99%!important;
+ }
+ }
+ }
+ .select2-search-choice {
+ padding: 1px 28px 1px 8px;
+ margin: 2px 0 2px 2px;
+ position: relative;
+ line-height: 18px;
+ color: #fff;
+ cursor: default;
+ border: 1px solid #2a6395;
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ background-color: #3276b1;
+
+ .select2-chosen {
+ cursor: default;
+ }
+ &-focus {
+ opacity: .8;
+ }
+ }
+ }
+ .select2-search-choice-close {
+ display: block;
+ top: 0;
+ right: -2px;
+ padding: 3px 0px 3px 6px;
+
+ &:hover {
+ background: rgba(0, 0, 0, .3);
+ }
+ }
+ &.select2-container-disabled .select2-choices {
+ background-color: #f4f4f4;
+ background-image: none;
+ border: 1px solid #ddd;
+ cursor: default;
+
+ .select2-search-choice {
+ padding: 3px 5px;
+ border: 1px solid #4a90cc;
+ background-image: none;
+ background-color: #86b4dd;
+ cursor: not-allowed;
+
+ .select2-search-choice-close {
+ display: none;
+ background: 0 0;
+ }
+ }
+ }
+ }
+ }
+ &-locked {
+ padding: 3px 5px!important;
+ }
+ &-search-choice-close {
+ display: block;
+ min-width: 20px;
+ min-height: 14px;
+ position: absolute;
+ right: 3px;
+ top: 3px;
+ margin: 0;
+ padding: 0;
+ font-size: 15px;
+ text-decoration: none!important;
+ font-family: FontAwesome;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 1;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+ &:before {
+ color: #fff;
+ content: "\f057";
+ }
+ }
+ &-result-selectable .select2-match,
+ &-result-unselectable .select2-match {
+ text-decoration: underline;
+ }
+ &-offscreen,
+ &-offscreen:focus {
+ clip: rect(0 0 0 0)!important;
+ width: 1px!important;
+ height: 1px!important;
+ border: 0!important;
+ margin: 0!important;
+ padding: 0!important;
+ overflow: hidden!important;
+ position: absolute!important;
+ outline: 0!important;
+ left: 0!important;
+ top: 0!important;
+ }
+ &-display-none {
+ display: none;
+ }
+ &-measure-scrollbar {
+ position: absolute;
+ top: -10000px;
+ left: -10000px;
+ width: 100px;
+ height: 100px;
+ overflow: scroll;
+ }
+ &-hidden-accessible {
+ position: absolute;
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ width: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ }
+}
+label.with-icon {
+ >i.icon-append + .select2-parent {
+ .select2-choices {
+ padding-right: 29px;
+ }
+ }
+}
+
+.multiselect {
+ &-container {
+ position: absolute;
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+
+ .input-group {
+ margin: 5px;
+ }
+ >li {
+ padding: 0;
+
+ >a {
+ &.multiselect-all label {
+ font-weight: 700;
+ }
+ >label {
+ margin: 0;
+ height: 100%;
+ cursor: pointer;
+ font-weight: 400;
+
+ &.checkbox,
+ &.radio {
+ margin: 0;
+ }
+ >input[type=checkbox] {
+ margin-bottom: 5px;
+ }
+ }
+ }
+ >label.multiselect-group {
+ margin: 0;
+ padding: 3px 20px;
+ height: 100%;
+ font-weight: 700;
+ }
+ }
+ }
+ .btn-group >.btn-group:nth-child(2) >&.btn {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+ }
+}
+
+
+/*
+ * Standard Bootstrap widgets
+ */
+
+.color-select {
+ list-style: none;
+ margin: 0;
+ padding: 4px;
+ min-width: 166px;
+ max-width: 156px;
+ right: -3px;
+
+ li {
+ display: block;
+ margin: 2px;
+ float: left;
+
+ span {
+ display: block;
+ width: 22px;
+ height: 22px;
+ padding: 0;
+ background: #333;
+ box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ border: 1px solid rgba(0, 0, 0, .1);
+ cursor: pointer;
+
+ &:hover {
+ border: 3px solid rgba(0, 0, 0, .2);
+ }
+ }
+ }
+ .widget-toolbar .dropdown-menu& {
+ right: -1px;
+ }
+}
+
+.color-box {
+ display: block;
+ position: relative;
+ width: 22px;
+ height: 22px;
+ padding: 0;
+ background: #333;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+ border: 1px solid rgba(255, 255, 255, .3) !important;
+ cursor: pointer;
+ vertical-align: middle;
+ outline: 1px solid rgba(0, 0, 0, .1);
+ background: rgba(255, 255, 255, .3) !important;
+
+ &:hover,
+ .open & {
+ outline: 1px solid rgba(0, 0, 0, .1) !important;
+ }
+ &:hover {
+ -webkit-transform: scale(1.07);
+ -moz-transform: scale(1.07);
+ }
+ &:active {
+ top: 1px;
+ left: 1px;
+ }
+ .widget-toolbar >& {
+ margin-top: 7px;
+ width: 18px;
+ height: 18px;
+ outline: 1px solid rgba(0, 0, 0, .2);
+
+ &:active,
+ &:focus,
+ &:hover {
+ outline: 1px solid rgba(0, 0, 0, .25)!important;
+ }
+ }
+}
+
+/*
+ * Full calendar
+ */
+
+#calendar {
+ .ams-widget & {
+ margin-top: -18px;
+ }
+}
+
+#calendar-buttons {
+ position: absolute;
+ right: 14px;
+ top: 5px;
+}
+
+#calendar-container {
+ position: relative;
+}
+
+#external-events {
+ >li {
+ margin: 6px 4px 6px 0;
+ display: inline-block;
+
+ >:first-child {
+ padding: 5px 10px 10px;
+ cursor: move;
+ display: block;
+ }
+ >:first-child:after {
+ color: #fff;
+ color: rgba(255, 255, 255, .7);
+ content: attr(data-description);
+ font-size: 11px;
+ font-weight: 400;
+ display: block;
+ line-height: 0;
+ margin: 7px 0;
+ text-transform: lowercase;
+ }
+ }
+}
+
+.fc {
+ direction: ltr;
+ text-align: left;
+
+ .fc-header-space {
+ padding-left: 10px;
+ }
+ table,
+ html & {
+ font-size: 12px;
+ }
+ table {
+ border-collapse: collapse;
+ border-spacing: 0;
+ }
+ th,
+ td {
+ padding: 0;
+ vertical-align: top;
+ }
+ .ui-resizable-handle {
+ display: block;
+ position: absolute;
+ z-index: 99999;
+ overflow: hidden;
+ font-size: 300%;
+ line-height: 50%;
+ }
+ .ui-draggable-dragging .fc-event-bg {
+ display: none;
+ }
+}
+
+.fc-border-separate {
+ thead tr,
+ .table thead tr {
+ background-color: #eee;
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#fafafa));
+ background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
+ background-image: -linear-gradient(top, #f2f2f2 0, #fafafa 100%);
+ font-size: 12px;
+ }
+ thead tr th {
+ padding: 4px;
+ line-height: 1.428571429;
+ }
+}
+
+.fc-first {
+ tr td&,
+ tr& th& {
+ border-left: 0;
+ }
+}
+
+.fc-last {
+ tr& td {
+ border-bottom: 0;
+ }
+}
+
+.fc-header {
+ .fc-button {
+ margin-bottom: 1em;
+ vertical-align: top;
+ margin-right: -1px;
+ }
+ .fc-corner-right {
+ margin-right: 1px;
+ }
+ .ui-corner-right {
+ margin-right: 0;
+ }
+ .fc-state-hover,
+ .ui-state-hover {
+ z-index: 2;
+ }
+ .fc-state-down {
+ z-index: 3;
+ }
+ .fc-state-active,
+ .ui-state-active {
+ z-index: 4;
+ }
+ td {
+ white-space: nowrap;
+ }
+}
+
+.fc-header-left {
+ width: 25%;
+ text-align: left;
+}
+
+.fc-header-center {
+ text-align: center;
+}
+
+.fc-header-right {
+ width: 25%;
+ text-align: right;
+}
+
+.fc-header-title {
+ display: inline-block;
+ vertical-align: top;
+
+ h2 {
+ margin-top: 0;
+ white-space: nowrap;
+ }
+ .ams-widget & h2 {
+ text-shadow: 0 1px 0 #fff;
+ margin-top: -12px;
+ margin-left: 10px;
+ font-size: 14px;
+ font-weight: 700;
+ margin-bottom: 0;
+ }
+}
+
+.fc-content {
+ clear: both;
+}
+
+.fc-view {
+ width: 100%;
+ overflow: hidden;
+}
+
+.fc-widget-content,
+.fc-widget-header {
+ border: 1px solid #ccc;
+ border-right: 0;
+}
+
+.fc-state-highlight {
+ background: #ffc;
+}
+
+.fc-cell-overlay {
+ background: #9cf;
+ opacity: .2;
+ filter: alpha(opacity=20);
+}
+
+.fc-button {
+ position: relative;
+ display: inline-block;
+ cursor: pointer;
+}
+
+.fc-button-inner {
+ position: relative;
+ float: left;
+ overflow: hidden;
+}
+
+.fc-state-default {
+ border-width: 1px 0;
+
+ .fc-button-inner {
+ border-width: 0 1px;
+ }
+ &,
+ .fc-button-inner {
+ border-style: solid;
+ border-color: #ccc #bbb #aaa;
+ background: #F3F3F3;
+ color: #000;
+ }
+ .fc-button-effect {
+ position: absolute;
+ top: 50%;
+ left: 0;
+
+ span {
+ position: absolute;
+ top: -100px;
+ left: 0;
+ width: 500px;
+ height: 100px;
+ border-width: 100px 0 0 1px;
+ border-style: solid;
+ border-color: #fff;
+ background: #444;
+ opacity: .09;
+ filter: alpha(opacity=9);
+ }
+ }
+}
+
+.fc-state-hover {
+ .fc-button-inner {
+ border-color: #999;
+ }
+}
+
+.fc-state-down {
+ .fc-button-inner {
+ border-color: #555;
+ background: #777;
+ }
+}
+
+.fc-state-active {
+ .fc-button-inner {
+ border-color: #555;
+ background: #777;
+ color: #fff;
+ }
+}
+
+.fc-state-disabled {
+ cursor: default;
+
+ .fc-button-inner {
+ color: #999;
+ border-color: #ddd;
+ }
+ .fc-button-effect {
+ display: none;
+ }
+}
+
+.fc-button-content {
+ position: relative;
+ float: left;
+ height: 1.9em;
+ line-height: 1.9em;
+ padding: 0 .6em;
+ white-space: nowrap;
+
+ .fc-icon-wrap {
+ position: relative;
+ float: left;
+ top: 50%;
+ }
+ .ui-icon {
+ position: relative;
+ float: left;
+ margin-top: -50%;
+ *margin-top: 0;
+ *top: -50%;
+ }
+}
+
+.fc-event {
+ border-style: solid;
+ border-width: 0;
+ font-size: .85em;
+ cursor: default;
+
+ .fc-rtl & {
+ text-align: right;
+ }
+}
+
+.fc-event-draggable,
+a.fc-event {
+ cursor: pointer;
+}
+
+a.fc-event {
+ text-decoration: none;
+}
+
+.fc-event-skin {
+ color: #FFF;
+ border-right: 0!important;
+ cursor: move;
+
+ .fa:before {
+ display: block;
+ font-size: 14px;
+ position: absolute;
+ right: 4px;
+ top: 3px;
+ }
+}
+
+.fc-event-inner {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ border-style: solid;
+ border-width: 0;
+ overflow: hidden;
+}
+
+.fc-event-hori {
+ border-width: 1px 0;
+ margin-bottom: 1px;
+
+ .ui-resizable-e {
+ top: 0!important;
+ right: -3px!important;
+ width: 7px!important;
+ height: 100%!important;
+ cursor: e-resize;
+ }
+ .ui-resizable-w {
+ top: 0!important;
+ left: -3px!important;
+ width: 7px!important;
+ height: 100%!important;
+ cursor: w-resize;
+ }
+ .ui-resizable-handle {
+ _padding-bottom: 14px;
+ }
+}
+
+.fc-corner-left {
+ margin-left: 1px;
+
+ .fc-button-inner,
+ .fc-event-inner {
+ margin-left: -1px;
+ }
+}
+
+.fc-corner-right {
+ margin-right: 1px;
+
+ .fc-button-inner,
+ .fc-event-inner {
+ margin-right: -1px;
+ }
+ .fc-event-inner {
+ border-left: 6px solid rgba(0, 0, 0, .15);
+ padding-left: 2px;
+ padding-right: 15px;
+ }
+}
+
+.fc-corner-top {
+ margin-top: 1px;
+
+ .fc-event-inner {
+ margin-top: -1px;
+ border-top-width: 1px;
+ }
+}
+
+.fc-corner-bottom {
+ margin-bottom: 1px;
+
+ .fc-event-inner {
+ margin-bottom: -1px;
+ border-bottom-width: 1px;
+ }
+}
+
+.fc-table-separate {
+ table& {
+ border-collapse: separate;
+ }
+ td,
+ th {
+ border-width: 1px 0 0 1px;
+
+ &.fc-last {
+ border-right-width: 1px;
+ }
+ }
+ tr.fc-last {
+ td,
+ th {
+ border-bottom-width: 1px;
+ }
+ }
+ tbody {
+ tr.fc-first td,
+ tr.fc-first th {
+ border-top-width: 0;
+ }
+ }
+}
+
+.fc-grid {
+ th {
+ text-align: center;
+ }
+ .fc-day-number {
+ float: right;
+ padding: 0 2px;
+ }
+ .fc-other-month .fc-day-number {
+ opacity: .3;
+ filter: alpha(opacity=30);
+ }
+ .fc-day-content {
+ clear: both;
+ padding: 2px 2px 1px;
+ }
+ .fc-event-time {
+ font-weight: 700;
+ }
+ .fc-rtl & {
+ .fc-day-number {
+ float: left;
+ }
+ .fc-event-time {
+ float: right;
+ }
+ }
+}
+
+.fc-agenda {
+ table {
+ border-collapse: separate;
+ }
+ .fc-agenda-axis {
+ width: 50px;
+ padding: 0 4px;
+ vertical-align: middle;
+ text-align: right;
+ white-space: nowrap;
+ font-weight: 400;
+ }
+ .fc-day-content {
+ padding: 2px 2px 1px;
+ }
+}
+
+.fc-agenda-days {
+ th {
+ text-align: center;
+
+ }
+ .fc-agenda-axis {
+ border-right-width: 1px;
+ }
+ .fc-col0 {
+ border-left-width: 0;
+ }
+}
+.fc-agenda-allday {
+ th {
+ border-width: 0 1px;
+ }
+ .fc-day-content {
+ min-height: 34px;
+ _height: 34px;
+ }
+}
+
+.fc-agenda-divider-inner {
+ height: 2px;
+ overflow: hidden;
+
+ .fc-widget-header & {
+ background: #eee;
+ }
+}
+
+.fc-agenda-slots {
+ th {
+ border-width: 1px 1px 0;
+ }
+ td {
+ border-width: 1px 0 0;
+ background: 0 0;
+
+ div {
+ height: 20px;
+ }
+ }
+ tr {
+ &.fc-slot0 td,
+ &.fc-slot0 th {
+ border-top-width: 0;
+ }
+ &.fc-minor td,
+ &.fc-minor th {
+ border-top-style: dotted;
+ }
+ &.fc-minor th.ui-widget-header {
+ *border-top-style: solid;
+ }
+ }
+}
+
+.fc-event-time,
+.fc-event-title {
+ padding: 3px 0 2px 3px;
+ display: inline-block;
+ line-height: 16px;
+ font-weight: 700;
+ font-size: 11px;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.fc-event-vert {
+ border-width: 0 1px;
+
+ .fc-event-content,
+ .fc-event-head {
+ position: relative;
+ z-index: 2;
+ width: 100%;
+ overflow: hidden;
+ }
+ .fc-event-time {
+ white-space: nowrap;
+ font-size: 10px;
+ }
+ .fc-event-bg {
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #fff;
+ opacity: .3;
+ filter: alpha(opacity=30);
+ }
+ .ui-resizable-s {
+ bottom: 0!important;
+ width: 100%!important;
+ height: 8px!important;
+ overflow: hidden!important;
+ line-height: 8px!important;
+ font-size: 11px!important;
+ font-family: monospace;
+ text-align: center;
+ cursor: s-resize;
+ }
+}
+
+.fc-select-helper .fc-event-bg {
+ display: none;
+}
+
+.fc-agenda .ui-resizable-resizing {
+ _overflow: hidden;
+}
+
+/*
+ * Colorpicker
+ */
+
+.colorpicker {
+ zoom: 1;
+ top: 0;
+ left: 0;
+ padding: 4px;
+ min-width: 120px;
+ margin-top: 1px;
+ border-top-right-radius: 4px;
+ border-top-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+ border-bottom-left-radius: 4px;
+
+ &:after {
+ clear: both;
+ }
+ &: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;
+ }
+ &.alpha {
+ min-width: 140px;
+
+ .colorpicker-alpha {
+ display: block;
+ }
+ }
+ div {
+ position: relative;
+ }
+}
+
+.colorpicker-saturation {
+ width: 100px;
+ height: 100px;
+ background-image: url(../img/saturation.png);
+ cursor: crosshair;
+ float: left;
+
+ i {
+ display: block;
+ height: 5px;
+ width: 5px;
+ border: 1px solid #000;
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin: -4px 0 0 -4px;
+
+ b {
+ display: block;
+ height: 5px;
+ width: 5px;
+ border: 1px solid #fff;
+ }
+ }
+}
+
+.colorpicker-color {
+ height: 10px;
+ margin-top: 5px;
+ clear: both;
+ background-image: url(../img/alpha.png);
+ background-position: 0 100%;
+
+ div {
+ height: 10px;
+ }
+}
+
+.colorpicker-alpha,
+.colorpicker-hue {
+ width: 15px;
+ height: 100px;
+ float: left;
+ cursor: row-resize;
+ margin-left: 4px;
+ margin-bottom: 4px;
+
+ & i {
+ display: block;
+ height: 1px;
+ background: #000;
+ border-top: 1px solid #fff;
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ margin-top: -1px;
+ }
+}
+
+.colorpicker-hue {
+ background-image: url(../img/hue.png);
+}
+
+.colorpicker-alpha {
+ background-image: url(../img/alpha.png);
+ display: none;
+}
+
+.input-append.color,
+.input-prepend.color {
+ .add-on i {
+ display: block;
+ cursor: pointer;
+ width: 16px;
+ height: 16px;
+ }
+}
+
+/*
+ * Timepicker
+ */
+
+.bootstrap-timepicker {
+ position: relative;
+
+ &.pull-right .bootstrap-timepicker-widget {
+ &.dropdown-menu {
+ left: auto;
+ right: 0;
+
+ &:before {
+ left: auto;
+ right: 12px;
+ }
+ &:after {
+ left: auto;
+ right: 13px;
+ }
+ }
+ }
+ .add-on {
+ cursor: pointer;
+
+ i {
+ display: inline-block;
+ width: 16px;
+ height: 16px;
+ }
+ }
+ @media (max-width:767px) {
+ &,
+ & .dropdown-menu {
+ width: 100%;
+ }
+ }
+}
+
+.bootstrap-timepicker-widget {
+ &.dropdown-menu {
+ padding: 4px;
+
+ &.open {
+ display: inline-block;
+ }
+ &:before {
+ border-bottom: 7px solid rgba(0, 0, 0, .2);
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ content: "";
+ display: inline-block;
+ position: absolute;
+ }
+ &:after {
+ border-bottom: 6px solid #FFF;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ content: "";
+ display: inline-block;
+ position: absolute;
+ }
+ }
+ &.timepicker-orient-left:before {
+ left: 6px;
+ }
+ &.timepicker-orient-left:after {
+ left: 7px;
+ }
+ &.timepicker-orient-right:before {
+ right: 6px;
+ }
+ &.timepicker-orient-right:after {
+ right: 7px;
+ }
+ &.timepicker-orient-top:before {
+ top: -7px;
+ }
+ &.timepicker-orient-top:after {
+ top: -6px;
+ }
+ &.timepicker-orient-bottom:before {
+ bottom: -7px;
+ border-bottom: 0;
+ border-top: 7px solid #999;
+ }
+ &.timepicker-orient-bottom:after {
+ bottom: -6px;
+ border-bottom: 0;
+ border-top: 6px solid #fff;
+ }
+ a.btn,
+ input {
+ border-radius: 4px;
+ }
+ table {
+ width: 100%;
+ margin: 0;
+
+ table td {
+ text-align: center;
+ height: 30px;
+ margin: 0;
+ padding: 2px;
+
+ &:not(.separator) {
+ min-width: 30px;
+ }
+ span {
+ width: 100%;
+ }
+ a {
+ border: 1px transparent solid;
+ width: 100%;
+ display: inline-block;
+ margin: 0;
+ padding: 8px 0;
+ outline: 0;
+ color: #333;
+
+ &:hover {
+ text-decoration: none;
+ background-color: #eee;
+ border-radius: 4px;
+ border-color: #ddd;
+ }
+ i {
+ margin-top: 2px;
+ font-size: 18px;
+ }
+ }
+ input {
+ width: 25px;
+ margin: 0;
+ text-align: center;
+ }
+ }
+ }
+ &.modal {
+ @media (min-width:767px) {
+ width: 200px;
+ margin-left: -100px;
+ }
+ }
+ .modal-content {
+ padding: 4px;
+ }
+}
+
+
+/*
+ * Note editor
+ */
+
+.note-editor {
+ border: 1px solid #a9a9a9;
+
+ &.fullscreen {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1050;
+ width: 100%;
+
+ &.fullscreen .note-editable {
+ background-color: #fff;
+ }
+ }
+ &.codeview .note-editable,
+ &.fullscreen .note-resizebar {
+ display: none;
+ }
+ &.codeview .note-codeable {
+ display: block;
+ }
+ .note-toolbar {
+ padding-bottom: 5px;
+ padding-left: 5px;
+ margin: 0;
+ background-color: #f5f5f5;
+ border-bottom: 1px solid #a9a9a9;
+ }
+ .note-toolbar>.btn-group {
+ margin-top: 5px;
+ margin-right: 5px;
+ margin-left: 0;
+ }
+ .note-toolbar {
+ .note-table {
+ .dropdown-menu {
+ min-width: 0;
+ padding: 5px;
+ }
+ .dropdown-menu .note-dimension-picker {
+ font-size: 18px;
+ }
+ .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
+ position: absolute!important;
+ z-index: 3;
+ width: 10em;
+ height: 10em;
+ cursor: pointer;
+ }
+ .note-table .dropdown-menu .note-dimension-picker {
+ .note-dimension-picker-unhighlighted {
+ position: relative!important;
+ z-index: 1;
+ width: 5em;
+ height: 5em;
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat;
+ }
+ .note-dimension-picker-highlighted {
+ position: absolute!important;
+ z-index: 2;
+ width: 1em;
+ height: 1em;
+ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC) repeat;
+ }
+ }
+ }
+ .note-style blockquote, .note-editor .note-toolbar .note-style h1, .note-editor .note-toolbar .note-style h2, .note-editor .note-toolbar .note-style h3, .note-editor .note-toolbar .note-style h4, .note-editor .note-toolbar .note-style h5, .note-editor .note-toolbar .note-style h6 {
+ margin: 0;
+ }
+ .note-color {
+ .dropdown-toggle {
+ width: 20px;
+ padding-left: 5px;
+ }
+ .dropdown-menu {
+ min-width: 290px;
+
+ .btn-group {
+ margin: 0;
+
+ &:first-child {
+ margin: 0 5px;
+ }
+ .note-palette-title {
+ margin: 2px 7px;
+ font-size: 12px;
+ text-align: center;
+ border-bottom: 1px solid #eee;
+ }
+ .note-color-reset {
+ padding: 0 3px;
+ margin: 5px;
+ font-size: 12px;
+ cursor: pointer;
+ border-radius: 5px;
+
+ &:hover {
+ background: #eee;
+ }
+ }
+ }
+ }
+ }
+ .note-para {
+ .dropdown-menu {
+ min-width: 153px;
+ padding: 5px;
+ }
+ .note-para li:first-child {
+ margin-bottom: 5px;
+ }
+ }
+ }
+ .note-statusbar {
+ background-color: #f5f5f5;
+
+ .note-resizebar {
+ width: 100%;
+ height: 8px;
+ cursor: s-resize;
+
+ .note-icon-bar {
+ width: 20px;
+ margin: 1px auto;
+ border-top: 1px solid #a9a9a9;
+ }
+ }
+ }
+ .note-popover .popover {
+ max-width: none;
+
+ .popover-content {
+ padding: 5px;
+
+ a {
+ display: inline-block;
+ max-width: 200px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ vertical-align: middle;
+ }
+ .btn-group+.btn-group {
+ margin-left: 5px;
+ }
+ }
+ .arrow {
+ left: 20px;
+ }
+ }
+ .note-handle {
+ .note-control-selection {
+ position: absolute;
+ display: none;
+ border: 1px solid #000;
+
+ >div {
+ position: absolute;
+ }
+ .note-control-selection-bg {
+ width: 100%;
+ height: 100%;
+ background-color: #000;
+ -webkit-opacity: .3;
+ -khtml-opacity: .3;
+ -moz-opacity: .3;
+ opacity: .3;
+ -ms-filter: alpha(opacity=30);
+ filter: alpha(opacity=30);
+ }
+ .note-control-handle,
+ .note-control-holder {
+ width: 7px;
+ height: 7px;
+ border: 1px solid #000;
+ }
+ .note-control-sizing {
+ width: 7px;
+ height: 7px;
+ background-color: #fff;
+ border: 1px solid #000;
+ }
+ .note-control-nw {
+ top: -5px;
+ left: -5px;
+ border-right: 0;
+ border-bottom: 0;
+ }
+ .note-control-ne {
+ top: -5px;
+ right: -5px;
+ border-bottom: 0;
+ border-left: 0;
+ }
+ .note-control-sw {
+ bottom: -5px;
+ left: -5px;
+ border-top: 0;
+ border-right: 0;
+ }
+ .note-control-se {
+ right: -5px;
+ bottom: -5px;
+ cursor: se-resize;
+ }
+ .note-control-selection-info {
+ right: 0;
+ bottom: 0;
+ padding: 5px;
+ margin: 5px;
+ font-size: 12px;
+ color: #fff;
+ background-color: #000;
+ border-radius: 5px;
+ -webkit-opacity: .7;
+ -khtml-opacity: .7;
+ -moz-opacity: .7;
+ opacity: .7;
+ -ms-filter: alpha(opacity=70);
+ filter: alpha(opacity=70);
+ }
+ }
+ }
+ .note-dialog {
+ >div {
+ display: none;
+ }
+ .note-image-dialog .note-dropzone {
+ min-height: 200px;
+ font-size: 30px;
+ line-height: 6;
+ color: #d3d3d3;
+ text-align: center;
+ border: 4px dashed #d3d3d3;
+ }
+ .note-help-dialog {
+ font-size: 12px;
+ color: #ccc;
+ background: 0 0;
+ background-color: #222!important;
+ border: 0;
+ -webkit-opacity: .9;
+ -khtml-opacity: .9;
+ -moz-opacity: .9;
+ opacity: .9;
+ -ms-filter: alpha(opacity=90);
+ filter: alpha(opacity=90);
+
+ .modal-content {
+ background: 0 0;
+ border: 1px solid #fff;
+ border-radius: 5px;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ }
+ a {
+ font-size: 12px;
+ color: #fff;
+ }
+ .title {
+ padding-bottom: 5px;
+ font-size: 14px;
+ font-weight: 700;
+ color: #fff;
+ border-bottom: #fff 1px solid;
+ }
+ .modal-close {
+ font-size: 14px;
+ color: #dd0;
+ cursor: pointer;
+ }
+ .note-shortcut-layout {
+ width: 100%;
+
+ td {
+ vertical-align: top;
+ }
+ }
+ .note-shortcut {
+ margin-top: 8px;
+
+ th {
+ font-size: 13px;
+ color: #dd0;
+ text-align: left;
+
+ &:first-child {
+ min-width: 110px;
+ padding-right: 10px;
+ font-family: "Courier New";
+ color: #dd0;
+ text-align: right;
+ }
+ }
+ }
+ }
+ }
+ .note-editable {
+ padding: 10px;
+ overflow: scroll;
+ outline: 0;
+ }
+ .note-codeable {
+ display: none;
+ width: 100%;
+ padding: 10px;
+ margin-bottom: 0;
+ font-family: Menlo, Monaco, monospace, sans-serif;
+ font-size: 14px;
+ color: #ccc;
+ background-color: #222;
+ border: 0;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ -ms-box-sizing: border-box;
+ box-sizing: border-box;
+ resize: none;
+ }
+ .dropdown-menu {
+ min-width: 90px;
+
+ &.right {
+ right: 0;
+ left: auto;
+
+ &::before {
+ right: 9px;
+ left: auto!important;
+ }
+ &::after {
+ right: 10px;
+ left: auto!important;
+ }
+ }
+ .dropdown-menu li {
+ a i {
+ color: #00bfff;
+ visibility: hidden;
+ }
+ a.checked i {
+ visibility: visible;
+ }
+ }
+ }
+ .note-color-palette {
+ line-height: 1;
+
+ div .note-color-btn {
+ width: 17px;
+ height: 17px;
+ padding: 0;
+ margin: 0;
+ border: 1px solid #fff;
+
+ &:hover {
+ border: 1px solid #000;
+ }
+ }
+ }
+ .no-padding & {
+ border: 0;
+ }
+ .note-editable {
+ background-color: rgba(48, 126, 204, .05);
+
+ &:focus {
+ background-color: #fff;
+ }
+ }
+ .note-statusbar {
+ .note-resizebar {
+ border-top: 1px solid #DBDBDB;
+ }
+ &:hover {
+ background: #EEE;
+ }
+ &:active {
+ background: #eaeaea;
+ }
+ }
+}
+
+/*
+ * MD editor
+ */
+
+.md-editor {
+ display: block;
+ border: 1px solid #ddd;
+
+ &.active {
+ border-color: #66afe9;
+ outline: 0;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
+ }
+ .md-footer,
+ >.md-header {
+ display: block;
+ padding: 6px 4px;
+ background: #f5f5f5;
+ }
+ >.md-preview {
+ background: #fff;
+ border-top: 1px dashed #ddd;
+ border-bottom: 1px dashed #ddd;
+ min-height: 10px;
+ padding: 10px;
+ }
+ >textarea {
+ font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+ font-size: 13px;
+ outline: 0;
+ outline: thin dotted \9;
+ margin: 0;
+ display: block;
+ width: 100%;
+ border: 0;
+ padding: 10px;
+ border-top: 1px dashed #ddd;
+ border-bottom: 1px dashed #ddd;
+ border-radius: 0;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: #eee;
+ }
+ >textarea:focus {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ background: #fff;
+ }
+}
+
+
+/*
+ * Twitter Typeahead
+ */
+
+.twitter-typeahead {
+ .tt-hint,
+ .tt-query {
+ margin-bottom: 0;
+ }
+}
+.tt-dropdown-menu {
+ min-width: 160px;
+ margin-top: 2px;
+ padding: 5px 0;
+ background-color: #fff;
+ border: 1px solid #bfbfbf;
+ border: 1px solid rgba(0, 0, 0, .2);
+ *border-right-width: 2px;
+ *border-bottom-width: 2px;
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+ box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
+ -webkit-background-clip: padding-box;
+ background-clip: padding-box;
+}
+.tt-suggestion {
+ display: block;
+ padding: 3px 20px;
+
+ &.tt-is-under-cursor {
+ color: #fff;
+ background-color: #0081c2;
+ }
+ &.tt-is-under-cursor a {
+ color: #fff;
+ }
+ p {
+ margin: 0;
+ }
+}
+
+
+/*
+ * DropZone
+ */
+
+.dropzone,
+.dropzone *,
+.dropzone-previews,
+.dropzone-previews * {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+
+.dropzone,
+.dropzone-previews {
+ .dz-preview {
+ background: rgba(255, 255, 255, .8);
+ position: relative;
+ display: inline-block;
+ margin: 10px;
+ vertical-align: top;
+ border: 1px solid #acacac;
+ padding: 6px;
+ -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
+ box-shadow: 1px 1px 4px rgba(0, 0, 0, .16);
+ font-size: 14px;
+
+ &.dz-file-preview {
+ display: none;
+ }
+ .dz-details {
+ width: 100px;
+ height: 100px;
+ position: relative;
+ background: #ebebeb;
+ padding: 5px;
+ margin-bottom: 22px;
+
+ .dz-filename {
+ overflow: hidden;
+ height: 100%;
+ }
+ img {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100px;
+ height: 100px;
+ }
+ .dz-size {
+ position: absolute;
+ bottom: -28px;
+ left: 3px;
+ height: 28px;
+ line-height: 28px;
+ }
+ }
+ &.dz-error .dz-error-mark,
+ &.dz-success .dz-success-mark {
+ display: block;
+ opacity: 1;
+ -ms-filter: none;
+ -webkit-filter: none;
+ filter: none;
+ }
+ &:hover .dz-details img {
+ display: none;
+ }
+ .dz-error-mark,
+ .dz-success-mark {
+ display: block;
+ position: absolute;
+ width: 40px;
+ height: 40px;
+ font-size: 30px;
+ text-align: center;
+ right: -10px;
+ top: -10px;
+ opacity: 0;
+ -ms-filter: "alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transition: opacity .4s ease-in-out;
+ transition: opacity .4s ease-in-out;
+ background-image: url(../img/dropzone/spritemap.png);
+ background-repeat: no-repeat;
+
+ span {
+ display: none;
+ }
+ }
+ .dz-success-mark {
+ color: #8cc657;
+ background-position: -268px -163px;
+ }
+ .dz-error-mark {
+ color: #ee162d;
+ background-position: -268px -123px;
+ }
+ &.dz-error .dz-progress .dz-upload {
+ background: #ee1e2d;
+ }
+ .dz-progress {
+ position: absolute;
+ top: 100px;
+ left: 6px;
+ right: 6px;
+ height: 6px;
+ background: #d7d7d7;
+ display: none;
+
+ .dz-upload {
+ position: absolute;
+ bottom: 0;
+ background-color: #8cc657;
+ -webkit-animation: loading .4s linear infinite;
+ -ms-animation: loading .4s linear infinite;
+ animation: loading .4s linear infinite;
+ -webkit-transition: width .3s ease-in-out;
+ transition: width .3s ease-in-out;
+ border-radius: 2px;
+ top: 0;
+ left: 0;
+ width: 0;
+ height: 100%;
+ background-image: url(../img/dropzone/spritemap.png);
+ background-repeat: repeat-x;
+ background-position: 0 -400px;
+ }
+ }
+ &.dz-processing .dz-progress {
+ display: block;
+ }
+ .dz-error-message {
+ position: absolute;
+ top: -5px;
+ left: -20px;
+ background: rgba(245, 245, 245, .8);
+ padding: 8px 10px;
+ color: #800;
+ min-width: 140px;
+ max-width: 500px;
+ z-index: 500;
+ display: block;
+ opacity: 0;
+ -ms-filter: "alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transition: opacity .3s ease-in-out;
+ transition: opacity .3s ease-in-out;
+ }
+ &:hover.dz-error .dz-error-message {
+ display: block;
+ opacity: 1;
+ -ms-filter: none;
+ -webkit-filter: none;
+ filter: none;
+ }
+ &.dz-image-preview:hover .dz-details img {
+ display: block;
+ opacity: .1;
+ -ms-filter: "alpha(Opacity=10)";
+ filter: alpha(opacity=10);
+ }
+ &.dz-success .dz-progress {
+ display: block;
+ opacity: 0;
+ -ms-filter: "alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transition: opacity .4s ease-in-out;
+ transition: opacity .4s ease-in-out;
+ }
+ }
+ a.dz-remove {
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
+ background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
+ background-image: -webkit-gradient(linear, top left, bottom left, from(#fafafa), to(#eee));
+ background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
+ background-image: linear-gradient(top, #fafafa 0, #eee 100%);
+ border-radius: 2px;
+ border: 1px solid #eee;
+ text-decoration: none;
+ display: block;
+ padding: 4px 5px;
+ text-align: center;
+ color: #aaa;
+ margin-top: 26px;
+
+ &:hover {
+ color: #666;
+ }
+ }
+}
+
+.dropzone {
+ position: relative;
+ padding: 1em;
+ border: 1px solid rgba(0, 0, 0, .03);
+ min-height: 360px;
+ border-radius: 3px;
+ background: rgba(0, 0, 0, .03);
+ background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(0, 0, 0, .03)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, .03)), color-stop(.75, transparent), to(transparent));
+ background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
+ background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
+ background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, transparent 75%, transparent);
+ background-color: #FAFCFD;
+ -webkit-background-size: 16px 16px;
+ background-size: 16px 16px;
+
+ .dz-drag-hover {
+ background: rgba(0, 0, 0, .04);
+ }
+ &.dz-clickable,
+ &.dz-clickable .dz-message,
+ &.dz-clickable .dz-message span {
+ cursor: pointer;
+ }
+ &.dz-clickable * {
+ cursor: default;
+ }
+ .dz-message {
+ opacity: 1;
+ -ms-filter: none;
+ -webkit-filter: none;
+ filter: none;
+ }
+ .dz-drag-hover {
+ background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(0, 0, 0, .03)), color-stop(.25, rgba(0, 0, 0, 0)), color-stop(.5, rgba(0, 0, 0, 0)), color-stop(.5, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, .03)), color-stop(.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
+ background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
+ background-image: -webkit-linear-gradient(315deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
+ background-image: linear-gradient(135deg, rgba(0, 0, 0, .03) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .03) 50%, rgba(0, 0, 0, .03) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
+ background-color: #fafafa;
+ -webkit-background-size: 22px 22px;
+ background-size: 22px 22px;
+ border: 5px dashed #ccc;
+ }
+ .dz-default.dz-message {
+ opacity: 1;
+ -ms-filter: none;
+ -webkit-filter: none;
+ filter: none;
+ -webkit-transition: opacity .3s ease-in-out;
+ transition: opacity .3s ease-in-out;
+ background-image: url(../img/dropzone/spritemap.png);
+ background-repeat: no-repeat;
+ background-position: 0 0;
+ position: absolute;
+ width: 428px;
+ height: 123px;
+ margin-left: -214px;
+ margin-top: -61.5px;
+ top: 50%;
+ left: 50%;
+
+ span {
+ display: none;
+ }
+ }
+ &.dz-square .dz-default.dz-message {
+ background-position: 0 -123px;
+ width: 268px;
+ margin-left: -134px;
+ height: 174px;
+ margin-top: -87px;
+ }
+ &.dz-drag-hover .dz-message {
+ opacity: .15;
+ -ms-filter: "alpha(Opacity=15)";
+ filter: alpha(opacity=15);
+ }
+ &.dz-started .dz-message {
+ display: block;
+ opacity: 0;
+ -ms-filter: "alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+}
+
+
+.irs {
+ position: relative;
+ display: block;
+ height: 40px;
+
+ &-line {
+ position: relative;
+ display: block;
+ overflow: hidden;
+ height: 8px;
+ top: 25px;
+ background: #eee;
+
+ &-left,
+ &-mid,
+ &-right {
+ position: absolute;
+ display: block;
+ top: 0;
+ height: 8px;
+ }
+ &-left {
+ left: 0;
+ width: 10%;
+ }
+ &-mid {
+ left: 10%;
+ width: 80%;
+ }
+ &-right {
+ right: 0;
+ width: 10%;
+ }
+ }
+ &-diapason {
+ position: absolute;
+ display: block;
+ left: 0;
+ width: 100%;
+ }
+ &-slider {
+ position: absolute;
+ display: block;
+ cursor: default;
+ z-index: 1;
+ width: 10px;
+ height: 22px;
+ top: 17px;
+ border: 1px solid #fff;
+ background: #858585;
+
+ &:hover {
+ background: #6c6c6c;
+ }
+ &.single {
+ left: 10px;
+
+ &:before {
+ position: absolute;
+ display: block;
+ content: "";
+ top: -50%;
+ left: -150%;
+ width: 400%;
+ height: 200%;
+ background: rgba(0, 0, 0, 0);
+ }
+ }
+ &.from {
+ left: 100px;
+
+ &:before {
+ position: absolute;
+ display: block;
+ content: "";
+ top: -50%;
+ left: -300%;
+ width: 400%;
+ height: 200%;
+ background: rgba(0, 0, 0, 0);
+ }
+ }
+ &.to {
+ left: 300px;
+
+ &:before {
+ position: absolute;
+ display: block;
+ content: "";
+ top: -50%;
+ left: 0;
+ width: 400%;
+ height: 200%;
+ background: rgba(0, 0, 0, 0);
+ }
+ }
+ &.last {
+ z-index: 2;
+ }
+ }
+ &-max,
+ &-min {
+ color: #999;
+ font-size: 12px;
+ line-height: 1.333;
+ text-shadow: none;
+ top: 0;
+ padding: 1px 3px;
+ background: rgba(0, 0, 0, .1);
+ border-radius: 0;
+
+ .lt-ie9 & {
+ background: #bfbfbf;
+ }
+ }
+ &-min {
+ position: absolute;
+ display: block;
+ left: 0;
+ cursor: default;
+ }
+ &-max {
+ position: absolute;
+ display: block;
+ right: 0;
+ cursor: default;
+ }
+ &-from,
+ &-single,
+ &-to {
+ position: absolute;
+ display: block;
+ top: 0;
+ left: 0;
+ cursor: default;
+ white-space: nowrap;
+
+ .lt-ie9 & {
+ background: #999;
+ }
+ }
+ &-grid {
+ position: absolute;
+ display: none;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 20px;
+ }
+ &-with-grid {
+ height: 60px;
+ }
+ &-with-grid
+ &-grid {
+ display: block;
+ }
+ &-grid-pol {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 1px;
+ height: 8px;
+ background: #99a4ac;
+
+ &.small {
+ height: 4px;
+ }
+ }
+ &-grid-text {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100px;
+ white-space: nowrap;
+ text-align: center;
+ font-size: 9px;
+ line-height: 9px;
+ color: #99a4ac;
+ }
+ &-diapason {
+ background: #3276b1;
+ height: 8px;
+ top: 25px;
+ }
+ .irs-from, .irs-single, .irs-to {
+ color: #fff;
+ font-size: 10px;
+ line-height: 1.333;
+ text-shadow: none;
+ padding: 1px 5px;
+ background: rgba(0, 0, 0, .4);
+ border-radius: 0;
+ }
+}
+
+#irs-active-slider {
+ background: #686868;
+ -webkit-box-shadow: rgba(0, 0, 0, .3) 1px 1px 1px 0;
+ box-shadow: rgba(0, 0, 0, .3) 1px 1px 1px 0;
+ width: 12px;
+ height: 24px;
+ top: 16px;
+}
+
+
+/*
+ * Google maps
+ */
+
+.google_maps {
+ width: 100%;
+ height: 350px;
+ position: relative;
+
+ * {
+ box-sizing: content-box;
+ -webkit-box-sizing: content-box;
+ -moz-box-sizing: content-box;
+ }
+ img {
+ max-width: none;
+ }
+}