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;
- $nunito: 'Nunito', sans-serif;
- $open: 'Open Sans', sans-serif ;
- $notOrange: #FF6B35;
- $darkTurquoise: #4BC2C6;
- $paleTurquoise: #ADDFE3;
- $powderWhite: #FCFCFC;
- $charcoalGrey: #3A3131;
- $specialGrey: rgba(58,49,49, 0.7);
- /****************************************
- POSTCARD ADD MORE ITEMS IMPROVEMENTS - DD
- ****************************************/
- #postcard-items-modal {
- .modal-body {
- /*background: red;*/
- }
- #postcard-items-container {
- tbody {
- tr {
- border-bottom: 1px solid grey;
- border-top: 1px solid grey;
- }
- tr:nth-of-type(1) {
- /*border-top: 1px solid #00BEFD !important;
- border-bottom: 1px solid #00BEFD !important;
- border-left: 1px solid #00BEFD !important;
- border-right: 1px solid #00BEFD !important;*/
- /*background: -webkit-linear-gradient(top, #00BEFD, #00A9E1, 0.5);*/
- background: lighten(grey, 30%);
- }
- tr:nth-of-type(even) {
- background: darken(white, 5%);
- }
- tr td {
- /*background: -webkit-linear-gradient(top, #00BEFD, #00A9E1);*/
- }
- }
- }
- }
- #postcard-items-container > table > tbody > tr:nth-child(1) > th:nth-child(1) {
- display: block;
- width: 100.5%;
- }
- #postcard-items-container > table > tbody > tr > td:nth-child(1) {
- /*border-right: 1px solid grey;*/
- width: 10%;
- vertical-align: top;
- }
- #postcard-items-container > table > tbody > tr > th:nth-child(1) {
- display: block;
- }
- #postcard-items-container > table > tbody > tr > td:nth-child(3) {
- /*border-left:1px solid grey;*/
- }
- #postcard-items-modal > div > div > div.modal-body {
- overflow: scroll;
- height: 70vh;
- }
- #postcard-items-container > table > tbody > tr:nth-child(1) > th:nth-child(2) {
- padding-left: 20px;
- /*border-left: 1px solid grey;*/
- }
- #postcard-items-container > table > tbody > tr > td:nth-child(2) {
- padding-left: 20px;
- padding-top: 10px;
- padding-right: 20px;
- padding-bottom: 10px;
- }
- #postcard-items-modal > div {
- width: 85vw;
- }
- #postcard-items-container > table > tbody > tr > td:nth-child(3) {
- width: 10%;
- text-align: center;
- border-right: 0px solid grey;
- vertical-align: top;
- padding-top: 10px;
- }
- #postcard-items-container > table > tbody > tr:nth-child(1) > th:nth-child(2) {
- /*border-right: 1px solid grey;*/
- }
- #postcard-items-container > table > tbody > tr:nth-child(1) > th:nth-child(3) {
- border-right: 0px solid grey;
- }
- #postcard-items-container > table > tbody > tr:nth-child(1) > th:nth-child(1) {
- /*padding: 20px 20px 20px 0px;*/
- padding: 5px 0px 5px 0px;
- border-left: 0px solid grey;
- text-align: center;
- }
- #postcard-items-container > table > tbody > tr > td:nth-child(1) {
- padding-top: 10px;
- text-align: center;
- }
- #postcard-items-container > table > tbody > tr > td:nth-child(1) {
- border-left: 0px solid grey;
- }
- #postcard-items-modal > div > div > div.modal-footer > div > #select-postcard-items-button {
- box-shadow: none;
- }
- #postcard-items-modal > div > div > div.modal-footer > div > a:nth-child(2) {
- box-shadow: none;
- }
- .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;
- }
- /****************************************
- NEW HEADER - NOV/18 - DD
- ****************************************/
- .wrapper {
- display: flex;
- flex-direction: row;
- margin-bottom: 10px;
- box-shadow: 0 1px 5px 0px lightgrey;
- .left {
- flex: 10;
- background-color: white;
- display: flex;
- z-index: 30;
- @media (min-width: 768px) {
- flex: 4;
- }
- @media (min-width: 1024px) {
- flex: 5;
- }
- @media (min-width: 1199px) {
- flex: 6;
- }
- .logo {
- flex: 2;
- background: white;
- margin: 10px;
- min-height: 65px;
- background-position: center;
- background-size: contain;
- background-repeat: no-repeat;
- @media (min-width: 768px) {
- flex: 1.3;
- }
- }
- .platform_name {
- background: white;
- flex: 13;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- /*padding-left: 18px;*/
- /*border-left: 1.5px solid #104b8f;*/
- a {
- text-decoration: none;
- color: black;
- transition: 0.3s ease-in-out;
- border-bottom: 1px solid transparent;
- font-size: 14px;
- @media (min-width: 768px) {
- font-size: 16px;
- }
- @media (min-width: 1024px) {
- font-size: 17px;
- }
- }
- a:hover {
- border-bottom: 1px solid black;
- }
- }
- }
- .right {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- z-index: 30;
- background: white;
- @media (min-width: 768px) and (max-width: 1050px) {
- flex: 4;
- }
- @media (min-width: 1051px) {
- flex: 2;
- }
- div {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 22px;
- }
- .platform_selection {
- flex: auto;
- border-right: 1px solid grey;
- .platform_button {
- border: 0;
- }
- .active_platform {
- opacity: 0.3;
- span {
- }
- }
- img {
- max-width: 25px;
- padding-top: 2px;
- }
- .dropdown-menu {
- padding: 5px 0 15px 0;
- img, i {
- margin-right: 3.5px;
- }
- }
- .dropdown-header {
- border-bottom: 1px solid grey;
- padding: 5px 20px 8px 20px;
- margin-left: 0px;
- span {
- font-size: 14px;
- color: black;
- margin-left: -1px;
- }
- }
- .first-item {
- padding-top: 10px;
- .pg_icon_black {
- max-width: 16.5px;
- margin-left: -3px;
- margin-right: 3px;
- margin-top: -4.5px;
- }
- }
- }
- .tasks {
- flex: auto;
- border-right: 1px solid grey;
- padding-right: 3px;
- a {
- position: relative;
- padding: 6px 18px 6px 12px;
- border-radius: 4px;
- }
- a:hover {
- background-color: #e6e6e6;
- }
- img {
- max-width: 22px;
- }
- .badge-notify {
- position: absolute;
- top: 0px;
- right: 11px;
- left: auto;
- padding: 4px 4px;
- border-radius: 7px;
- padding-right: 3px;
- }
- }
- .language_choice {
- flex: auto;
- border-right: 1px solid grey;
- div:first-child {
- width: 100%;
- form {
- width: 100%;
- }
- }
- .language-button {
- border: 0;
- }
- .language-icon {
- max-width: 20px;
- /*padding-right: 5px;*/
- margin-right: 5px;
- margin-top: -2px;
- }
- #SetLanguageTitle {
- display: inline;
- span {
- text-transform: capitalize;
- }
- }
- .fa-chevron-down {
- color: grey;
- margin-top: -1px;
- display: inline;
- position: relative;
- }
- }
- .user_loggedin {
- flex: auto;
- a.dropdown-toggle {
- color: black;
- border-radius: 4px;
- padding: 6px 11px 6px 12px;
- .fa-chevron-down {
- color: grey;
- padding-left: 1.5px;
- }
- }
- a.dropdown-toggle:hover {
- background-color: #e6e6e6;
- }
- a.dropdown-toggle:hover {
- text-decoration: none;
- }
- }
- @media (max-width: 767px) {
- .platform_selection, .tasks, .language_choice, .user_loggedin {
- display: none;
- }
- }
- .hamburger {
- flex: 1;
- /*margin-top: -15px;*/
- @media (min-width: 768px) {
- display: none;
- }
- @media (max-width: 768px) {
- justify-content: flex-end;
- padding-right: 20px;
- }
- #nav-icon3 {
- width: 35px;
- position: relative;
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- transform: rotate(0deg);
- -webkit-transition: .5s ease-in-out;
- -moz-transition: .5s ease-in-out;
- -o-transition: .5s ease-in-out;
- transition: .5s ease-in-out;
- cursor: pointer;
- }
- #nav-icon3 span {
- display: block;
- position: absolute;
- height: 3.5px;
- width: 80%;
- background: #3366FF;
- border-radius: 5px;
- opacity: 1;
- left: 0;
- -webkit-transform: rotate(0deg);
- -moz-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- transform: rotate(0deg);
- -webkit-transition: .25s ease-in-out;
- -moz-transition: .25s ease-in-out;
- -o-transition: .25s ease-in-out;
- transition: .25s ease-in-out;
- }
- #nav-icon3 span:nth-child(1) {
- top: 0px;
- }
- #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) {
- top: 8px;
- }
- #nav-icon3 span:nth-child(4) {
- top: 16px;
- }
- #nav-icon3.open span:nth-child(1) {
- top: 8px;
- width: 0%;
- left: 50%;
- }
- #nav-icon3.open span:nth-child(2) {
- -webkit-transform: rotate(45deg);
- -moz-transform: rotate(45deg);
- -o-transform: rotate(45deg);
- transform: rotate(45deg);
- }
- #nav-icon3.open span:nth-child(3) {
- -webkit-transform: rotate(-45deg);
- -moz-transform: rotate(-45deg);
- -o-transform: rotate(-45deg);
- transform: rotate(-45deg);
- }
- #nav-icon3.open span:nth-child(4) {
- top: 16px;
- width: 0%;
- left: 50%;
- }
- }
- }
- .burger-content {
- transform: translateY(-65px);
- transition: .4s ease-in-out;
- background: white;
- position: absolute;
- text-align: center;
- top: 20px;
- right: 0;
- z-index: 20;
- width: 100vw;
- padding-bottom: 10px;
- /*box-shadow: 3px -2px 3px 5px #ccc;*/
- -webkit-box-shadow: 0px 10px 17px -2px rgba(0,0,0,0.23);
- hr {
- margin: 10px 0;
- display: block;
- height: 0.8px;
- border: 0;
- border-top: 0.8px solid #3366FF;
- margin: 1em 0;
- padding: 0;
- }
- ul.table-content {
- list-style-type: none;
- text-align: center;
- padding: 0px;
- margin-bottom: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 0px;
- li {
- color: black;
- padding: 0;
- padding-left: 0px;
- flex: 1;
- border-right: 1px solid #3366FF;
- .platform_selection {
- flex: 1;
- padding: 2px 0;
- .platform_button {
- border: 0;
- padding: 0;
- }
- .active_platform {
- opacity: 0.3;
- span {
- }
- }
- img {
- max-width: 25px;
- padding-top: 2px;
- }
- .dropdown-menu {
- padding: 5px 0 15px 0;
- img, i {
- margin-right: 3.5px;
- }
- }
- .dropdown-header {
- border-bottom: 1px solid grey;
- padding: 5px 20px 8px 20px;
- margin-left: -3px;
- span {
- font-size: 14px;
- color: black;
- }
- }
- .first-item {
- padding-top: 10px;
- .pg_icon_black {
- max-width: 16.5px;
- margin-left: -3px;
- margin-right: 3px;
- margin-top: -4.5px;
- }
- }
- }
- .tasks {
- flex: 1;
- border-right: 1px solid transparent;
- padding: 3px 0;
- a {
- position: relative;
- border-radius: 4px;
- }
- a:hover {
- background-color: #e6e6e6;
- }
- img {
- max-width: 22px;
- }
- .badge-notify {
- position: absolute;
- top: -5px;
- right: -7px;
- left: auto;
- padding: 4px 4px;
- border-radius: 7px;
- padding-right: 3px;
- }
- }
- .language_choice {
- flex: 2;
- border-right: 1px solid transparent;
- padding: 0;
- div:first-child {
- width: 100%;
- form {
- width: 100%;
- }
- }
- .language-button {
- border: 0;
- padding-left: 8px;
- padding-right: 8px;
- padding-top: 3px;
- padding-bottom: 1px;
- i {
- padding-left: 5px;
- }
- }
- .language-icon {
- max-width: 22px;
- /*padding-right: 5px;*/
- margin-right: 5px;
- margin-top: -1px;
- }
- #SetLanguageTitle {
- display: inline;
- span {
- text-transform: capitalize;
- }
- }
- .fa-chevron-down {
- color: grey;
- margin-top: -1px;
- display: inline;
- position: relative;
- }
- }
- .user_loggedin {
- flex: 2;
- padding: 9px 10px 9px 0px;
- a.dropdown-toggle {
- color: black;
- border-radius: 4px;
- padding: 6px 11px 6px 6px;
- .fa-chevron-down {
- color: grey;
- padding-left: 5px;
- }
- }
- a.dropdown-toggle:hover {
- background-color: #e6e6e6;
- }
- a.dropdown-toggle:hover {
- text-decoration: none;
- }
- }
- }
- li.language-item {
- flex: 2;
- span {
- font-size: 13px;
- }
- }
- li.user-item {
- flex: 2;
- padding-right: 2px;
- border-right: 0;
- a {
- font-size: 13px;
- }
- }
- }
- }
- .burger-content.open {
- transform: translateY(61px);
- }
- }
- div.right.login-page {
- flex: 0.6 !important;
- }
- div.right.login-page > div {
- flex: 0.6 !important;
- justify-content: flex-end !important;
- border-right: 0 !important;
- }
- .dropdown-menu li {
- border-right: 1px solid transparent !important;
- }
- #LoadingArea {
- z-index: 9999999999;
- }
- i.iconGrey {
- color: dimgrey;
- padding-right: 5px;
- width: 18px;
- }
- /****************************************
- ITEM ATTACHMENT UPDATES - NOV/18 - DD
- ****************************************/
- .itemAttachment {
- position: relative;
- }
- .itemAttachment::before {
- content: ' ';
- border-left: 5px solid #00BEFD;
- position: absolute;
- height: 100%;
- top: 0;
- left: 0;
- opacity: 0;
- transition: 0.2s ease;
- }
- .itemAttachment:hover {
- cursor: move;
- &:before {
- opacity: 1;
- }
- .special {
- background: rgba(0,190,253, 0.3) !important;
- }
- .special:before {
- opacity: 0.8 !important;
- }
- }
- .flexContainer {
- display: flex;
- flex-direction: row;
- align-items: center;
- .flexLeft {
- flex: 1;
- word-break: break-word;
- justify-content: flex-start;
- float: none !important;
- display: flex !important;
- align-items: center;
- @media (min-width: 1200x) {
- flex: 1.5;
- }
- @media (min-width: 1440px) {
- flex: 2;
- }
- .special {
- flex: 1;
- display: flex !important;
- float: none !important;
- align-items: center;
- background: whitesmoke;
- border-radius: 5px;
- padding: 5px 10px;
- position: relative;
- transition: 0.2s ease;
- cursor: pointer;
- }
- .special:before {
- content: '';
- background-image: url('../../images/move_blocks.png');
- background-repeat: no-repeat;
- display: inline-block;
- background-size: 22px 33px;
- height: 30px;
- width: 16px;
- position: absolute;
- left: -21px;
- top: 0px;
- opacity: 0;
- transition: 0.2s ease;
- cursor: move;
- }
- }
- .flexRight {
- flex: 1;
- display: flex !important;
- justify-content: flex-end;
- float: none !important;
- }
- }
- .dataType1 {
- padding: 10px 25px 10px 25px !important;
- }
- /****************************************
- REUSEABLES - NOV/18 - DD
- ****************************************/
- .special-i {
- top: auto !important;
- left: auto !important;
- }
- /****************************************
- SINGLE/MULTI POSTCARD IMPROVEMENTS - NOV/18 - DD
- ****************************************/
- #PostcardContainer.multiContainer {
- h1 {
- border-bottom: 1px solid black;
- padding-bottom: 5px;
- font-size: 18px;
- }
- div:nth-child(-n+2) > table {
- width: 100%;
- tbody {
- display: flex;
- flex-direction: row;
- tr:first-child {
- flex: 5;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- td:first-child {
- flex: auto;
- }
- td:last-child {
- flex: auto;
- text-align: right;
- padding-right: 20px;
- }
- }
- tr:last-child {
- flex: 1;
- display: flex;
- justify-content: flex-end;
- a {
- background: #3366ff;
- text-transform: capitalize;
- padding: 2.5px 10px;
- border-radius: 2px;
- box-shadow: none;
- }
- }
- }
- }
- }
- #postcard-items.multiContainer_items {
- margin-top: 30px;
- tbody {
- &:nth-child(1) {
- tr {
- background: #cdcdcd;
- border-bottom: 1px solid grey;
- border-top: 1px solid grey;
- th:nth-child(1) {
- padding: 5px 0px 5px 0px;
- border-left: 0px solid grey;
- text-align: center;
- }
- th:nth-child(2) {
- padding-left: 20px;
- text-align: left !important;
- }
- }
- }
- }
- }
- #postcard-items-list tr:hover {
- td:nth-child(1):before {
- opacity: 1;
- }
- td:nth-child(2):before {
- opacity: 1;
- }
- }
- #postcard-items-list > tr {
- td:nth-child(1) {
- text-align: center;
- position: relative;
- }
- td:nth-child(1):before {
- content: ' ';
- border-left: 5px solid #00BEFD;
- position: absolute;
- height: 100%;
- top: 0;
- left: 0;
- opacity: 0;
- transition: 0.2s ease;
- }
- td:nth-child(2) {
- padding-left: 20px;
- padding-top: 10px;
- padding-right: 20px;
- padding-bottom: 10px;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- position: relative;
- }
- td:nth-child(2):before {
- content: '';
- background-image: url('../../images/move_blocks.png');
- background-repeat: no-repeat;
- display: inline-block;
- background-size: 25px 35px;
- height: 35px;
- width: 25px;
- position: absolute;
- left: -20.5%;
- opacity: 0;
- transition: 0.2s ease;
- cursor: move;
- }
- td:nth-child(3) {
- width: 10%;
- text-align: center;
- border-right: 0px solid grey;
- vertical-align: middle;
- }
- }
- #postcard-items-list > tr:nth-child(odd) {
- background: #f2f2f2;
- border-bottom: 1px solid grey;
- border-top: 1px solid grey;
- }
- #PostcardModal > div > div > div.modal-body > div:nth-child(3) {
- padding: 20px 0;
- }
- #RemovePostcardItemsButton {
- background: transparent;
- text-transform: capitalize;
- padding: 2.5px 22px 2.5px 0;
- box-shadow: none;
- color: black;
- font-weight: 600;
- @media (min-width: 1200px) {
- padding: 2.5px 18px 2.5px 10px;
- }
- }
- #postcard-meeting-buttons {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- a {
- margin-top: 20px;
- @media (min-width: 1200px) {
- margin-top: 0;
- }
- }
- }
- #AddPostcardItemButton {
- background: #3366ff;
- text-transform: capitalize;
- padding: 2.5px 10px;
- border-radius: 2px;
- box-shadow: none;
- }
- #PostcardModal > div > div > div.modal-body > div:nth-child(3) {
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- @media (min-width: 1200px) {
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- }
- div:first-child {
- color: black;
- font-weight: 600;
- }
- input {
- color: black;
- padding-left: 10px;
- margin-left: 10px;
- }
- }
- #PostcardModal > div > div > div.modal-body > div.modal-footer > div > a:nth-child(1) {
- background: none;
- box-shadow: none;
- color: black;
- font-weight: 600;
- text-transform: capitalize;
- padding-right: 10px;
- }
- #PostcardModal > div > div > div.modal-body > div.modal-footer > div > a:nth-child(2) {
- background: #3366ff;
- text-transform: capitalize;
- padding: 2.5px 16px;
- border-radius: 2px;
- box-shadow: none;
- }
- #PostcardModal > div > div > div.modal-body > div.modal-footer {
- padding-left: 0;
- padding-right: 0;
- }
- #postcard-items-container > table {
- width: 100%;
- }
- #postcard-items-list tr {
- /*height: 55px;*/
- }
- #postcard-items-modal > div > div > div.modal-footer > div > a {
- background: #3366ff;
- }
- #postcard-items-list > tr:last-child {
- border-bottom: 1px solid grey;
- }
- .postcard-close {
- background: transparent !important;
- }
- .postcard-close:hover {
- background: transparent !important;
- }
- .meeting-wrapper {
- display: flex;
- flex-direction: column;
- @media (min-width: 1150px) {
- flex-direction: row;
- }
- #CompileModal {
- flex: 1.4;
- display: block !important;
- position: relative;
- margin-right: 20px;
- h2 {
- padding-bottom: 0px;
- margin-bottom: 20px;
- }
- .modal-dialog {
- width: auto !important;
- margin-top: 0;
- }
- .modal-content {
- box-shadow: none;
- }
- }
- #MasterDisplayArea {
- flex: 1;
- h2 {
- margin-top: 0;
- line-height: 1.42857143;
- margin-bottom: 20px;
- }
- }
- }
- .media-title {
- display: inline-block;
- margin-bottom: 30px;
- font-weight: 600;
- font-size: 30px;
- margin-bottom: 50px;
- }
- .media-seperator {
- font-size: 32px;
- }
- .meetingMediaList {
- padding: 15px !important;
- margin-bottom: 0;
- }
- .Meeting_Container {
- border-left: 1px solid rgba(0, 0, 0, .2);
- border-top: 1px solid rgba(0, 0, 0, .2);
- border-bottom: 1px solid rgba(0, 0, 0, .2);
- border-right: 1px solid rgba(0, 0, 0, .2);
- border-radius: 6px;
- .parent-list-item {
- background: #e6f2ff9c;
- }
- }
- .Meeting_Container:nth-of-type(even) {
- margin-top: 20px;
- margin-bottom: 20px;
- }
- .meeting-child {
- padding-left: 5px !important;
- padding-top: 6px !important;
- .glyphicon {
- padding-right: 5px;
- }
- }
- .black-text {
- color: black !important;
- }
- .title-media {
- }
- .bottomBorder {
- border-bottom: 1px solid rgba(0, 0, 0, .2);
- }
- .meetingMediaList {
- .meeting-child {
- margin-bottom: 8px;
- }
- .meeting-child:last-of-type {
- margin-bottom: 0;
- }
- }
- .media-top-container {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- padding-bottom: 20px;
- div:first-child {
- flex: 3;
- h2 {
- margin-bottom: 0 !important;
- }
- }
- div:last-child {
- text-align: right;
- flex: 1;
- padding-top: 0px;
- padding-bottom: 0;
- button {
- font-size: 17px;
- border: 0;
- color: #3399FF;
- position: relative;
- border-bottom: 1px solid transparent;
- .special-media-button {
- margin-top: 5px;
- display: inline-block;
- left: -12px;
- bottom: 0;
- font-size: 15px;
- position: absolute;
- }
- }
- button:hover, button:focus {
- outline: 0;
- border: none;
- -moz-outline-style: none;
- background: transparent;
- }
- }
- }
- .meetingHeadingRow {
- .glyphicon-print:before {
- color: black !important;
- }
- }
- .scan-target {
- border: 1px solid #6688a6;
- margin-top: 10px;
- background: #a8e6ff57;
- padding: 40px;
- //System Settings UI Tweak
- .system-setting-item-parent {
- margin: 0 12px;
- margin-top: 30px;
- margin-bottom: 30px;
- display: flex;
- justify-content: center !important;
- flex-flow: row wrap;
- .system-setting {
- padding: 10px 0px !important;
- display: flex;
- align-items: center !important;
- border: 1px solid #006282 !important;
- flex: 0 0 25%;
- margin: 5px;
- }
- }
- .live_meeting_checkbox {
- padding-top: 20px !important;
- }
- .system-permission-control {
- padding-left: 10px;
- }
- #DetailsForm {
- padding-left: 15px;
- }
- }
- /*.system-setting-item-parent {
- margin: 0 12px;
- margin-top: 30px;
- margin-bottom: 30px;
- display: flex;
- justify-content: space-around !important;
- flex-flow: row nowrap;
- .system-setting {
- padding: 10px 0px !important;
- border: 1px solid #006282 !important;
- flex: 0 0 20%;
- margin: 5px;
- }
- }*/
- ////////////////////////////////
- // Updated Loading Bar Style //
- //////////////////////////////
- #InnerLoadingArea {
- padding: 12px 0 !important;
- border-bottom: 4px solid $notOrange !important;
- background: $charcoalGrey !important;
- opacity: 1;
- box-shadow: 1px 3px 5px 0px lightgrey;
- }
- #toast-container div {
- opacity: 1 !important;
- }
- .toast-success {
- background-color: #30b1db !important;
- }
- ////////////////////////////////
- // Remark Specific Styles /////
- //////////////////////////////
- #DetailsForm {
- padding-left: 15px;
- }
- .site-navbar {
- background-color: #3A3131 !important;
- }
- .site-navbar .navbar-header .navbar-brand {
- @media (min-width: 768px) {
- width: 100%;
- //border-bottom: 2px solid $notOrange !important;
- }
- }
- #CommitteeArea {
- .thumbnail {
- padding: 0;
- }
- }
- .site-menu-icon {
- z-index: -1 !important;
- }
- .site-menu-item {
- a, a:hover, a:focus, a:active, a:visited {
- color: rgba(117,117,117,.9);
- }
- a {
- i:not(.md-assignment):before {
- font-size: 16px !important;
- }
- i.fa-users {
- margin-left: -2px;
- }
- }
- }
- .site-menubar-footer {
- a {
- color: $charcoalGrey;
- }
- }
- .language-dropdown {
- span {
- -webkit-font-smoothing: antialiased;
- font-family: $nunito;
- font-weight: 500;
- letter-spacing: 0.8px;
- font-size: 16px;
- color: $charcoalGrey;
- }
- }
- //User Account
- .site-navbar-small .site-navbar .navbar-toolbar > li > a {
- color: #3A3131;
- font-weight: 500;
- font-family: $nunito;
- letter-spacing: 0.8px;
- font-size: 16px;
- }
- .navigation_settings {
- display: flex;
- align-items: center;
- }
- .loader {
- border: 3px solid #f3f3f3; /* Light grey */
- border-top: 3px solid $notOrange; /* Blue */
- border-radius: 50%;
- width: 25px;
- height: 25px;
- animation: spin 2s linear infinite;
- }
- @keyframes spin {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- ///ReMark Resets
- .btn-reset {
- .btn {
- box-shadow: none !important;
- }
- }
- body {
- background: #f1f4f5;
- }
- footer {
- //padding-top: 50px !important;
- }
- .page.container-fluid {
- padding-top: 30px !important;
- padding-left: 2rem !important;
- padding-right: 2rem !important;
- }
- .table thead th {
- color: black !important;
- font-weight: 700 !important;
- background: white;
- }
- .table-striped > tbody > tr:nth-of-type(odd) {
- background-color: #f9f9f9 !important;
- }
- .form-inline .form-control {
- display: inline-block !important;
- width: auto !important;
- vertical-align: middle !important;
- padding: 5px 28px 5px 10px !important;
- option {
- font-size: 12px !important;
- }
- }
- select.form-control:not([size]):not([multiple]) {
- height: auto !important;
- }
- .btn-default {
- color: #333 !important;
- border-color: #d4d4d4 !important;
- background-color: #fff;
- }
- #ItemsGrid .glyphicon.glyphicon-edit {
- color: #3399FF !important;
- }
- .table {
- color: black;
- }
- .content-body {
- background: white;
- }
- .btn-update {
- padding: 6px 12px;
- border: 1px solid transparent;
- border-radius: 4px;
- }
- .btn-color-blue {
- background-color: #337ab7;
- border-color: #2e6da4 !important;
- color: white !important;
- }
- .btn-color-blue:hover {
- background-color: #337ab7 !important;
- border-color: #2e6da4 !important;
- }
- .no-shadow {
- box-shadow: none !important;
- }
- #CustomFieldsGrid > tbody > tr > td > a > span {
- color: #3399FF !important;
- }
- #EncodersGrid > tbody > tr > td > a {
- color: #3399FF !important;
- }
- .input-group-btn .btn {
- padding: 5px 10px !important;
- }
- //REUSABLES
- .font-white {
- color: white;
- }
- #form-fields > div > div > div.panel-body {
- padding: 30px 30px;
- }
- .btnRouteTo {
- color: #3399FF !important;
- }
- /*div.page.container-fluid > section > div > div > h2 {
- padding-bottom: 15px;
- }*/
- #MeetingTypeList > a.list-group-item {
- border: 1px solid #ddd !important;
- }
- .list-group.item-list {
- .list-group-item {
- border: 1px solid #ddd !important;
- }
- }
- section.side-nav-page .table-cell.list-col .lm-panel .item-list .list-group-item:first-child {
- border-top: none !important;
- }
- .ItemGridTemplate.panel.panel-default.ItemsGridInstance {
- .panel-heading {
- background: white;
- border-bottom: 0;
- }
- .grid-title {
- margin-top: 0;
- padding-left: 25px;
- padding-top: 20px;
- padding-bottom: 10px;
- }
- .lm-panel .well {
- border-bottom: 0;
- }
- }
- #btnFullTextSearch {
- padding: 6px 10px !important;
- margin-right: 45px !important;
- }
- #MeetingGrid {
- tbody {
- tr {
- td {
- a {
- color: #3399FF;
- }
- }
- }
- }
- }
- .tasks-nav-item {
- padding-right: 20px !important;
- }
- .page-title {
- margin: 5px 0 20px 0 !important;
- }
- .navbar-brand.navbar-brand-center {
- /*display: flex !important;
- align-items: center !important;*/
- /*padding: 0 !important;
- padding-left: 10px !important;*/
- .navbar-brand-logo {
- /*margin: 0 !important;
- padding: 0 !important;
- object-fit: contain;
- height: 24px !important;*/
- margin-left: -4px;
- }
- }
- #ApplicationTitle.navbar-brand-text {
- /*word-wrap: break-word;
- white-space: normal;*/
- font-size: 20px;
- letter-spacing: 1px;
- margin-left: 1rem;
- }
- #ApplicationTitle {
- color: $notOrange;
- }
- .city-logo-nav {
- display: flex !important;
- align-items: center;
- height: 60px;
- padding: 4px 10px 0 10px !important;
- img {
- max-height: 38px;
- max-width: 110px;
- }
- }
- .tasks-nav-item {
- padding-right: 25px !important;
- }
- .nav.navbar-toolbar.navbar-right.navbar-toolbar-right.navigation_settings {
- padding-right: 5px !important;
- }
- .footer-logo {
- max-height: 100px;
- mix-blend-mode: multiply;
- display: inline-block;
- }
- .background-footer {
- /*background: #f1f4f5;*/
- /*margin-top: 30px;
- margin-left: 32px;*/
- }
- #DetailsForm {
- padding-left: 0px !important;
- }
- .systemsettings-btn {
- background: #006282 !important;
- color: white !important;
- border: 2px solid transparent !important;
- transition: 0.3s ease-in-out;
- }
- .systemsettings-btn:hover {
- border: 2px solid #00BEFD !important;
- }
- //Forms Page
- .formGrid {
- display: flex;
- flex-flow: row wrap;
- .thumb {
- flex: 0 0 25% !important;
- margin-bottom: 25px;
- i {
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- font-size: 42px;
- opacity: 0.6;
- color: #B2B8B5;
- text-decoration: none !important;
- }
- a {
- margin-bottom: 0;
- min-height: 140px;
- background: #F7F8F7;
- }
- }
- }
- .breadcrumb-link {
- text-transform: capitalize;
- }
- .breadcrumbs {
- margin-bottom: 40px;
- a {
- color: $charcoalGrey !important;
- border-bottom: 1px solid transparent !important;
- transition: 0.3s ease-in-out;
- text-decoration: none;
- line-height: 1em !important;
- }
- a:hover {
- border-bottom: 1px solid $paleTurquoise !important;
- text-decoration: none;
- }
- }
- .dynamic-list > li .heading-area {
- border: 1px solid transparent !important;
- }
- .compiled_meeting_viewer {
- .btn.btn-secondary {
- border: none !important;
- box-shadow: none !important;
- }
- .publish_buttons {
- .dropdown {
- .btn.btn-secondary {
- border: none !important;
- box-shadow: none !important;
- }
- }
- }
- }
- #fileUploadModal {
- .modal-content {
- border: 2px solid #006282;
- display: block;
- margin-top: 75px;
- }
- }
- .form-group.form-group-sm {
- margin-left: 0 !important;
- margin-right: 0 !important;
- }
- .progress {
- height: 22px;
- }
- .compile-box {
- margin: 0 !important;
- max-width: 100% !important;
- }
- .compileModalBox {
- top: 0 !important;
- }
- .publish_buttons {
- .dropdown {
- .btn {
- box-shadow: none !important;
- border: none !important;
- }
- }
- .doc-delete-button, .doc-publish-button {
- box-shadow: none !important;
- border: none !important;
- }
- }
- .compileButton {
- color: #3399FF !important;
- }
- .return-button {
- }
- .site-menu-item.has-sub {
- .mm-next {
- z-index: 900;
- }
- }
- @media only screen and (max-width: 767px) {
- .special-navbar {
- ul {
- width: 50% !important;
- }
- ul.navigation_settings {
- display: flex;
- justify-content: flex-end;
- }
- }
- }
- .platform_dropdown {
- max-width: 160px;
- }
- @media (min-width: 0px) and (max-width: 534px) {
- .special-navbar {
- display: none;
- }
- .special-nav-btn {
- display: none;
- }
- }
- @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
- /* IE10+ styles */
- .nav-item.city-logo-nav {
- display: none !important;
- }
- }
- .accountPage {
- .profile-title {
- margin-top: 0 !important;
- }
- }
- .dashboard-meetings {
- position: relative;
- top: -1px;
- }
- ::-webkit-scrollbar {
- width: 7px;
- }
- /* Track */
- ::-webkit-scrollbar-track {
- background: #f1f1f1;
- }
- /* Handle */
- ::-webkit-scrollbar-thumb {
- background: $charcoalGrey;
- }
- /* Handle on hover */
- ::-webkit-scrollbar-thumb:hover {
- background: #555;
- }
- .nav.nav-tabs {
- //border-bottom: 0px;
- }
- /*.well {
- border: none !important;
- background-color: transparent !important;
- box-shadow: none !important;
- }*/
- /////////////////////////////////////
- /////////////////////////////////////
- #ItemsGrid > tbody > tr > td:nth-child(1):hover {
- cursor: move;
- }
- .special-to {
- padding-right: 0 !important;
- width: 10% !important;
- text-transform: capitalize;
- }
- .disable-anchor, .disable-upload {
- /*cursor: not-allowed !important;*/
- text-decoration: none;
- outline: none !important;
- }
- .disable-anchor:focus, .disable-upload:focus {
- outline: none !important;
- }
- .disable-anchor:hover, .disable-upload:hover {
- text-decoration: none !important;
- }
- /* loading dots */
- .disable-anchor:after {
- content: '...';
- animation: dots 1s steps(5, end) infinite;
- }
- @keyframes dots {
- 0%, 20% {
- color: rgba(0,0,0,0);
- text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
- }
- 40% {
- color: white;
- text-shadow: .25em 0 0 rgba(0,0,0,0), .5em 0 0 rgba(0,0,0,0);
- }
- 60% {
- text-shadow: .25em 0 0 white, .5em 0 0 rgba(0,0,0,0);
- }
- 80%, 100% {
- text-shadow: .25em 0 0 white, .5em 0 0 white;
- }
- }
- .compile-buttons-disable {
- position: relative;
- cursor: not-allowed !important; /* This is used */
- }
- .compile-buttons-disable a {
- pointer-events: none;
- }
- .system-setting-item-parent {
- display: flex;
- justify-content: flex-start;
- flex-flow: column nowrap;
- align-items: flex-start;
- margin: 30px 10px 30px 30px;
- }
- .system-setting-item-parent > .system-setting {
- flex: 1;
- border: 1px solid white;
- background: #006282;
- padding: 15px 20px;
- display: flex;
- justify-content: center;
- align-items: center;
- margin: 15px 0;
- color: white;
- border-radius: 5px;
- min-width: 200px;
- }
- .system-setting-item-parent > .system-setting > .control-label {
- padding: 0px;
- padding-right: 10px;
- min-width: 180px;
- margin-bottom: 0;
- }
- .system-setting-item-parent > .system-setting > input {
- padding: 0px;
- margin: 0px;
- min-height: auto;
- }
- .notLink {
- cursor: not-allowed;
- }
- #DetailsForm {
- padding-top: 40px;
- .form-horizontal .control-label {
- padding-left: 65px;
- text-align: left;
- }
- }
- ///TASK REVIEW PAGE
- .taskreview-container {
- .route-to {
- opacity: 0;
- transition: 0.25s ease-in-out;
- transform: translateY(0%);
- background-color: white;
- box-shadow: 0px 9px 15px 5px rgba(0,0,0,0.2);
- z-index: 100;
- margin: 0 auto;
- @media screen and (max-width: 500px) {
- width: inherit;
- }
- @media screen and (min-width: 501px) and (max-width: 991px) {
- width: calc(30%);
- }
- @media screen and (min-width: 992px) and (max-width: 1200px) {
- width: calc(100% - 10%);
- }
- @media screen and (min-width: 1201px) {
- width: calc(100% - 20%);
- }
- }
- .route-to a {
- color: white;
- }
- .nothing-to-route {
- color: grey;
- }
- a.nothing-to-route:hover {
- color: grey;
- }
- .nothing-to-route:hover + .route-to {
- opacity: 1;
- }
- .route-to a {
- color: black;
- padding: 12px 16px;
- text-decoration: none;
- display: block;
- }
- .route-to a:hover {
- background-color: #ddd;
- }
- .btnRouteTo:hover + .route-to {
- opacity: 1;
- }
- .route-to:hover {
- opacity: 1;
- }
- .down {
- transform: rotate(45deg);
- -webkit-transform: rotate(45deg);
- border: solid white;
- border-width: 0 3px 3px 0;
- display: inline-block;
- padding: 3px;
- float: right;
- margin-top: 8px;
- margin-left: 6px;
- }
- .panelRight {
- margin-top: 10px;
- @media screen and (min-width: 991px) {
- padding-left: 0;
- margin-top: 0px;
- }
- }
- .allowScroll {
- //overflow-x: hidden;
- //overflow-y: scroll;
- //min-height: 800px;
- //max-height: 800px;
- padding: 10px 20px;
- }
- .timeStamp {
- width: 70%;
- padding-left: 15px;
- }
- .timeStamp span {
- font-size: 11px;
- font-weight: 600;
- }
- .right.section-buttons {
- padding-right: 15px;
- width: 30%;
- text-align: right;
- }
- .verdict {
- font-weight: 600;
- }
- .timeLine {
- min-height: 30px;
- }
- #CommentsArea {
- overflow-x: hidden;
- overflow-y: scroll;
- max-height: 300px;
- margin-right: 25px;
- }
- #CommentsArea::-webkit-scrollbar {
- width: 5px;
- background: transparent;
- }
- #CommentsArea::-webkit-scrollbar-thumb {
- background: #006282;
- }
- }
- //COMPILE MOBILE DROPDOWN
- .desktopOptions {
- display: none;
- }
- @media (min-width: 1601px) {
- .desktopOptions {
- display: block;
- }
- .mobileOptions {
- display: none !important;
- }
- }
- @media (min-width: 0px) and (max-width: 1600px) {
- .mobileOptions {
- display: block;
- }
- }
- .mobileOptions {
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- .smalldropdown {
- position: relative;
- display: inline-block;
- .dropbtn {
- color: white;
- margin-right: 5px;
- padding: 5px;
- font-size: 16px;
- border: none;
- cursor: pointer;
- display: flex;
- flex-direction: column;
- background: transparent;
- transition: transform 0.3s ease-out;
- .more-dot {
- background-color: #3399FF;
- margin: 0 auto;
- display: inline-block;
- width: 4px;
- height: 4px;
- margin-right: 6px;
- border-radius: 50%;
- transition: background-color 0.3s;
- }
- .more-dot:nth-of-type(2) {
- margin-top: 2px;
- margin-bottom: 2px;
- }
- }
- .dropdown-content {
- opacity: 0;
- visibility: hidden;
- position: absolute;
- background-color: #f9f9f9;
- min-width: 160px;
- box-shadow: 0px 8px 16px 4px rgba(0, 0, 0, 0.2);
- z-index: 1;
- top: -3px;
- right: -6px;
- transition: 0.5s ease-in-out;
- padding: 10px;
- border-bottom: 0px solid #3399FF;
- transition: 0.3s ease-in-out;
- div {
- padding: 5px;
- i {
- color: #3399FF;
- padding-right: 3px;
- }
- span {
- cursor: pointer;
- color: black;
- text-decoration: none;
- display: inline-block;
- border-bottom: 1px solid transparent;
- transition: 0.2s ease-in-out;
- &:hover {
- border-bottom: 1px solid #3399FF;
- }
- }
- }
- .doc-publish-button {
- margin: 0px !important;
- }
- .closeDropdown {
- position: absolute;
- top: 9px;
- right: 12px;
- color: #3399FF;
- transition: 0.3s ease-in-out;
- &:hover {
- opacity: 0.7;
- }
- }
- }
- }
- }
- .open-CompileDropDown {
- opacity: 1 !important;
- visibility: visible !important;
- }
- .testRotate {
- transform: rotate(90deg) translateX(3px);
- z-index: 999 !important;
- position: relative;
- .more-dot:nth-of-type(2) {
- margin-top: 0 !important;
- margin-bottom: 0 !important;
- }
- .more-dot {
- border-radius: 0 !important;
- width: 3px !important;
- height: 5px !important;
- }
- }
- @media (min-width: 0px) and (max-width: 545px) {
- .compiled_meeting_viewer {
- width: 70% !important;
- }
- .name.media-title {
- margin-top: 5px;
- margin-bottom: 5px;
- }
- }
- @media (min-width: 0px) and (max-width: 424px) {
- .compiled_meeting_viewer {
- font-size: 11px;
- a {
- font-size: 11px;
- }
- }
- }
- @media (min-width: 0px) and (max-width: 599px) {
- .mediaWarning {
- margin-top: 10px;
- margin-bottom: 10px;
- display: block;
- }
- .warning-notice {
- font-size: 12px;
- display: block;
- text-align: center;
- margin-bottom: 20px;
- }
- .versionHistoryItem {
- display: flex;
- flex-direction: column;
- .compiled_meeting_viewer {
- flex: 1;
- position: relative;
- }
- .publish_buttons {
- flex: 1;
- margin-left: 0 !important;
- padding: 10px 0;
- justify-content: flex-start;
- width: 100%;
- }
- }
- #compileVersionHistoryModal {
- .modal-dialog {
- margin: 40px;
- }
- }
- }
- @media (min-width: 0px) and (max-width: 374px) {
- #CompileContentArea {
- b {
- display: block;
- }
- .compile-buttons-container {
- display: block;
- float: none !important;
- a {
- font-size: 12px;
- i {
- font-size: 11px;
- }
- }
- }
- }
- .smalldropdown {
- width: 20px;
- }
- .publish_buttons {
- margin-left: 0;
- text-align: left;
- display: block;
- width: 100%;
- }
- .compiled_meeting_viewer {
- width: 100% !important;
- position: relative;
- }
- .mobileOptions {
- justify-content: flex-end;
- }
- #compileVersionHistoryModal .compile-buttons-container {
- float: none !important;
- }
- }
- .workflow-def-delete {
- min-width: 220px !important;
- text-align: left !important;
- }
- .checkbox-title {
- font-size: 15px !important;
- text-align: center !important;
- }
- .workflow-def-parent {
- margin: 0 0 0 16px;
- justify-content: center !important;
- align-items: center !important;
- }
- .workflow-def-child {
- margin:10px 0 0 0 !important;
- }
- .special-group {
- margin-bottom: 20px !important;
- }
- .noSpaces {
- padding-top: 0;
- }
- .container-fluid {
- .content {
- background: white;
- }
- }
- .Meetings {
- background: white;
- }
- .users.table-layout {
- background: white;
- padding: 10px;
- }
- #UsersList {
- height: 500px !important;
- }
- .special-task-icon {
- &:before {
- font-size: 19px !important;
- margin-left: 0px;
- }
- }
- .special-nav-task {
- transform: scale(1.5);
- }
- .panel-toolbar.search {
- border-left: 1px solid #ddd;
- border-right: 1px solid #ddd;
- }
- .panel-toolbar.sort {
- border-left: 1px solid #ddd;
- border-right: 1px solid #ddd;
- }
- .lm-panel.well {
- #List {
- height: 631px !important;
- padding-top: 0 !important;
- padding-bottom: 0 !important;
- }
- }
- .table-cell.profile-col {
- .lm-panel.well {
- border-left: 1px solid #ddd !important;
- border-right: 1px solid #ddd !important;
- border-bottom: 1px solid #ddd !important;
- }
- }
- #ResultsContent {
- #meeting-tabs {
- padding-left: 20px;
- }
- }
- .sign-in {
- padding-top: 85px;
- }
- .type-danger {
- z-index: 99999999 !important;
- }
- .advanced-class {
- padding: 10px 15px;
- border-bottom: 1px solid transparent;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- }
- .advanced-parent {
- color: #333;
- background-color: #f5f5f5;
- border-color: #ddd;
- padding: 10px 15px;
- border-top-left-radius: 3px;
- border-top-right-radius: 3px;
- background-color: #f5f5f5 !important;
- }
- .special-panel {
- border: 1px solid #ddd;
- }
- //BOOSTRAP TOUR
- button[data-role='prev'] {
- display: none;
- }
- button[data-role='next'], button[data-role='end'] {
- color: white !important;
- background: $notOrange !important;
- //border: 1px solid #006282 !important;
- &:hover {
- color: $charcoalGrey !important;
- background: $powderWhite !important;
- border: 1px solid $charcoalGrey !important;
- }
- }
- #step-0.popover {
- z-index: 9999 !important;
- min-width: 700px;
- min-height: 200px;
- border: 0;
- position: fixed !important;
- top: 55% !important;
- left: 50% !important;
- /* bring your own prefixes */
- transform: translate(-50%, calc( -50% - 60px) );
- .arrow {
- display: none;
- }
- .popover-content {
- font-size: 23px !important;
- padding: 30px 30px 20px 30px !important;
- }
- .popover-title {
- font-size: 27px;
- line-height: 0.8em;
- padding: 30px 30px;
- background: $charcoalGrey;
- border: 2px solid $powderWhite;
- color: $powderWhite;
- position: relative;
- &:after {
- content: '';
- position: absolute;
- top: 0;
- right: 0;
- background-image: url('../../../content/images/org/pg_new_logo.png');
- background-repeat: no-repeat;
- background-size: contain;
- width: 175px;
- height: 100%;
- /* bring your own prefixes */
- transform: translate(-17%, 25%) !important;
- }
- }
- .popover-navigation {
- padding: 9px 30px 30px 30px;
- button {
- font-size: 15px !important;
- }
- }
- }
- .popover-navigation {
- display: flex;
- flex-direction: row-reverse;
- justify-content: space-between;
- div, button {
- /*max-width: 100px;*/
- }
- }
- #step-1.popover {
- z-index: 9999 !important;
- border: 0;
- top: 63px !important;
- left: 90px !important;
- min-width: 350px;
- .popover-content {
- font-size: 16px !important;
- strong {
- color: $charcoalGrey;
- }
- }
- .popover-title {
- font-size: 18px;
- line-height: 1em;
- padding: 20px;
- background: $charcoalGrey;
- color: white;
- }
- .popover-navigation {
- padding: 9px 14px 15px 14px;
- .btn-group {
- box-shadow: none;
- button:last-child {
- //display: none;
- opacity: 0;
- pointer-events: none;
- }
- }
- }
- .arrow {
- left: 3% !important;
- color: #006282 !important;
- }
- }
- #step-2.popover, #step-3.popover, #step-4.popover, #step-5.popover, #step-6.popover, #step-7.popover, #step-8.popover, #step-9.popover {
- z-index: 9999 !important;
- border: 0;
- .popover-content {
- font-size: 14px !important;
- }
- .popover-title {
- font-size: 16px;
- line-height: 1em;
- padding: 20px;
- background: #006282;
- color: white;
- }
- .popover-navigation {
- padding: 9px 14px 15px 14px;
- /*.btn-group {
- button:last-child {
- display: none;
- }
- }*/
- }
- }
- #step-2 {
- margin-top: -23px;
- }
- #step-4 {
- button[data-role='next'] {
- //display: none;
- }
- }
- #step-7 {
- margin-top: -58px;
- }
- #step-6 {
- margin-top: -36px;
- }
- #step-8 {
- margin-top: -66px;
- button[data-role='next'] {
- display: none;
- }
- }
- #step-0 {
- .popover-navigation {
- padding: 9px 14px 15px 14px;
- .btn-group {
- button:first-child {
- display: none;
- }
- }
- }
- }
- .noPointer {
- pointer-events: none !important;
- }
- .noScroll {
- overflow: hidden;
- }
- .hidden-tour {
- z-index: -1 !important;
- }
- .col-sm-12.text-center.background-footer {
- }
- .page-login {
- padding-top: 50px;
- }
- #site-container-tour {
- min-height: calc(100% - 60px);
- }
- ///TAKEN FROM STYLE.CSS//
- ////////////////////////
- .badge-notify {
- background: red;
- position: relative;
- top: -9px;
- left: -5px;
- font-size: 8px;
- }
- .badge-notify-yellow {
- background: yellow;
- position: relative;
- top: -9px;
- left: -5px;
- font-size: 8px;
- }
- .highlight-row {
- background-color: #ffffe6;
- }
- .IsActiveBorder {
- border: 2px solid green;
- }
- /**********************************************************
- * typeahead.js v0.11.1 - twitter bootstrap v3.3.5 *
- **********************************************************/
- /*root typeahead class*/
- .twitter-typeahead {
- display: inherit !important;
- width: 100%;
- }
- .twitter-typeahead .tt-input[disabled] {
- background-color: #eeeeee !important;
- }
- /*Added to input that's initialized into a typeahead*/
- .twitter-typeahead .tt-input {
- }
- /*Added to hint input.*/
- .twitter-typeahead .hint {
- }
- /*Added to menu element*/
- .twitter-typeahead .tt-menu {
- width: 100%;
- max-height: 500px;
- overflow-y: scroll;
- border: 1px solid #cccccc;
- -moz-box-shadow: 12px 14px 30px -7px #616161;
- -webkit-box-shadow: 12px 14px 30px -7px #616161;
- box-shadow: 12px 14px 30px -7px #616161;
- }
- /*Added to dataset elements*/
- .twitter-typeahead .tt-dataset {
- }
- /*dded to suggestion elements*/
- .twitter-typeahead .tt-suggestion {
- padding: 3px 20px;
- white-space: nowrap;
- }
- /*Added to menu element when it contains no content*/
- .twitter-typeahead .tt-empty {
- background-color: white;
- }
- /*Added to menu element when it is opened*/
- .twitter-typeahead .tt-open {
- background-color: white;
- }
- /*Added to suggestion element when menu cursor moves to said suggestion*/
- .twitter-typeahead .tt-suggestion:hover,
- .twitter-typeahead .tt-suggestion:focus,
- .twitter-typeahead .tt-cursor {
- cursor: hand !important;
- background-color: #337ab7;
- color: white;
- }
- /*Added to the element that wraps highlighted text*/
- .twitter-typeahead .tt-highlight {
- }
- .variable-list-item {
- padding: 10px;
- border: 1px #ccc solid;
- margin: 2px 0;
- }
- .parent-list-item {
- background-color: #ddd;
- padding: 10px 20px;
- }
- .child-list-item {
- padding: 10px 20px 10px 40px;
- border-bottom: 1px solid #ddd;
- }
- .quicksearch {
- background-color: #EEEEEE;
- padding-bottom: 30px;
- }
- ///NEW DASHBOARD
- .thumbnail {
- display: flex;
- justify-content: center;
- align-items: center;
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center center;
- height: 350px;
- position: relative;
- transition: 0.5s ease-in-out;
- &:hover {
- background: center $notOrange !important;
- //background: linear-gradient(0deg,rgba(255,0,150,0.3),rgba(255,0,150,0.3)) !important;
- .thumbnail_text {
- opacity: 1;
- height: 100%;
- }
- .thumbnail_heading {
- /*opacity: 0;*/
- background: $powderWhite;
- color: $charcoalGrey;
- }
- }
- &_heading {
- position: absolute;
- padding: 10px 20px;
- background: $specialGrey;
- top: 20px;
- left: 20px;
- margin-right: 20px;
- color: $powderWhite;
- transition: 0.3s ease-in-out;
- text-transform: uppercase;
- border-radius: 2px;
- font-family: $nunito;
- }
- &_text {
- //padding: 20px;
- padding: 80px 20px 60px 20px;
- overflow-y: scroll;
- height: 100%;
- width: 100%;
- opacity: 0;
- color: $powderWhite;
- transition: 0.5s ease-in;
- height: 0;
- bottom: 0;
- font-family: $nunito;
- a {
- color: $paleTurquoise;
- //border-bottom: 1px solid $paleTurquoise;
- text-decoration: none;
- }
- }
- .content-footer {
- //border-top: 3px solid $paleTurquoise;
- position: absolute;
- bottom: 0px;
- left: 0;
- width: 100%;
- padding: 12px;
- text-align: center;
- background: $charcoalGrey;
- /*border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;*/
- a {
- color: $powderWhite;
- text-decoration: none;
- padding-right: 15px;
- font-size: 15px;
- span {
- transition: 0.3s ease-in-out;
- }
- span:hover {
- transform: scale(1.2);
- }
- }
- }
- }
- .default_logo_upload {
- background-size: 38%;
- background-position: center;
- }
- #coming-up {
- background: $pgBlue;
- display: flex;
- padding: 10px;
- align-items: center;
- border: 1px solid $pgBlue;
- margin-bottom: 30px;
- border-radius: 2px;
- .left {
- margin-right: 40px;
- padding-left: 10px;
- span {
- color: $white;
- font-size: 14px;
- text-transform: uppercase;
- }
- }
- .right {
- flex: 1;
- background: $trans;
- .scroll-left {
- display: flex;
- align-items: center;
- width: 100%;
- height: 22px;
- overflow: hidden;
- position: relative;
- background: $trans;
- a {
- color: $white;
- height: 100%;
- margin: 0;
- flex: 1;
- padding-top: 1px;
- text-align: center;
- text-transform: uppercase;
- /* Starting position */
- -moz-transform: translateX(490%);
- -webkit-transform: translateX(490%);
- transform: translateX(490%);
- font-size: 13px;
- /* Apply animation to this element */
- -moz-animation: scroll-left 45s linear infinite;
- -webkit-animation: scroll-left 45s linear infinite;
- animation: scroll-left 45s linear infinite;
- }
- }
- }
- }
- /* Move it (define the animation) */
- @-moz-keyframes scroll-left {
- 0% {
- -moz-transform: translateX(490%);
- }
- 100% {
- -moz-transform: translateX(-490%);
- }
- }
- @-webkit-keyframes scroll-left {
- 0% {
- -webkit-transform: translateX(490%);
- }
- 100% {
- -webkit-transform: translateX(-490%);
- }
- }
- @keyframes scroll-left {
- 0% {
- -moz-transform: translateX(490%); /* Browser bug fix */
- -webkit-transform: translateX(490%); /* Browser bug fix */
- transform: translateX(490%);
- }
- 100% {
- -moz-transform: translateX(-490%); /* Browser bug fix */
- -webkit-transform: translateX(-490%); /* Browser bug fix */
- transform: translateX(-490%);
- }
- }
- #legistar-loader {
- overflow: hidden;
- text-align: center;
- }
- .display-none {
- display: none !important;
- }
- .legistar-loader-viewer {
- border: 5px solid #f3f3f3;
- border-top: 5px solid #006282;
- border-radius: 50%;
- width: 50px;
- height: 50px;
- animation: spin 2s linear infinite;
- position: relative;
- display: inline-block;
- margin: 0 auto;
- font-size: 40px;
- text-indent: -9999em;
- -webkit-transform: translateZ(0);
- transform: translateZ(0);
- margin: 20px 5px 0 0;
- }
- @keyframes spin {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- #platform_switch > a > i {
- color: $notOrange !important;
- }
- #TaskCount.tag-danger {
- background-color: $notOrange !important;
- }
- #form0 > a > i {
- color: $notOrange !important;
- }
- #site-navbar-collapse > ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right.navigation_settings > li:nth-child(3) > a > i {
- color: $notOrange !important;
- }
- .platform_title.nav-link {
- span {
- -webkit-font-smoothing: antialiased;
- font-family: $nunito;
- text-transform: capitalize;
- font-weight: 500;
- font-size: 16px;
- letter-spacing: 0.8px;
- color: $charcoalGrey;
- }
- }
- .site-menu-item {
- color: $charcoalGrey;
- a {
- color: $charcoalGrey !important;
- }
- }
- /*.nav-link.navbar-avatar {
- text-transform: uppercase;
- }*/
- .site-menu-icon {
- color: $specialGrey !important;
- }
- .dashboard-container {
- .single-breadcrumb {
- width: 80%;
- display: inline-block;
- }
- .dashboard-switcher {
- display: inline-block;
- float:right;
- margin-top: -5px;
- }
- }
- .committee-list {
- background: $charcoalGrey;
- display:flex;
- flex-direction: column;
- .committee-row {
- flex: 1;
- display: flex;
- flex-direction: row;
- padding: 10px 20px;
- border-bottom: 1px solid white;
- .committee_title {
- flex: 1;
- color: white;
- }
- .committee_options {
- flex: 1;
- color: white;
- text-align: right;
- }
- }
- }
- #CommitteeListings_wrapper {
- background: $powderWhite;
- padding: 20px;
- }
- #CommitteeListings {
- width: 100% !important;
- thead {
- .grid-headers {
- border: 1px solid black;
- //padding: 10px;
- background: $charcoalGrey;
- th {
- //border: 1px solid black;
- padding: 10px;
- color: $powderWhite;
- }
- }
- }
- tbody {
- tr {
- border: 1px solid black;
- td:first-of-type {
- //background: red;
- padding: 10px;
- font-weight: 700;
- }
- td:last-of-type {
- //background: green;
- padding: 10px;
- font-weight: 700;
- }
- }
- tr:nth-of-type(odd) {
- background: $notOrange;
- }
- }
- }
- .dataTables_filter {
- .form-control.input-sm {
- padding: 0 !important;
- }
- }
- .committee_container {
- padding-left: 0;
- }
- .committee_overview {
- padding-right: 0;
- }
- #List {
- li {
- border: 0;
- padding: 0;
- margin: 0;
- a {
- font-weight: 700;
- }
- }
- li a:hover {
- cursor: move;
- }
- }
- .committee_heading {
- margin-top: 0px;
- }
- /*.clock {
- border-radius: 50%;
- border: 1px solid #3399FF;
- width: 17px;
- height: 17px;
- position: relative;
- display: inline-block;
- margin-bottom: -3px;
- margin-right: 4px;
- &:after {
- position: absolute;
- width: 0px;
- height: 5px;
- display: block;
- border-left: 1px solid #000;
- content: '';
- left: 6px;
- top: 2px;
- animation-duration: 3s;
- }
- &:before {
- position: absolute;
- width: 0px;
- height: 5px;
- display: block;
- border-left: 1px solid #000;
- content: '';
- left: 6px;
- top: 3px;
- animation-duration: 60s;
- }
- &:before, &:after {
- transform-origin: bottom;
- animation-name: dial;
- animation-iteration-count: infinite;
- animation-timing-function: linear;
- }
- }*/
- @keyframes dial {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- #userList > thead > tr > th:last-of-type {
- width: 135px;
- }
- #userList > tbody > tr > td:last-of-type {
- text-align: center;
- }
- .security-tab, .livemeeting-tab {
- padding-top: 60px !important;
- }
- #LivemeetingDisplayTemplate {
- width: 50%;
- float: left;
- }
- .viewDemoDisplay {
- float: left;
- margin-left: 20px;
- }
- .clock {
- border-radius: 50%;
- border: 1px solid #3399FF;
- width: 17px;
- height: 17px;
- position: relative;
- display: inline-block;
- margin-bottom: -3px;
- margin-right: 4px;
- &:after {
- position: absolute;
- width: 0px;
- height: 5px;
- display: block;
- border-left: 1px solid #000;
- content: '';
- left: 6px;
- top: 2px;
- animation-duration: 3s;
- }
- &:before {
- position: absolute;
- width: 0px;
- height: 5px;
- display: block;
- border-left: 1px solid #000;
- content: '';
- left: 6px;
- top: 3px;
- animation-duration: 60s;
- }
- &:before, &:after {
- transform-origin: bottom;
- animation-name: dial;
- animation-iteration-count: infinite;
- animation-timing-function: linear;
- }
- }
- @keyframes dial {
- 0% {
- transform: rotate(0deg);
- }
- 100% {
- transform: rotate(360deg);
- }
- }
- //COMMITTEE POSITIONS
- .vis-item.term {
- color: #fff;
- font-weight: bold;
- font-size: 12px;
- border: 2px solid #fff;
- border-radius: 8px;
- text-align: justify;
- cursor: pointer;
- }
- .vis-item.term-assigned {
- background-color: #409ab8;
- }
- .vis-item.term-unassigned {
- background-color: #a9e2c5;
- }
- .vis-item.term-assigned-expired {
- background-color: #e2e2e2;
- }
- .vis-item.term-unassigned-expired {
- background-color: #e2e2e2;
- }
- .vis-item.vis-range .vis-item-content {
- position: sticky;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement