Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- //Variables
- $darkGrey: #404040;
- $lightBlue: #3399FF;
- $salmon: #E96656;
- $white: #fff;
- $pgBlue: #006282;
- $black: #000;
- $darkerGrey: #333;
- $trans: transparent;
- $lightSalmon: #EE7C6C;
- $otherGrey: #666666;
- $orange: #e44736;
- $mint: #e5fbde;
- $babyPink: #faebeb;
- $green: #34c003;
- $deepBlue: #0099cc;
- $pgLightBlue: #00BEFD;
- $standardGrey: #CCCCCC;
- $thumbnailBlue: #16629A;
- $roboto: 'Roboto Condensed', sans-serif;
- $notOrange: #FF6B35;
- $darkTurquoise: #4BC2C6;
- $paleTurquoise: #ADDFE3;
- $powderWhite: #FCFCFC;
- $charcoalGrey: #3A3131;
- /*!
- * Ladda
- * http://lab.hakim.se/ladda
- * MIT licensed
- *
- * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
- */
- /*************************************
- * CONFIG
- */
- /*************************************
- * MIXINS
- */
- /*************************************
- * BUTTON BASE
- */
- /* Spinner animation */
- /* Button label */
- /* Progress bar */
- /*************************************
- * EASING
- */
- /*************************************
- * EXPAND LEFT
- */
- /*************************************
- * EXPAND RIGHT
- */
- /*************************************
- * EXPAND UP
- */
- /*************************************
- * EXPAND DOWN
- */
- /*************************************
- * SLIDE LEFT
- */
- /*************************************
- * SLIDE RIGHT
- */
- /*************************************
- * SLIDE UP
- */
- /*************************************
- * SLIDE DOWN
- */
- /*************************************
- * ZOOM-OUT
- */
- /*************************************
- * ZOOM-IN
- */
- /*************************************
- * CONTRACT
- */
- /*************************************
- * OVERLAY
- */
- /*@import "vendor/bootstrap-datetimepicker-build";*/
- /***************************************
- Full Calendar
- ****************************************/
- /****************************************
- Bootstrap
- ****************************************/
- /****************************************
- Bootstrap Icons
- Override with Font Awesome icons
- ****************************************/
- /*.glyphicon {
- display: inline-block;
- font-family: FontAwesome;
- font-style: normal;
- font-weight: normal;
- line-height: 1;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
- .glyphicon-chevron-left:before {
- content: "\f053";
- }
- .glyphicon-chevron-right:before {
- content: "\f054";
- }*/
- /****************************************
- Bootstrap-UI
- ****************************************/
- .ladda-button {
- position: relative;
- -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- .ladda-spinner {
- position: absolute;
- z-index: 2;
- display: inline-block;
- width: 32px;
- height: 32px;
- top: 50%;
- margin-top: 0;
- opacity: 0;
- pointer-events: none;
- -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- }
- .ladda-label {
- position: relative;
- z-index: 3;
- -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
- }
- .ladda-progress {
- position: absolute;
- width: 0;
- height: 100%;
- left: 0;
- top: 0;
- background: rgba(0, 0, 0, 0.2);
- visibility: hidden;
- opacity: 0;
- -webkit-transition: 0.1s linear all !important;
- -moz-transition: 0.1s linear all !important;
- -ms-transition: 0.1s linear all !important;
- -o-transition: 0.1s linear all !important;
- transition: 0.1s linear all !important;
- }
- }
- .ladda-button[data-loading] {
- .ladda-progress {
- opacity: 1;
- visibility: visible;
- }
- }
- .ladda-button[data-style=zoom-in] {
- -webkit-transition: 0.3s ease all !important;
- -moz-transition: 0.3s ease all !important;
- -ms-transition: 0.3s ease all !important;
- -o-transition: 0.3s ease all !important;
- transition: 0.3s ease all !important;
- overflow: hidden;
- .ladda-spinner {
- -webkit-transition: 0.3s ease all !important;
- -moz-transition: 0.3s ease all !important;
- -ms-transition: 0.3s ease all !important;
- -o-transition: 0.3s ease all !important;
- transition: 0.3s ease all !important;
- left: 50%;
- margin-left: -16px;
- -webkit-transform: scale(0.2);
- -moz-transform: scale(0.2);
- -ms-transform: scale(0.2);
- -o-transform: scale(0.2);
- transform: scale(0.2);
- }
- .ladda-label {
- -webkit-transition: 0.3s ease all !important;
- -moz-transition: 0.3s ease all !important;
- -ms-transition: 0.3s ease all !important;
- -o-transition: 0.3s ease all !important;
- transition: 0.3s ease all !important;
- position: relative;
- display: inline-block;
- }
- }
- .ladda-button[data-style=zoom-out] {
- -webkit-transition: 0.3s ease all !important;
- -moz-transition: 0.3s ease all !important;
- -ms-transition: 0.3s ease all !important;
- -o-transition: 0.3s ease all !important;
- transition: 0.3s ease all !important;
- overflow: hidden;
- .ladda-spinner {
- -webkit-transition: 0.3s ease all !important;
- -moz-transition: 0.3s ease all !important;
- -ms-transition: 0.3s ease all !important;
- -o-transition: 0.3s ease all !important;
- transition: 0.3s ease all !important;
- left: 50%;
- margin-left: 32px;
- -webkit-transform: scale(2.5);
- -moz-transform: scale(2.5);
- -ms-transform: scale(2.5);
- -o-transform: scale(2.5);
- transform: scale(2.5);
- }
- .ladda-label {
- -webkit-transition: 0.3s ease all !important;
- -moz-transition: 0.3s ease all !important;
- -ms-transition: 0.3s ease all !important;
- -o-transition: 0.3s ease all !important;
- transition: 0.3s ease all !important;
- position: relative;
- display: inline-block;
- }
- }
- .ladda-button[data-style=expand-right] {
- .ladda-spinner {
- right: -6px;
- }
- }
- .ladda-button[data-style=expand-right][data-size="s"] {
- .ladda-spinner {
- right: -12px;
- }
- }
- .ladda-button[data-style=expand-right][data-size="xs"] {
- .ladda-spinner {
- right: -12px;
- }
- }
- .ladda-button[data-style=expand-right][data-loading] {
- padding-right: 56px;
- .ladda-spinner {
- opacity: 1;
- }
- }
- .ladda-button[data-style=expand-right][data-loading][data-size="s"] {
- padding-right: 40px;
- }
- .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
- padding-right: 40px;
- }
- .ladda-button[data-style=expand-left] {
- .ladda-spinner {
- left: 26px;
- }
- }
- .ladda-button[data-style=expand-left][data-size="s"] {
- .ladda-spinner {
- left: 4px;
- }
- }
- .ladda-button[data-style=expand-left][data-size="xs"] {
- .ladda-spinner {
- left: 4px;
- }
- }
- .ladda-button[data-style=expand-left][data-loading] {
- padding-left: 56px;
- .ladda-spinner {
- opacity: 1;
- }
- }
- .ladda-button[data-style=expand-left][data-loading][data-size="s"] {
- padding-left: 40px;
- }
- .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
- padding-left: 40px;
- }
- .ladda-button[data-style=expand-up] {
- overflow: hidden;
- .ladda-spinner {
- top: -32px;
- left: 50%;
- margin-left: 0;
- }
- }
- .ladda-button[data-style=expand-up][data-loading] {
- padding-top: 54px;
- .ladda-spinner {
- opacity: 1;
- top: 26px;
- margin-top: 0;
- }
- }
- .ladda-button[data-style=expand-up][data-loading][data-size="s"] {
- padding-top: 32px;
- .ladda-spinner {
- top: 4px;
- }
- }
- .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
- padding-top: 32px;
- .ladda-spinner {
- top: 4px;
- }
- }
- .ladda-button[data-style=expand-down] {
- overflow: hidden;
- .ladda-spinner {
- top: 62px;
- left: 50%;
- margin-left: 0;
- }
- }
- .ladda-button[data-style=expand-down][data-size="s"] {
- .ladda-spinner {
- top: 40px;
- }
- }
- .ladda-button[data-style=expand-down][data-size="xs"] {
- .ladda-spinner {
- top: 40px;
- }
- }
- .ladda-button[data-style=expand-down][data-loading] {
- padding-bottom: 54px;
- .ladda-spinner {
- opacity: 1;
- }
- }
- .ladda-button[data-style=expand-down][data-loading][data-size="s"] {
- padding-bottom: 32px;
- }
- .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
- padding-bottom: 32px;
- }
- .ladda-button[data-style=slide-left] {
- overflow: hidden;
- .ladda-label {
- position: relative;
- }
- .ladda-spinner {
- left: 100%;
- margin-left: 0;
- }
- }
- .ladda-button[data-style=slide-left][data-loading] {
- .ladda-label {
- opacity: 0;
- left: -100%;
- }
- .ladda-spinner {
- opacity: 1;
- left: 50%;
- }
- }
- .ladda-button[data-style=slide-right] {
- overflow: hidden;
- .ladda-label {
- position: relative;
- }
- .ladda-spinner {
- right: 100%;
- margin-left: 0;
- left: 16px;
- }
- }
- .ladda-button[data-style=slide-right][data-loading] {
- .ladda-label {
- opacity: 0;
- left: 100%;
- }
- .ladda-spinner {
- opacity: 1;
- left: 50%;
- }
- }
- .ladda-button[data-style=slide-up] {
- overflow: hidden;
- .ladda-label {
- position: relative;
- }
- .ladda-spinner {
- left: 50%;
- margin-left: 0;
- margin-top: 1em;
- }
- }
- .ladda-button[data-style=slide-up][data-loading] {
- .ladda-label {
- opacity: 0;
- top: -1em;
- }
- .ladda-spinner {
- opacity: 1;
- margin-top: 0;
- }
- }
- .ladda-button[data-style=slide-down] {
- overflow: hidden;
- .ladda-label {
- position: relative;
- }
- .ladda-spinner {
- left: 50%;
- margin-left: 0;
- margin-top: -2em;
- }
- }
- .ladda-button[data-style=slide-down][data-loading] {
- .ladda-label {
- opacity: 0;
- top: 1em;
- }
- .ladda-spinner {
- opacity: 1;
- margin-top: 0;
- }
- }
- .ladda-button[data-style=zoom-out][data-loading] {
- .ladda-label {
- opacity: 0;
- -webkit-transform: scale(0.5);
- -moz-transform: scale(0.5);
- -ms-transform: scale(0.5);
- -o-transform: scale(0.5);
- transform: scale(0.5);
- }
- .ladda-spinner {
- opacity: 1;
- margin-left: 0;
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none;
- }
- }
- .ladda-button[data-style=zoom-in][data-loading] {
- .ladda-label {
- opacity: 0;
- -webkit-transform: scale(2.2);
- -moz-transform: scale(2.2);
- -ms-transform: scale(2.2);
- -o-transform: scale(2.2);
- transform: scale(2.2);
- }
- .ladda-spinner {
- opacity: 1;
- margin-left: 0;
- -webkit-transform: none;
- -moz-transform: none;
- -ms-transform: none;
- -o-transform: none;
- transform: none;
- }
- }
- .ladda-button[data-style=contract] {
- overflow: hidden;
- width: 100px;
- .ladda-spinner {
- left: 50%;
- margin-left: 0;
- }
- }
- .ladda-button[data-style=contract][data-loading] {
- border-radius: 50%;
- width: 52px;
- .ladda-label {
- opacity: 0;
- }
- .ladda-spinner {
- opacity: 1;
- }
- }
- .ladda-button[data-style=contract-overlay] {
- overflow: hidden;
- width: 100px;
- box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);
- .ladda-spinner {
- left: 50%;
- margin-left: 0;
- }
- }
- .ladda-button[data-style=contract-overlay][data-loading] {
- border-radius: 50%;
- width: 52px;
- box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);
- .ladda-label {
- opacity: 0;
- }
- .ladda-spinner {
- opacity: 1;
- }
- }
- body {
- background: #ffffff;
- color: $darkGrey;
- font: 14px "Open Sans", sans-serif;
- line-height: 1.5em;
- }
- h1 {
- font-size: 30px;
- font-weight: normal;
- }
- h2 {
- font-size: 24px;
- font-weight: normal;
- }
- h3 {
- font-size: 18px;
- font-weight: bold;
- }
- a {
- color: $darkTurquoise;
- &:hover {
- color: $darkTurquoise;
- }
- &:focus {
- color: $darkTurquoise;
- }
- &:active {
- color: $darkTurquoise;
- }
- &:visited {
- color: $darkTurquoise;
- }
- }
- hr {
- height: 1px;
- border: none;
- border-top: none;
- background: #cccccc;
- }
- .no-selection {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- }
- li.selected {
- border-color: $pgLightBlue !important;
- }
- .validation-summary {
- font-size: 13px;
- color: $salmon;
- }
- footer {
- .site-by {
- color: $darkGrey;
- font-size: small;
- a {
- color: $darkGrey;
- text-decoration: none;
- &:hover {
- color: $darkGrey;
- text-decoration: underline;
- }
- }
- }
- }
- div.noscript {
- position: fixed;
- top: 0;
- z-index: 9999;
- width: 100%;
- min-height: 65px;
- font: 95%/30px Verdana;
- text-align: center;
- background: #f2dede;
- border-bottom: solid 1px #a94442;
- }
- div.unsupported-browser {
- position: fixed;
- top: 0;
- z-index: 9999;
- width: 100%;
- min-height: 65px;
- font: 95%/30px Verdana;
- text-align: center;
- background: #f2dede;
- border-bottom: solid 1px #a94442;
- }
- input {
- &::-webkit-clear-button {
- display: none;
- }
- &::-ms-clear {
- display: none;
- }
- }
- input.error {
- border: 1px solid red !important;
- }
- select.error {
- border: 1px solid red !important;
- }
- textarea.error {
- border: 1px solid red !important;
- }
- label.error {
- font-size: 13px;
- color: $salmon;
- font-weight: normal;
- font-style: italic;
- }
- div.content-heading {
- color: $white;
- background-color: $pgBlue;
- border-bottom: 3px solid #00BEFD;
- padding: 10px;
- margin: 0;
- font-weight: bold;
- text-transform: uppercase;
- font-size: 14px;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- }
- div.content-body {
- border: 1px solid #e3e3e3;
- border-top: none;
- border-bottom-right-radius: 4px;
- border-bottom-left-radius: 4px;
- padding: 10px;
- }
- div.panel-tab-body {
- padding: 10px 15px 50px;
- background: #fff;
- }
- .heading {
- color: $pgBlue;
- font-weight: bold;
- text-transform: uppercase;
- }
- .page-title {
- font-size: x-large;
- }
- .item-content-area {
- -webkit-transition: linear 1s;
- -moz-transition: linear 1s;
- -o-transition: linear 1s;
- transition: linear 1s;
- }
- .fullscreen-overlay {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- z-index: 1000;
- background-color: $white;
- padding: 20px;
- border-bottom: 500px solid #fff;
- }
- .list {
- padding: 10px 0 0;
- > li {
- border: 1px solid #e3e3e3;
- color: $pgBlue;
- padding: 3px 10px 7px;
- margin-bottom: 5px;
- list-style: none;
- }
- }
- .list.sortable {
- li {
- .handle {
- cursor: move;
- }
- }
- }
- .nest-list {
- padding: 10px 0 0;
- > li {
- list-style: none;
- div.section {
- border: 1px solid #e3e3e3;
- color: $pgBlue;
- padding: 3px 10px 7px;
- margin-bottom: 5px;
- list-style: none;
- }
- ul {
- padding: 3px 10px 7px 20px;
- > li.section-item {
- border: 1px solid #e3e3e3;
- color: $pgBlue;
- padding: 3px 10px 7px;
- margin-bottom: 5px;
- list-style: none;
- }
- }
- }
- > li.selected {
- div.section {
- border-color: $pgLightBlue !important;
- }
- }
- }
- .nest-list.sortable {
- li {
- .handle {
- cursor: move;
- }
- }
- }
- td.item-number {
- vertical-align: top;
- font-weight: bold;
- width: 35px;
- }
- th.rotate {
- height: 140px;
- white-space: nowrap;
- > div {
- transform: translate(25px, 51px) rotate(315deg);
- width: 30px;
- > span {
- border-bottom: 1px solid #ccc;
- padding: 0px 0px;
- }
- }
- }
- table.sheet {
- td {
- padding: 10px;
- border: 1px solid #ccc;
- }
- }
- .permissionSheet {
- margin-top: 50px;
- }
- .item-list {
- padding: 5px 0;
- > li {
- border: 1px solid #fff;
- color: $black;
- padding: 3px 10px 7px;
- margin-bottom: 5px;
- list-style: none;
- &:hover {
- border: 1px solid #e3e3e3;
- }
- }
- }
- .item-list.sortable {
- li {
- .handle {
- cursor: move;
- }
- }
- }
- .dynamic-list {
- padding: 10px 0 0;
- list-style: none;
- > li {
- margin-bottom: 5px;
- min-height: 35px;
- .heading-area {
- border: 1px solid #fff;
- color: $black;
- padding: 3px 10px 7px;
- &:hover {
- border: 1px solid #e3e3e3;
- }
- }
- }
- }
- li.sortable-placeholder {
- border: 1px dashed #CCC;
- background: none;
- min-height: 30px;
- }
- .right {
- float: right;
- }
- .left {
- float: left;
- }
- .completed-item {
- background-color: $mint;
- }
- .rejected-item {
- background-color: $babyPink;
- }
- .item-editor {
- padding: 10px 0 0 0;
- }
- /*.item-gallery {
- .icon-area {
- height: 65px;
- float: left;
- padding-right: 10px;
- }
- .icon {
- height: 65px;
- border-top-left-radius: 4px;
- }
- .content-heading {
- min-height: 65px;
- padding: 0px !important;
- }
- .heading-text-area {
- padding: 12px 15px;
- }
- .thumbnail {
- height: 350px;
- position: relative;
- }
- .gallary-content {
- padding: 12px 10px;
- }
- .content-footer {
- border-top: 3px solid #00BEFD;
- position: absolute;
- bottom: 0px;
- left: 0;
- width: 100%;
- padding: 7px 12px;
- background: #006282;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
- a {
- color: $white;
- text-decoration: none;
- padding-right: 10px;
- }
- }
- }*/
- .lm-panel {
- .panel-toolbar {
- .name {
- font-weight: bold;
- }
- .btn {
- float: right;
- width: 26px;
- line-height: 26px;
- margin-top: -2px;
- margin-left: 5px;
- padding: 0;
- }
- }
- .btn.small {
- width: 26px;
- line-height: 26px;
- margin-top: -2px;
- margin-left: 5px;
- padding: 0;
- }
- .panel-placeholder {
- padding: 10px 15px 50px;
- background: #ffffff;
- }
- .panel-heading {
- margin: 0;
- padding: 10px;
- background: $charcoalGrey;
- color: $powderWhite;
- border-top-right-radius: 4px;
- border-top-left-radius: 4px;
- border-bottom: 4px solid $notOrange;
- font-size: 14px;
- font-weight: bold;
- text-transform: uppercase;
- a {
- color: $powderWhite;
- }
- }
- }
- #LoadingArea {
- position: fixed;
- top: 0px;
- left: 0px;
- display: none;
- width: 100%;
- }
- #InnerLoadingArea {
- position: relative;
- left: 0px;
- font-size: large;
- font-weight: bold;
- color: $white;
- background-color: $green;
- opacity: 0.8;
- border-bottom: 3px solid #237e03;
- padding: 10px 0px;
- width: 100%;
- text-align: center;
- }
- .vote-button {
- width: 31%;
- margin: 15px 10px 15px 0;
- height: 150px;
- font-weight: bold;
- text-transform: uppercase;
- font-size: 20px;
- overflow: hidden;
- }
- .attachment-holder {
- padding: 10px 20px;
- margin: 5px 0 0 0;
- border: 1px solid #006282;
- background: #00BEFD;
- color: $white;
- a {
- color: $white;
- &:hover {
- color: $white;
- }
- &:focus {
- color: $white;
- }
- }
- }
- .vote-display {
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- width: 31%;
- margin: 15px 10px 15px 0;
- height: 50px;
- font-weight: bold;
- text-transform: uppercase;
- font-size: 20px;
- text-align: center;
- padding-top: 15px;
- border: 1px solid #000;
- }
- .motion-display {
- -webkit-border-radius: 5px;
- -moz-border-radius: 5px;
- border-radius: 5px;
- width: 31%;
- margin: 15px 10px 15px 0;
- height: 50px;
- font-weight: bold;
- text-transform: uppercase;
- font-size: 20px;
- border: 1px solid #000;
- background-color: $white;
- color: $darkerGrey;
- text-align: center;
- padding-top: 15px;
- }
- .fc-event {
- cursor: pointer;
- }
- form {
- .well {
- background: -webkit-linear-gradient(top, #ffffff, #F9F9F9);
- background: -moz-linear-gradient(top, #ffffff, #F9F9F9);
- background: -ms-linear-gradient(top, #ffffff, #F9F9F9);
- background: linear-gradient(top, #ffffff, #F9F9F9);
- border-color: $standardGrey;
- box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
- }
- .input-group-addon {
- background-color: $deepBlue;
- color: $white;
- border: none;
- }
- }
- button.lm-btn {
- line-height: 30px;
- padding: 6px 20px;
- border: none;
- font-size: 14px;
- text-transform: uppercase;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
- }
- a.lm-btn {
- line-height: 30px;
- padding: 6px 20px;
- border: none;
- font-size: 14px;
- text-transform: uppercase;
- box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
- }
- button.btn-primary {
- background: -webkit-linear-gradient(top, #00BEFD, #00A9E1);
- background: -moz-linear-gradient(top, #00BEFD, #00A9E1);
- background: -ms-linear-gradient(top, #00BEFD, #00A9E1);
- background: linear-gradient(top, #00BEFD, #00A9E1);
- color: $white;
- &:hover {
- background: #00A9E1;
- }
- &:focus {
- background: #00A9E1;
- }
- &:active {
- background: #00BEFD;
- }
- &:disabled {
- background: -webkit-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
- background: -moz-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
- background: -ms-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
- background: linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
- }
- }
- a.btn-primary {
- background: -webkit-linear-gradient(top, #00BEFD, #00A9E1);
- background: -moz-linear-gradient(top, #00BEFD, #00A9E1);
- background: -ms-linear-gradient(top, #00BEFD, #00A9E1);
- background: linear-gradient(top, #00BEFD, #00A9E1);
- color: $white;
- &:hover {
- background: #00A9E1;
- }
- &:focus {
- background: #00A9E1;
- }
- &:active {
- background: #00BEFD;
- }
- &:disabled {
- background: -webkit-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
- background: -moz-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
- background: -ms-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
- background: linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
- }
- }
- .container-fixed {
- .col-fixed {
- float: left;
- padding: 0 15px;
- }
- }
- .container-fixed.container-fixed-100 {
- .col-fixed {
- width: 100px;
- }
- .row {
- margin-left: 100px;
- width: calc(100% - 100px);
- }
- }
- .drop-target {
- border: 1px solid #34c003;
- background: #ebfbe6;
- padding: 30px;
- .glyphicon {
- font-size: 50px;
- }
- }
- .scan-target {
- margin: 5px;
- border: 1px solid #0237C1;
- background: #E6EFFB;
- padding: 30px;
- .glyphicon {
- font-size: 50px;
- }
- }
- .glyphicon-none {
- &:before {
- content: "\e119";
- color: $trans !important;
- }
- }
- [datepicker] {
- table {
- outline: none;
- }
- }
- .table-layout {
- display: table;
- width: 100%;
- .table-cell {
- display: table-cell;
- vertical-align: top;
- }
- }
- .lm-panel.well {
- margin: 0;
- padding: 0;
- .panel-toolbar {
- padding: 15px 10px;
- border-bottom: solid 1px #cccccc;
- }
- .nav {
- padding-left: 10px;
- }
- .nav.nav-tabs {
- margin-top: 5px;
- border-bottom-color: $standardGrey;
- li {
- & + li {
- margin-left: 5px;
- }
- font-size: 12px;
- font-weight: bold;
- text-transform: uppercase;
- a {
- padding: 9px 15px 8px;
- background: #e4e4e4;
- border-color: $standardGrey;
- border-bottom: 0;
- color: $darkGrey;
- &:hover {
- background: #f2f2f2;
- }
- }
- }
- li.active {
- a {
- background: $powderWhite;
- border-top: solid 2px $darkTurquoise;
- }
- }
- }
- .subpage {
- section {
- padding: 10px;
- background: #ffffff;
- border-bottom-left-radius: 4px;
- border-bottom-right-radius: 4px;
- h3 {
- margin-top: 0;
- }
- }
- }
- }
- header.page {
- .navbar {
- margin-bottom: 0;
- border: 0;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- background: #404040;
- font-size: 13px;
- .navbar-toggle {
- background: #EE7C6C;
- button {
- &:active {
- background: #EE7C6C;
- }
- }
- }
- .navbar-collapse {
- background: #404040;
- .navbar-nav {
- li {
- .dropdown-menu {
- font-size: 13px;
- padding: 0;
- a {
- margin: 0;
- color: $darkGrey;
- text-transform: none;
- }
- }
- a {
- margin-top: 3px;
- padding: 0 10px;
- line-height: 24px;
- color: $white;
- text-transform: uppercase;
- }
- p {
- margin-top: 3px;
- padding: 0 10px;
- line-height: 24px;
- color: $white;
- text-transform: uppercase;
- padding: 0;
- }
- p.separator {
- margin: 2px 0;
- &:before {
- content: "|";
- }
- }
- a.user-selector {
- margin: 3px 0;
- padding: 0 5px;
- background: none;
- i.fa-caret-down {
- margin-left: 5px;
- color: $lightSalmon;
- }
- }
- button.language-selector {
- margin: 3px 0 3px 15px;
- padding: 0 30px;
- -webkit-border-radius: 25px;
- -moz-border-radius: 25px;
- -ms-border-radius: 25px;
- border-radius: 25px;
- background: #ffffff;
- color: $darkGrey;
- i {
- color: $lightSalmon;
- }
- }
- }
- }
- }
- .navbar-collapse.collapse {
- padding-left: 0;
- }
- }
- }
- lm-timeline {
- display: block;
- overflow-x: scroll;
- background: #ffffff;
- .swimlane {
- display: table;
- padding: 5px 0 4px;
- border-bottom: solid 1px #cccccc;
- white-space: nowrap;
- &:nth-last-child(2) {
- border-bottom: none;
- }
- .term {
- position: relative;
- display: inline-block;
- width: 150px;
- height: 30px;
- line-height: 15px;
- left: 0;
- padding-top: 8px;
- margin-left: 5px;
- color: $white;
- text-align: center;
- cursor: pointer;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- -ms-border-radius: 4px;
- border-radius: 4px;
- i {
- font-size: 14px;
- }
- }
- .term.term-unassigned {
- background: #8cd9b2;
- &:hover {
- background: #a9e2c5;
- }
- }
- .term.term-assigned {
- background: #0079a1;
- &:hover {
- background: #409ab8;
- }
- }
- .term.term-unassigned-ended {
- background: #e96656;
- &:hover {
- background: #ee8c80;
- }
- }
- .term.term-assigned-ended {
- background: #CCCCCC;
- &:hover {
- background: #e2e2e2;
- }
- }
- }
- .footer {
- display: table;
- border-top: solid 1px #cccccc;
- white-space: nowrap;
- .year {
- display: inline-block;
- line-height: 14px;
- margin: 0 0 5px 5px;
- text-align: center;
- color: $otherGrey;
- &:before {
- content: '';
- position: relative;
- display: block;
- width: 1px;
- height: 8px;
- left: 50%;
- background: #cccccc;
- }
- }
- }
- }
- section.company {
- margin-top: 20px;
- figure {
- img {
- height: 50px;
- float: left;
- margin-right: 10px;
- }
- figcaption {
- font-size: 24px;
- font-weight: bold;
- padding-top: 5px;
- }
- p {
- margin: 2px 0 0;
- }
- }
- nav {
- li {
- a {
- &:hover {
- background: #f3f7ff;
- }
- &:active {
- background: #f3f7ff;
- }
- &:visited {
- background: #f3f7ff;
- }
- }
- }
- li.separator {
- margin: 0 5px;
- width: 1px;
- height: 50px;
- border-left: solid 1px #cccccc;
- }
- }
- }
- section.login {
- h2.title {
- margin: 0;
- }
- hr {
- margin-top: 15px;
- margin-bottom: 20px;
- }
- .form-group {
- & + .form-group {
- margin-bottom: 5px;
- }
- }
- div.checkbox {
- margin-bottom: 25px;
- }
- .validation-summary {
- padding: 0 0 10px;
- }
- }
- section.password-recovery {
- .request-sent {
- min-height: 160px;
- }
- .previous-page {
- margin-top: 15px;
- }
- }
- section.password-reset {
- .btn {
- margin-top: 30px;
- }
- }
- section.account-activation {
- .btn {
- margin-top: 30px;
- }
- }
- section.committees {
- .well {
- section.committee-positions {
- .timeline {
- display: table;
- width: 100%;
- border: solid 1px #cccccc;
- background: #f2f2f2;
- header {
- padding: 5px 10px;
- line-height: 29px;
- border-bottom: solid 1px #cccccc;
- font-size: 12px;
- font-weight: bold;
- text-transform: uppercase;
- }
- .positions {
- display: table-cell;
- width: 180px;
- border-right: solid 1px #cccccc;
- header {
- .btn {
- float: right;
- }
- }
- .swimlane {
- display: table;
- width: 100%;
- height: 40px;
- line-height: 15px;
- padding: 5px 5px 0 10px;
- background: #ffffff;
- border-bottom: solid 1px #cccccc;
- font-size: 13px;
- white-space: nowrap;
- cursor: default;
- &:first-child {
- border-top: none;
- }
- strong {
- display: block;
- }
- &:hover {
- .toolbar {
- a {
- color: $lightBlue;
- }
- }
- }
- .toolbar {
- display: table-cell;
- width: 5px;
- margin-left: 5px;
- text-align: center;
- a {
- color: $trans;
- }
- }
- }
- }
- .terms {
- display: table-cell;
- max-width: 0;
- font-size: 12px;
- font-weight: bold;
- }
- }
- }
- }
- }
- .committee-position-dialog {
- font-size: 12px;
- .control-label {
- &::after {
- content: ":";
- }
- }
- .datepicker {
- input[type=text] {
- &:read-only {
- background: #ffffff;
- }
- }
- }
- input[type=number] {
- margin-right: 5px;
- }
- }
- .committee-term-dialog {
- font-size: 12px;
- .control-label {
- &::after {
- content: ":";
- }
- & + p {
- padding-top: 6px;
- }
- }
- .datepicker {
- input[type=text] {
- &:read-only {
- background: #ffffff;
- }
- }
- }
- }
- .lm-user-profile {
- h3 {
- padding-bottom: 10px;
- border-bottom: solid 1px silver;
- font-size: 14px;
- text-transform: uppercase;
- }
- .table-cell.photo-col {
- width: 140px;
- .photo {
- position: relative;
- width: 120px;
- height: 120px;
- background: #f2f2f2;
- border: solid 1px #cccccc;
- img {
- position: absolute;
- margin: auto;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- max-width: 95px;
- max-height: 95px;
- }
- .drop-target {
- position: absolute;
- width: 120px;
- height: 120px;
- background: rgba(51, 178, 255, 0.75);
- border: dashed 1px #337ab7;
- color: $white;
- text-align: center;
- font-size: 12px;
- line-height: 13px;
- cursor: pointer;
- span {
- position: absolute;
- margin: auto;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- max-width: 95px;
- max-height: 85px;
- }
- }
- .drop-target.can-drop {
- background: rgba(102, 204, 153, 0.75);
- border: dashed 2px #ffffff;
- }
- }
- .progressbar {
- width: 120px;
- margin-top: 5px;
- .progress {
- margin-bottom: 5px;
- }
- button {
- width: 120px;
- font-size: 14px;
- line-height: 20px;
- }
- }
- }
- .table-cell {
- table {
- td {
- padding-bottom: 5px;
- vertical-align: top;
- input[type=text] {
- width: 200px;
- }
- input[type=email] {
- width: 200px;
- }
- input[type=tel] {
- width: 200px;
- }
- textarea {
- width: 200px;
- }
- select {
- width: 200px;
- }
- }
- & + h3 {
- margin-top: 25px !important;
- }
- }
- }
- .table-cell.profile-col {
- table {
- td {
- &:nth-child(1) {
- width: 100px;
- text-align: right;
- }
- &:nth-child(2) {
- width: 100%;
- padding-left: 20px;
- }
- }
- }
- form[name=full-name] {
- .inline-title[disabled] {
- font-weight: bold;
- }
- .inline-title[read-only] {
- font-weight: bold;
- }
- }
- }
- }
- section.account {
- .lm-panel {
- .panel-toolbar {
- .name {
- font-weight: bold;
- text-transform: uppercase;
- }
- .title {
- font-style: italic;
- }
- .btn {
- float: right;
- width: 26px;
- line-height: 26px;
- margin-top: -2px;
- padding: 0;
- }
- }
- }
- lm-user-profile {
- .table-cell.committees-col {
- padding-left: 20px;
- white-space: nowrap;
- }
- }
- .well {
- section.password {
- h3 {
- padding-bottom: 10px;
- border-bottom: solid 1px silver;
- font-size: 14px;
- text-transform: uppercase;
- }
- }
- }
- }
- section.users {
- .lm-panel {
- .panel-toolbar {
- .btn {
- float: right;
- width: 26px;
- line-height: 26px;
- margin-top: -2px;
- margin-left: 5px;
- padding: 0;
- }
- }
- }
- .table-cell.users-col {
- width: 280px;
- .lm-panel {
- .panel-toolbar.search {
- height: 50px;
- padding-top: 10px;
- .input-group {
- width: 220px;
- float: left;
- }
- .btn {
- margin-top: 2px;
- color: $black;
- }
- }
- .panel-toolbar.sort {
- height: 40px;
- padding-top: 10px;
- .sorter {
- float: left;
- a {
- color: $black;
- font-size: 12px;
- font-weight: bold;
- text-transform: uppercase;
- &:hover {
- text-decoration: none;
- }
- &:focus {
- text-decoration: none;
- }
- }
- }
- .checkbox {
- float: right;
- margin: 0;
- font-size: 13px;
- label {
- padding: 0;
- }
- input {
- vertical-align: middle;
- position: relative;
- margin: 0 0 0 2px;
- }
- }
- }
- .user-list {
- margin-bottom: 1px;
- height: 300px;
- overflow-y: auto;
- background: #ffffff;
- .list-group-item {
- padding: 5px 10px;
- border-left: none;
- border-right: none;
- border-radius: 0;
- color: $lightBlue;
- &:first-child {
- border-top: none;
- }
- &:hover {
- background: #f2f8ff;
- }
- &:focus {
- background: #f2f8ff;
- }
- i {
- float: right;
- margin-top: 5px;
- color: $orange;
- }
- }
- }
- }
- }
- .table-cell.account-col {
- padding-left: 20px;
- .lm-panel {
- .panel-toolbar {
- .name {
- font-weight: bold;
- text-transform: uppercase;
- }
- .title {
- font-style: italic;
- }
- }
- .profile-placeholder {
- padding: 10px 15px 50px;
- background: #ffffff;
- }
- }
- }
- .well {
- section.permissions {
- padding: 0;
- table {
- font-size: 13px;
- col {
- border-left: solid 1px #cccccc;
- &:first-child {
- border-left: none;
- }
- }
- th {
- padding: 10px;
- background: #ffffff;
- a {
- color: $black;
- text-transform: uppercase;
- &:hover {
- text-decoration: none;
- }
- &:focus {
- text-decoration: none;
- }
- }
- }
- td {
- width: 50%;
- padding: 3px 10px;
- border-top: solid 1px #cccccc;
- &:last-child {
- text-align: center;
- a {
- color: $orange;
- font-size: 16px;
- }
- }
- }
- tfoot {
- tr {
- background: #f9f9f9;
- td {
- padding-top: 15px;
- padding-bottom: 15px;
- select {
- height: inherit;
- padding: 3px 12px;
- }
- .btn {
- font-size: 13px;
- line-height: 15px;
- }
- }
- }
- }
- }
- }
- }
- }
- section.roles {
- .lm-panel {
- .panel-toolbar {
- .btn {
- float: right;
- width: 26px;
- line-height: 26px;
- margin-top: -2px;
- margin-left: 5px;
- padding: 0;
- }
- }
- }
- .table-cell.roles-col {
- width: 280px;
- .lm-panel {
- .panel-toolbar.search {
- height: 50px;
- padding-top: 10px;
- .input-group {
- width: 220px;
- float: left;
- }
- .btn {
- margin-top: 2px;
- }
- }
- .panel-toolbar.sort {
- height: 40px;
- padding-top: 10px;
- .sorter {
- float: left;
- a {
- color: $black;
- font-size: 12px;
- font-weight: bold;
- text-transform: uppercase;
- &:hover {
- text-decoration: none;
- }
- &:focus {
- text-decoration: none;
- }
- }
- }
- }
- .role-list {
- margin-bottom: 1px;
- height: 300px;
- overflow-y: auto;
- background: #ffffff;
- .list-group-item {
- padding: 5px 10px;
- border-left: none;
- border-right: none;
- border-radius: 0;
- color: $lightBlue;
- &:first-child {
- border-top: none;
- }
- &:hover {
- background: #f2f8ff;
- }
- &:focus {
- background: #f2f8ff;
- }
- }
- }
- }
- }
- .table-cell.securables-col {
- padding-left: 20px;
- .lm-panel {
- .panel-toolbar {
- .name {
- font-weight: bold;
- }
- }
- .securables-placeholder {
- padding: 10px 15px 50px;
- background: #ffffff;
- }
- }
- }
- .well {
- section.securables {
- padding: 0;
- table {
- font-size: 13px;
- col {
- &:last-child {
- border-left: solid 1px #cccccc;
- }
- }
- th {
- padding: 10px;
- text-transform: uppercase;
- }
- td {
- width: 100%;
- padding: 3px 0;
- border-top: solid 1px #cccccc;
- &:first-child {
- padding-left: 10px;
- }
- &:last-child {
- text-align: center;
- }
- }
- tr.parent {
- background: #f9f9f9;
- font-weight: bold;
- }
- tr.child {
- td {
- &:first-child {
- padding-left: 30px;
- }
- }
- }
- }
- footer {
- padding: 20px;
- border-top: solid 1px #cccccc;
- text-align: center;
- button {
- & + button {
- margin-left: 5px;
- }
- }
- }
- }
- section.users {
- padding: 0;
- table {
- font-size: 13px;
- th {
- padding: 10px;
- background: #ffffff;
- a {
- color: $black;
- text-transform: uppercase;
- &:hover {
- text-decoration: none;
- }
- &:focus {
- text-decoration: none;
- }
- }
- }
- td {
- width: 100%;
- padding: 3px 10px;
- border-top: solid 1px #cccccc;
- &:last-child {
- text-align: center;
- a {
- color: $orange;
- font-size: 16px;
- }
- }
- }
- tr {
- &:nth-child(odd) {
- background: #f9f9f9;
- }
- }
- tr.no-users {
- th {
- font-weight: normal;
- }
- }
- }
- }
- }
- }
- .calendar-event-dialog {
- font-size: 12px;
- .control-label {
- &::after {
- content: ":";
- }
- }
- textarea {
- height: 60px !important;
- resize: none;
- }
- .datepicker {
- input[type=text] {
- &:read-only {
- background: #ffffff;
- }
- }
- }
- .weekdays {
- .checkbox {
- float: left;
- padding-right: 15px;
- }
- }
- .repeat-by {
- .radio {
- float: left;
- padding-right: 15px;
- }
- }
- .occurrences {
- input[type=number] {
- margin-left: 5px;
- width: 75px;
- }
- }
- .end {
- .datepicker {
- margin-left: 5px;
- width: 120px;
- input[type=text] {
- &:disabled {
- background: #eeeeee !important;
- }
- }
- }
- }
- input[type=time] {
- width: 105px;
- }
- }
- section.calendar {
- .title {
- margin-bottom: 40px;
- }
- .fc-content {
- cursor: pointer;
- }
- }
- section.side-nav-page {
- .lm-panel {
- .panel-toolbar {
- .btn {
- float: right;
- width: 26px;
- line-height: 26px;
- margin-top: -2px;
- margin-left: 5px;
- padding: 0;
- }
- }
- }
- .table-cell.list-col {
- //width: 280px;
- .lm-panel {
- .panel-toolbar.search {
- height: 50px;
- padding-top: 10px;
- .input-group {
- width: 220px;
- float: left;
- }
- .btn {
- margin-top: 2px;
- }
- }
- .panel-toolbar.sort {
- height: 40px;
- padding-top: 10px;
- .sorter {
- float: left;
- a {
- color: $black;
- font-size: 12px;
- font-weight: bold;
- text-transform: uppercase;
- &:hover {
- text-decoration: none;
- }
- &:focus {
- text-decoration: none;
- }
- }
- }
- }
- .panel-toolbar {
- .checkbox {
- float: right;
- margin: 0;
- font-size: 13px;
- label {
- padding: 0;
- }
- input {
- vertical-align: middle;
- position: relative;
- margin: 0 0 0 2px;
- }
- }
- }
- .item-list {
- margin-bottom: 1px;
- height: 300px;
- overflow-y: auto;
- background: #ffffff;
- .list-group-item {
- padding: 5px 10px;
- border-left: none;
- border-right: none;
- border-radius: 0;
- color: $charcoalGrey;
- &:first-child {
- border-top: none;
- }
- &:hover {
- background: #f2f8ff;
- }
- &:focus {
- background: #f2f8ff;
- }
- i {
- float: right;
- margin-top: 5px;
- color: $orange;
- }
- }
- }
- }
- }
- .table-cell.profile-col {
- padding-left: 0px;
- .lm-panel {
- .panel-toolbar {
- .name {
- font-weight: bold;
- }
- }
- .profile-placeholder {
- padding: 10px 15px 50px;
- background: #ffffff;
- }
- }
- .control-label {
- font-weight: normal;
- }
- .view {
- padding: 6px 13px;
- font-weight: bold;
- }
- .viewreg {
- padding: 6px 13px;
- }
- h3 {
- margin-top: 5px;
- }
- }
- .well {
- section.profile {
- h3 {
- padding-bottom: 10px;
- border-bottom: solid 1px silver;
- font-size: 14px;
- text-transform: uppercase;
- }
- }
- }
- .table-cell.photo-col {
- width: 140px;
- .photo {
- position: relative;
- width: 120px;
- height: 120px;
- background: #f2f2f2;
- border: solid 1px #cccccc;
- img {
- position: absolute;
- margin: auto;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- max-width: 95px;
- max-height: 95px;
- }
- .drop-target {
- position: absolute;
- width: 120px;
- height: 120px;
- background: rgba(51, 178, 255, 0.75);
- border: dashed 1px #337ab7;
- color: $white;
- text-align: center;
- font-size: 12px;
- line-height: 13px;
- cursor: pointer;
- span {
- position: absolute;
- margin: auto;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- max-width: 95px;
- max-height: 85px;
- }
- }
- .drop-target.can-drop {
- background: rgba(102, 204, 153, 0.75);
- border: dashed 2px #ffffff;
- }
- }
- .progressbar {
- width: 120px;
- margin-top: 5px;
- .progress {
- margin-bottom: 5px;
- }
- button {
- width: 120px;
- font-size: 14px;
- line-height: 20px;
- }
- }
- }
- .table-cell {
- .container-fixed {
- .col-fixed {
- padding: 0 0 10px 0;
- }
- .selector {
- select {
- width: 200px;
- height: 30px;
- padding: 3px 5px;
- float: left;
- margin-right: 5px;
- font-size: 12px;
- }
- .btn {
- padding: 0 !important;
- width: 29px;
- height: 29px;
- }
- }
- input[type=text] {
- width: 200px;
- }
- }
- table {
- td {
- padding-bottom: 5px;
- vertical-align: top;
- input[type=text] {
- width: 200px;
- }
- input[type=email] {
- width: 200px;
- }
- input[type=tel] {
- width: 200px;
- }
- textarea {
- width: 200px;
- }
- select {
- width: 200px;
- }
- }
- & + h3 {
- margin-top: 25px !important;
- }
- }
- }
- .using-n-characters {
- font-size: 12px;
- }
- .eligibility {
- .ta-editor {
- min-height: 100px;
- height: 100px;
- }
- }
- }
- #postcard-items-modal {
- #postcard-items-container {
- tbody {
- tr {
- border-bottom: 1px solid grey;
- border-top: 1px solid grey;
- &:nth-of-type(1) {
- background: #cdcdcd;
- }
- &:nth-of-type(even) {
- background: #f2f2f2;
- }
- }
- }
- }
- > div {
- > div {
- > div.modal-body {
- overflow: scroll;
- height: 70vh;
- }
- > div.modal-footer {
- > div {
- > #select-postcard-items-button {
- box-shadow: none;
- }
- > a {
- &:nth-child(2) {
- box-shadow: none;
- }
- }
- }
- }
- }
- width: 85vw;
- }
- }
- #postcard-items-container {
- > table {
- > tbody {
- > tr {
- &:nth-child(1) {
- > th {
- &:nth-child(1) {
- display: block;
- width: 100.5%;
- padding: 5px 0px 5px 0px;
- border-left: 0px solid grey;
- text-align: center;
- }
- &:nth-child(2) {
- padding-left: 20px;
- }
- &:nth-child(3) {
- border-right: 0px solid grey;
- }
- }
- }
- > td {
- &:nth-child(1) {
- width: 10%;
- vertical-align: top;
- padding-top: 10px;
- text-align: center;
- border-left: 0px solid grey;
- }
- &:nth-child(2) {
- padding-left: 20px;
- padding-top: 10px;
- padding-right: 20px;
- padding-bottom: 10px;
- }
- &:nth-child(3) {
- width: 10%;
- text-align: center;
- border-right: 0px solid grey;
- vertical-align: top;
- padding-top: 10px;
- }
- }
- > th {
- &:nth-child(1) {
- display: block;
- }
- }
- }
- }
- }
- }
- .select-header {
- .btn-close {
- color: $black;
- background: none;
- border: 0;
- font-size: 30px;
- float: left;
- width: 2%;
- padding: 0;
- outline: 0;
- box-shadow: none;
- }
- h3 {
- float: left;
- width: 97%;
- }
- }
- #PostcardModal {
- overflow: scroll !important;
- }
- .progress-percent {
- z-index: 99;
- position: absolute;
- width: 100px;
- min-width: 100px;
- text-align: center;
- color: $white;
- text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
- }
- .progress-filename {
- overflow-x: hidden;
- font-weight: bold;
- }
- .fileUploadListItem {
- border-bottom: solid 2px #CCCCCC;
- padding-top: 10px;
- padding-bottom: 10px;
- }
- .progress {
- margin-bottom: 0px !important;
- }
- .progress-cell {
- div {
- max-width: 100px;
- }
- }
- .publish_buttons {
- display: flex;
- align-items: center;
- justify-content: flex-end;
- width: 70%;
- margin-left: 30%;
- a {
- padding-right: 10px;
- }
- }
- .doc-publish-button {
- margin: 0px 10px;
- }
- .compiled_meeting_viewer {
- display: flex;
- align-content: center;
- align-items: center;
- width: 40%;
- position: absolute;
- }
- .system-setting-item-parent {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 0 10px;
- > .system-setting {
- flex: 0 0 calc(20% - 30px);
- border: 1px solid #00befd;
- padding: 15px 10px;
- display: flex;
- justify-content: center;
- align-items: baseline;
- > .control-label {
- padding: 0px;
- padding-right: 10px;
- }
- > input {
- padding: 0px;
- margin: 0px;
- min-height: auto;
- }
- }
- }
- @media (min-width: 768px) {
- header.page {
- .navbar {
- min-height: 30px;
- height: 30px;
- .navbar-collapse.collapse {
- background: none !important;
- }
- }
- }
- }
- @media (max-width: 768px) {
- header.page {
- .navbar {
- .navbar-collapse.collapse {
- padding-left: 15px !important;
- }
- p.menu-label {
- display: none;
- }
- p.separator {
- display: none;
- }
- li.user-menu {
- margin-bottom: 10px !important;
- a {
- margin: 0 0 0 5px !important;
- }
- .dropdown-menu {
- padding: 0 10px 0 5px !important;
- a {
- color: $white !important;
- &:hover {
- background: #2f2f2f !important;
- }
- }
- }
- }
- li.language-menu {
- a {
- margin: 0 10px !important;
- padding: 0 0 0 5px !important;
- -webkit-border-radius: 0 !important;
- -moz-border-radius: 0 !important;
- -ms-border-radius: 0 !important;
- border-radius: 0 !important;
- }
- .dropdown-menu {
- padding: 1px 0 0 !important;
- a {
- background: #ffffff !important;
- &:hover {
- background: #f5f5f5 !important;
- }
- }
- }
- }
- }
- }
- section.company {
- nav {
- li.separator {
- display: none;
- }
- }
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement