SHARE
TWEET

Untitled

a guest Oct 15th, 2019 61 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. //Variables
  2.  
  3. $darkGrey: #404040;
  4. $lightBlue: #3399FF;
  5. $salmon: #E96656;
  6. $white: #fff;
  7. $pgBlue: #006282;
  8. $black: #000;
  9. $darkerGrey: #333;
  10. $trans: transparent;
  11. $lightSalmon: #EE7C6C;
  12. $otherGrey: #666666;
  13. $orange: #e44736;
  14. $mint: #e5fbde;
  15. $babyPink: #faebeb;
  16. $green: #34c003;
  17. $deepBlue: #0099cc;
  18. $pgLightBlue: #00BEFD;
  19. $standardGrey: #CCCCCC;
  20. $thumbnailBlue: #16629A;
  21.  
  22. $roboto: 'Roboto Condensed', sans-serif;
  23.  
  24. $notOrange: #FF6B35;
  25. $darkTurquoise: #4BC2C6;
  26. $paleTurquoise: #ADDFE3;
  27. $powderWhite: #FCFCFC;
  28. $charcoalGrey: #3A3131;
  29.  
  30.  
  31.  
  32.  
  33. /*!
  34.  * Ladda
  35.  * http://lab.hakim.se/ladda
  36.  * MIT licensed
  37.  *
  38.  * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
  39.  */
  40. /*************************************
  41.  * CONFIG
  42.  */
  43. /*************************************
  44.  * MIXINS
  45.  */
  46. /*************************************
  47.  * BUTTON BASE
  48.  */
  49. /* Spinner animation */
  50. /* Button label */
  51. /* Progress bar */
  52. /*************************************
  53.  * EASING
  54.  */
  55. /*************************************
  56.  * EXPAND LEFT
  57.  */
  58. /*************************************
  59.  * EXPAND RIGHT
  60.  */
  61. /*************************************
  62.  * EXPAND UP
  63.  */
  64. /*************************************
  65.  * EXPAND DOWN
  66.  */
  67. /*************************************
  68.  * SLIDE LEFT
  69.  */
  70. /*************************************
  71.  * SLIDE RIGHT
  72.  */
  73. /*************************************
  74.  * SLIDE UP
  75.  */
  76. /*************************************
  77.  * SLIDE DOWN
  78.  */
  79. /*************************************
  80.  * ZOOM-OUT
  81.  */
  82. /*************************************
  83.  * ZOOM-IN
  84.  */
  85. /*************************************
  86.  * CONTRACT
  87.  */
  88. /*************************************
  89.  * OVERLAY
  90.  */
  91. /*@import "vendor/bootstrap-datetimepicker-build";*/
  92. /***************************************
  93.  Full Calendar
  94. ****************************************/
  95. /****************************************
  96.  Bootstrap
  97. ****************************************/
  98. /****************************************
  99.  Bootstrap Icons
  100.  Override with Font Awesome icons
  101. ****************************************/
  102. /*.glyphicon {
  103.     display: inline-block;
  104.     font-family: FontAwesome;
  105.     font-style: normal;
  106.     font-weight: normal;
  107.     line-height: 1;
  108.     -webkit-font-smoothing: antialiased;
  109.     -moz-osx-font-smoothing: grayscale;
  110. }
  111.  
  112. .glyphicon-chevron-left:before {
  113.     content: "\f053";
  114. }
  115.  
  116. .glyphicon-chevron-right:before {
  117.     content: "\f054";
  118. }*/
  119. /****************************************
  120.  Bootstrap-UI
  121. ****************************************/
  122.  
  123. .ladda-button {
  124.     position: relative;
  125.     -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  126.     -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  127.     -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  128.     -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  129.     transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  130.  
  131.     .ladda-spinner {
  132.         position: absolute;
  133.         z-index: 2;
  134.         display: inline-block;
  135.         width: 32px;
  136.         height: 32px;
  137.         top: 50%;
  138.         margin-top: 0;
  139.         opacity: 0;
  140.         pointer-events: none;
  141.         -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  142.         -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  143.         -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  144.         -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  145.         transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  146.     }
  147.  
  148.     .ladda-label {
  149.         position: relative;
  150.         z-index: 3;
  151.         -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  152.         -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  153.         -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  154.         -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  155.         transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;
  156.     }
  157.  
  158.     .ladda-progress {
  159.         position: absolute;
  160.         width: 0;
  161.         height: 100%;
  162.         left: 0;
  163.         top: 0;
  164.         background: rgba(0, 0, 0, 0.2);
  165.         visibility: hidden;
  166.         opacity: 0;
  167.         -webkit-transition: 0.1s linear all !important;
  168.         -moz-transition: 0.1s linear all !important;
  169.         -ms-transition: 0.1s linear all !important;
  170.         -o-transition: 0.1s linear all !important;
  171.         transition: 0.1s linear all !important;
  172.     }
  173. }
  174.  
  175. .ladda-button[data-loading] {
  176.     .ladda-progress {
  177.         opacity: 1;
  178.         visibility: visible;
  179.     }
  180. }
  181.  
  182. .ladda-button[data-style=zoom-in] {
  183.     -webkit-transition: 0.3s ease all !important;
  184.     -moz-transition: 0.3s ease all !important;
  185.     -ms-transition: 0.3s ease all !important;
  186.     -o-transition: 0.3s ease all !important;
  187.     transition: 0.3s ease all !important;
  188.     overflow: hidden;
  189.  
  190.     .ladda-spinner {
  191.         -webkit-transition: 0.3s ease all !important;
  192.         -moz-transition: 0.3s ease all !important;
  193.         -ms-transition: 0.3s ease all !important;
  194.         -o-transition: 0.3s ease all !important;
  195.         transition: 0.3s ease all !important;
  196.         left: 50%;
  197.         margin-left: -16px;
  198.         -webkit-transform: scale(0.2);
  199.         -moz-transform: scale(0.2);
  200.         -ms-transform: scale(0.2);
  201.         -o-transform: scale(0.2);
  202.         transform: scale(0.2);
  203.     }
  204.  
  205.     .ladda-label {
  206.         -webkit-transition: 0.3s ease all !important;
  207.         -moz-transition: 0.3s ease all !important;
  208.         -ms-transition: 0.3s ease all !important;
  209.         -o-transition: 0.3s ease all !important;
  210.         transition: 0.3s ease all !important;
  211.         position: relative;
  212.         display: inline-block;
  213.     }
  214. }
  215.  
  216. .ladda-button[data-style=zoom-out] {
  217.     -webkit-transition: 0.3s ease all !important;
  218.     -moz-transition: 0.3s ease all !important;
  219.     -ms-transition: 0.3s ease all !important;
  220.     -o-transition: 0.3s ease all !important;
  221.     transition: 0.3s ease all !important;
  222.     overflow: hidden;
  223.  
  224.     .ladda-spinner {
  225.         -webkit-transition: 0.3s ease all !important;
  226.         -moz-transition: 0.3s ease all !important;
  227.         -ms-transition: 0.3s ease all !important;
  228.         -o-transition: 0.3s ease all !important;
  229.         transition: 0.3s ease all !important;
  230.         left: 50%;
  231.         margin-left: 32px;
  232.         -webkit-transform: scale(2.5);
  233.         -moz-transform: scale(2.5);
  234.         -ms-transform: scale(2.5);
  235.         -o-transform: scale(2.5);
  236.         transform: scale(2.5);
  237.     }
  238.  
  239.     .ladda-label {
  240.         -webkit-transition: 0.3s ease all !important;
  241.         -moz-transition: 0.3s ease all !important;
  242.         -ms-transition: 0.3s ease all !important;
  243.         -o-transition: 0.3s ease all !important;
  244.         transition: 0.3s ease all !important;
  245.         position: relative;
  246.         display: inline-block;
  247.     }
  248. }
  249.  
  250. .ladda-button[data-style=expand-right] {
  251.     .ladda-spinner {
  252.         right: -6px;
  253.     }
  254. }
  255.  
  256. .ladda-button[data-style=expand-right][data-size="s"] {
  257.     .ladda-spinner {
  258.         right: -12px;
  259.     }
  260. }
  261.  
  262. .ladda-button[data-style=expand-right][data-size="xs"] {
  263.     .ladda-spinner {
  264.         right: -12px;
  265.     }
  266. }
  267.  
  268. .ladda-button[data-style=expand-right][data-loading] {
  269.     padding-right: 56px;
  270.  
  271.     .ladda-spinner {
  272.         opacity: 1;
  273.     }
  274. }
  275.  
  276. .ladda-button[data-style=expand-right][data-loading][data-size="s"] {
  277.     padding-right: 40px;
  278. }
  279.  
  280. .ladda-button[data-style=expand-right][data-loading][data-size="xs"] {
  281.     padding-right: 40px;
  282. }
  283.  
  284. .ladda-button[data-style=expand-left] {
  285.     .ladda-spinner {
  286.         left: 26px;
  287.     }
  288. }
  289.  
  290. .ladda-button[data-style=expand-left][data-size="s"] {
  291.     .ladda-spinner {
  292.         left: 4px;
  293.     }
  294. }
  295.  
  296. .ladda-button[data-style=expand-left][data-size="xs"] {
  297.     .ladda-spinner {
  298.         left: 4px;
  299.     }
  300. }
  301.  
  302. .ladda-button[data-style=expand-left][data-loading] {
  303.     padding-left: 56px;
  304.  
  305.     .ladda-spinner {
  306.         opacity: 1;
  307.     }
  308. }
  309.  
  310. .ladda-button[data-style=expand-left][data-loading][data-size="s"] {
  311.     padding-left: 40px;
  312. }
  313.  
  314. .ladda-button[data-style=expand-left][data-loading][data-size="xs"] {
  315.     padding-left: 40px;
  316. }
  317.  
  318. .ladda-button[data-style=expand-up] {
  319.     overflow: hidden;
  320.  
  321.     .ladda-spinner {
  322.         top: -32px;
  323.         left: 50%;
  324.         margin-left: 0;
  325.     }
  326. }
  327.  
  328. .ladda-button[data-style=expand-up][data-loading] {
  329.     padding-top: 54px;
  330.  
  331.     .ladda-spinner {
  332.         opacity: 1;
  333.         top: 26px;
  334.         margin-top: 0;
  335.     }
  336. }
  337.  
  338. .ladda-button[data-style=expand-up][data-loading][data-size="s"] {
  339.     padding-top: 32px;
  340.  
  341.     .ladda-spinner {
  342.         top: 4px;
  343.     }
  344. }
  345.  
  346. .ladda-button[data-style=expand-up][data-loading][data-size="xs"] {
  347.     padding-top: 32px;
  348.  
  349.     .ladda-spinner {
  350.         top: 4px;
  351.     }
  352. }
  353.  
  354. .ladda-button[data-style=expand-down] {
  355.     overflow: hidden;
  356.  
  357.     .ladda-spinner {
  358.         top: 62px;
  359.         left: 50%;
  360.         margin-left: 0;
  361.     }
  362. }
  363.  
  364. .ladda-button[data-style=expand-down][data-size="s"] {
  365.     .ladda-spinner {
  366.         top: 40px;
  367.     }
  368. }
  369.  
  370. .ladda-button[data-style=expand-down][data-size="xs"] {
  371.     .ladda-spinner {
  372.         top: 40px;
  373.     }
  374. }
  375.  
  376. .ladda-button[data-style=expand-down][data-loading] {
  377.     padding-bottom: 54px;
  378.  
  379.     .ladda-spinner {
  380.         opacity: 1;
  381.     }
  382. }
  383.  
  384. .ladda-button[data-style=expand-down][data-loading][data-size="s"] {
  385.     padding-bottom: 32px;
  386. }
  387.  
  388. .ladda-button[data-style=expand-down][data-loading][data-size="xs"] {
  389.     padding-bottom: 32px;
  390. }
  391.  
  392. .ladda-button[data-style=slide-left] {
  393.     overflow: hidden;
  394.  
  395.     .ladda-label {
  396.         position: relative;
  397.     }
  398.  
  399.     .ladda-spinner {
  400.         left: 100%;
  401.         margin-left: 0;
  402.     }
  403. }
  404.  
  405. .ladda-button[data-style=slide-left][data-loading] {
  406.     .ladda-label {
  407.         opacity: 0;
  408.         left: -100%;
  409.     }
  410.  
  411.     .ladda-spinner {
  412.         opacity: 1;
  413.         left: 50%;
  414.     }
  415. }
  416.  
  417. .ladda-button[data-style=slide-right] {
  418.     overflow: hidden;
  419.  
  420.     .ladda-label {
  421.         position: relative;
  422.     }
  423.  
  424.     .ladda-spinner {
  425.         right: 100%;
  426.         margin-left: 0;
  427.         left: 16px;
  428.     }
  429. }
  430.  
  431. .ladda-button[data-style=slide-right][data-loading] {
  432.     .ladda-label {
  433.         opacity: 0;
  434.         left: 100%;
  435.     }
  436.  
  437.     .ladda-spinner {
  438.         opacity: 1;
  439.         left: 50%;
  440.     }
  441. }
  442.  
  443. .ladda-button[data-style=slide-up] {
  444.     overflow: hidden;
  445.  
  446.     .ladda-label {
  447.         position: relative;
  448.     }
  449.  
  450.     .ladda-spinner {
  451.         left: 50%;
  452.         margin-left: 0;
  453.         margin-top: 1em;
  454.     }
  455. }
  456.  
  457. .ladda-button[data-style=slide-up][data-loading] {
  458.     .ladda-label {
  459.         opacity: 0;
  460.         top: -1em;
  461.     }
  462.  
  463.     .ladda-spinner {
  464.         opacity: 1;
  465.         margin-top: 0;
  466.     }
  467. }
  468.  
  469. .ladda-button[data-style=slide-down] {
  470.     overflow: hidden;
  471.  
  472.     .ladda-label {
  473.         position: relative;
  474.     }
  475.  
  476.     .ladda-spinner {
  477.         left: 50%;
  478.         margin-left: 0;
  479.         margin-top: -2em;
  480.     }
  481. }
  482.  
  483. .ladda-button[data-style=slide-down][data-loading] {
  484.     .ladda-label {
  485.         opacity: 0;
  486.         top: 1em;
  487.     }
  488.  
  489.     .ladda-spinner {
  490.         opacity: 1;
  491.         margin-top: 0;
  492.     }
  493. }
  494.  
  495. .ladda-button[data-style=zoom-out][data-loading] {
  496.     .ladda-label {
  497.         opacity: 0;
  498.         -webkit-transform: scale(0.5);
  499.         -moz-transform: scale(0.5);
  500.         -ms-transform: scale(0.5);
  501.         -o-transform: scale(0.5);
  502.         transform: scale(0.5);
  503.     }
  504.  
  505.     .ladda-spinner {
  506.         opacity: 1;
  507.         margin-left: 0;
  508.         -webkit-transform: none;
  509.         -moz-transform: none;
  510.         -ms-transform: none;
  511.         -o-transform: none;
  512.         transform: none;
  513.     }
  514. }
  515.  
  516. .ladda-button[data-style=zoom-in][data-loading] {
  517.     .ladda-label {
  518.         opacity: 0;
  519.         -webkit-transform: scale(2.2);
  520.         -moz-transform: scale(2.2);
  521.         -ms-transform: scale(2.2);
  522.         -o-transform: scale(2.2);
  523.         transform: scale(2.2);
  524.     }
  525.  
  526.     .ladda-spinner {
  527.         opacity: 1;
  528.         margin-left: 0;
  529.         -webkit-transform: none;
  530.         -moz-transform: none;
  531.         -ms-transform: none;
  532.         -o-transform: none;
  533.         transform: none;
  534.     }
  535. }
  536.  
  537. .ladda-button[data-style=contract] {
  538.     overflow: hidden;
  539.     width: 100px;
  540.  
  541.     .ladda-spinner {
  542.         left: 50%;
  543.         margin-left: 0;
  544.     }
  545. }
  546.  
  547. .ladda-button[data-style=contract][data-loading] {
  548.     border-radius: 50%;
  549.     width: 52px;
  550.  
  551.     .ladda-label {
  552.         opacity: 0;
  553.     }
  554.  
  555.     .ladda-spinner {
  556.         opacity: 1;
  557.     }
  558. }
  559.  
  560. .ladda-button[data-style=contract-overlay] {
  561.     overflow: hidden;
  562.     width: 100px;
  563.     box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0);
  564.  
  565.     .ladda-spinner {
  566.         left: 50%;
  567.         margin-left: 0;
  568.     }
  569. }
  570.  
  571. .ladda-button[data-style=contract-overlay][data-loading] {
  572.     border-radius: 50%;
  573.     width: 52px;
  574.     box-shadow: 0px 0px 0px 2000px rgba(0, 0, 0, 0.8);
  575.  
  576.     .ladda-label {
  577.         opacity: 0;
  578.     }
  579.  
  580.     .ladda-spinner {
  581.         opacity: 1;
  582.     }
  583. }
  584.  
  585. body {
  586.     background: #ffffff;
  587.     color: $darkGrey;
  588.     font: 14px "Open Sans", sans-serif;
  589.     line-height: 1.5em;
  590. }
  591.  
  592. h1 {
  593.     font-size: 30px;
  594.     font-weight: normal;
  595. }
  596.  
  597. h2 {
  598.     font-size: 24px;
  599.     font-weight: normal;
  600. }
  601.  
  602. h3 {
  603.     font-size: 18px;
  604.     font-weight: bold;
  605. }
  606.  
  607. a {
  608.     color: $darkTurquoise;
  609.  
  610.     &:hover {
  611.         color: $darkTurquoise;
  612.     }
  613.  
  614.     &:focus {
  615.         color: $darkTurquoise;
  616.     }
  617.  
  618.     &:active {
  619.         color: $darkTurquoise;
  620.     }
  621.  
  622.     &:visited {
  623.         color: $darkTurquoise;
  624.     }
  625. }
  626.  
  627. hr {
  628.     height: 1px;
  629.     border: none;
  630.     border-top: none;
  631.     background: #cccccc;
  632. }
  633.  
  634. .no-selection {
  635.     -webkit-user-select: none;
  636.     -moz-user-select: none;
  637.     -ms-user-select: none;
  638. }
  639.  
  640. li.selected {
  641.     border-color: $pgLightBlue !important;
  642. }
  643.  
  644. .validation-summary {
  645.     font-size: 13px;
  646.     color: $salmon;
  647. }
  648.  
  649. footer {
  650.     .site-by {
  651.         color: $darkGrey;
  652.         font-size: small;
  653.  
  654.         a {
  655.             color: $darkGrey;
  656.             text-decoration: none;
  657.  
  658.             &:hover {
  659.                 color: $darkGrey;
  660.                 text-decoration: underline;
  661.             }
  662.         }
  663.     }
  664. }
  665.  
  666. div.noscript {
  667.     position: fixed;
  668.     top: 0;
  669.     z-index: 9999;
  670.     width: 100%;
  671.     min-height: 65px;
  672.     font: 95%/30px Verdana;
  673.     text-align: center;
  674.     background: #f2dede;
  675.     border-bottom: solid 1px #a94442;
  676. }
  677.  
  678. div.unsupported-browser {
  679.     position: fixed;
  680.     top: 0;
  681.     z-index: 9999;
  682.     width: 100%;
  683.     min-height: 65px;
  684.     font: 95%/30px Verdana;
  685.     text-align: center;
  686.     background: #f2dede;
  687.     border-bottom: solid 1px #a94442;
  688. }
  689.  
  690. input {
  691.     &::-webkit-clear-button {
  692.         display: none;
  693.     }
  694.  
  695.     &::-ms-clear {
  696.         display: none;
  697.     }
  698. }
  699.  
  700. input.error {
  701.     border: 1px solid red !important;
  702. }
  703.  
  704. select.error {
  705.     border: 1px solid red !important;
  706. }
  707.  
  708. textarea.error {
  709.     border: 1px solid red !important;
  710. }
  711.  
  712. label.error {
  713.     font-size: 13px;
  714.     color: $salmon;
  715.     font-weight: normal;
  716.     font-style: italic;
  717. }
  718.  
  719. div.content-heading {
  720.     color: $white;
  721.     background-color: $pgBlue;
  722.     border-bottom: 3px solid #00BEFD;
  723.     padding: 10px;
  724.     margin: 0;
  725.     font-weight: bold;
  726.     text-transform: uppercase;
  727.     font-size: 14px;
  728.     border-top-right-radius: 4px;
  729.     border-top-left-radius: 4px;
  730. }
  731.  
  732. div.content-body {
  733.     border: 1px solid #e3e3e3;
  734.     border-top: none;
  735.     border-bottom-right-radius: 4px;
  736.     border-bottom-left-radius: 4px;
  737.     padding: 10px;
  738. }
  739.  
  740. div.panel-tab-body {
  741.     padding: 10px 15px 50px;
  742.     background: #fff;
  743. }
  744.  
  745. .heading {
  746.     color: $pgBlue;
  747.     font-weight: bold;
  748.     text-transform: uppercase;
  749. }
  750.  
  751. .page-title {
  752.     font-size: x-large;
  753. }
  754.  
  755. .item-content-area {
  756.     -webkit-transition: linear 1s;
  757.     -moz-transition: linear 1s;
  758.     -o-transition: linear 1s;
  759.     transition: linear 1s;
  760. }
  761.  
  762. .fullscreen-overlay {
  763.     position: absolute;
  764.     top: 0;
  765.     left: 0;
  766.     width: 100%;
  767.     z-index: 1000;
  768.     background-color: $white;
  769.     padding: 20px;
  770.     border-bottom: 500px solid #fff;
  771. }
  772.  
  773. .list {
  774.     padding: 10px 0 0;
  775.  
  776.     > li {
  777.         border: 1px solid #e3e3e3;
  778.         color: $pgBlue;
  779.         padding: 3px 10px 7px;
  780.         margin-bottom: 5px;
  781.         list-style: none;
  782.     }
  783. }
  784.  
  785. .list.sortable {
  786.     li {
  787.         .handle {
  788.             cursor: move;
  789.         }
  790.     }
  791. }
  792.  
  793. .nest-list {
  794.     padding: 10px 0 0;
  795.  
  796.     > li {
  797.         list-style: none;
  798.  
  799.         div.section {
  800.             border: 1px solid #e3e3e3;
  801.             color: $pgBlue;
  802.             padding: 3px 10px 7px;
  803.             margin-bottom: 5px;
  804.             list-style: none;
  805.         }
  806.  
  807.         ul {
  808.             padding: 3px 10px 7px 20px;
  809.  
  810.             > li.section-item {
  811.                 border: 1px solid #e3e3e3;
  812.                 color: $pgBlue;
  813.                 padding: 3px 10px 7px;
  814.                 margin-bottom: 5px;
  815.                 list-style: none;
  816.             }
  817.         }
  818.     }
  819.  
  820.     > li.selected {
  821.         div.section {
  822.             border-color: $pgLightBlue !important;
  823.         }
  824.     }
  825. }
  826.  
  827. .nest-list.sortable {
  828.     li {
  829.         .handle {
  830.             cursor: move;
  831.         }
  832.     }
  833. }
  834.  
  835. td.item-number {
  836.     vertical-align: top;
  837.     font-weight: bold;
  838.     width: 35px;
  839. }
  840.  
  841. th.rotate {
  842.     height: 140px;
  843.     white-space: nowrap;
  844.  
  845.     > div {
  846.         transform: translate(25px, 51px) rotate(315deg);
  847.         width: 30px;
  848.  
  849.         > span {
  850.             border-bottom: 1px solid #ccc;
  851.             padding: 0px 0px;
  852.         }
  853.     }
  854. }
  855.  
  856. table.sheet {
  857.     td {
  858.         padding: 10px;
  859.         border: 1px solid #ccc;
  860.     }
  861. }
  862.  
  863. .permissionSheet {
  864.     margin-top: 50px;
  865. }
  866.  
  867. .item-list {
  868.     padding: 5px 0;
  869.  
  870.     > li {
  871.         border: 1px solid #fff;
  872.         color: $black;
  873.         padding: 3px 10px 7px;
  874.         margin-bottom: 5px;
  875.         list-style: none;
  876.  
  877.         &:hover {
  878.             border: 1px solid #e3e3e3;
  879.         }
  880.     }
  881. }
  882.  
  883. .item-list.sortable {
  884.     li {
  885.         .handle {
  886.             cursor: move;
  887.         }
  888.     }
  889. }
  890.  
  891. .dynamic-list {
  892.     padding: 10px 0 0;
  893.     list-style: none;
  894.  
  895.     > li {
  896.         margin-bottom: 5px;
  897.         min-height: 35px;
  898.  
  899.         .heading-area {
  900.             border: 1px solid #fff;
  901.             color: $black;
  902.             padding: 3px 10px 7px;
  903.  
  904.             &:hover {
  905.                 border: 1px solid #e3e3e3;
  906.             }
  907.         }
  908.     }
  909. }
  910.  
  911. li.sortable-placeholder {
  912.     border: 1px dashed #CCC;
  913.     background: none;
  914.     min-height: 30px;
  915. }
  916.  
  917. .right {
  918.     float: right;
  919. }
  920.  
  921. .left {
  922.     float: left;
  923. }
  924.  
  925. .completed-item {
  926.     background-color: $mint;
  927. }
  928.  
  929. .rejected-item {
  930.     background-color: $babyPink;
  931. }
  932.  
  933. .item-editor {
  934.     padding: 10px 0 0 0;
  935. }
  936.  
  937. /*.item-gallery {
  938.     .icon-area {
  939.         height: 65px;
  940.         float: left;
  941.         padding-right: 10px;
  942.     }
  943.  
  944.     .icon {
  945.         height: 65px;
  946.         border-top-left-radius: 4px;
  947.     }
  948.  
  949.     .content-heading {
  950.         min-height: 65px;
  951.         padding: 0px !important;
  952.     }
  953.  
  954.     .heading-text-area {
  955.         padding: 12px 15px;
  956.     }
  957.  
  958.     .thumbnail {
  959.         height: 350px;
  960.         position: relative;
  961.     }
  962.  
  963.     .gallary-content {
  964.         padding: 12px 10px;
  965.     }
  966.  
  967.     .content-footer {
  968.         border-top: 3px solid #00BEFD;
  969.         position: absolute;
  970.         bottom: 0px;
  971.         left: 0;
  972.         width: 100%;
  973.         padding: 7px 12px;
  974.         background: #006282;
  975.         border-bottom-right-radius: 5px;
  976.         border-bottom-left-radius: 5px;
  977.  
  978.         a {
  979.             color: $white;
  980.             text-decoration: none;
  981.             padding-right: 10px;
  982.         }
  983.     }
  984. }*/
  985.  
  986. .lm-panel {
  987.     .panel-toolbar {
  988.         .name {
  989.             font-weight: bold;
  990.         }
  991.  
  992.         .btn {
  993.             float: right;
  994.             width: 26px;
  995.             line-height: 26px;
  996.             margin-top: -2px;
  997.             margin-left: 5px;
  998.             padding: 0;
  999.         }
  1000.     }
  1001.  
  1002.     .btn.small {
  1003.         width: 26px;
  1004.         line-height: 26px;
  1005.         margin-top: -2px;
  1006.         margin-left: 5px;
  1007.         padding: 0;
  1008.     }
  1009.  
  1010.     .panel-placeholder {
  1011.         padding: 10px 15px 50px;
  1012.         background: #ffffff;
  1013.     }
  1014.  
  1015.     .panel-heading {
  1016.         margin: 0;
  1017.         padding: 10px;
  1018.         background: $charcoalGrey;
  1019.         color: $powderWhite;
  1020.         border-top-right-radius: 4px;
  1021.         border-top-left-radius: 4px;
  1022.         border-bottom: 4px solid $notOrange;
  1023.         font-size: 14px;
  1024.         font-weight: bold;
  1025.         text-transform: uppercase;
  1026.  
  1027.         a {
  1028.             color: $powderWhite;
  1029.         }
  1030.     }
  1031. }
  1032.  
  1033. #LoadingArea {
  1034.     position: fixed;
  1035.     top: 0px;
  1036.     left: 0px;
  1037.     display: none;
  1038.     width: 100%;
  1039. }
  1040.  
  1041. #InnerLoadingArea {
  1042.     position: relative;
  1043.     left: 0px;
  1044.     font-size: large;
  1045.     font-weight: bold;
  1046.     color: $white;
  1047.     background-color: $green;
  1048.     opacity: 0.8;
  1049.     border-bottom: 3px solid #237e03;
  1050.     padding: 10px 0px;
  1051.     width: 100%;
  1052.     text-align: center;
  1053. }
  1054.  
  1055. .vote-button {
  1056.     width: 31%;
  1057.     margin: 15px 10px 15px 0;
  1058.     height: 150px;
  1059.     font-weight: bold;
  1060.     text-transform: uppercase;
  1061.     font-size: 20px;
  1062.     overflow: hidden;
  1063. }
  1064.  
  1065. .attachment-holder {
  1066.     padding: 10px 20px;
  1067.     margin: 5px 0 0 0;
  1068.     border: 1px solid #006282;
  1069.     background: #00BEFD;
  1070.     color: $white;
  1071.  
  1072.     a {
  1073.         color: $white;
  1074.  
  1075.         &:hover {
  1076.             color: $white;
  1077.         }
  1078.  
  1079.         &:focus {
  1080.             color: $white;
  1081.         }
  1082.     }
  1083. }
  1084.  
  1085. .vote-display {
  1086.     -webkit-border-radius: 5px;
  1087.     -moz-border-radius: 5px;
  1088.     border-radius: 5px;
  1089.     width: 31%;
  1090.     margin: 15px 10px 15px 0;
  1091.     height: 50px;
  1092.     font-weight: bold;
  1093.     text-transform: uppercase;
  1094.     font-size: 20px;
  1095.     text-align: center;
  1096.     padding-top: 15px;
  1097.     border: 1px solid #000;
  1098. }
  1099.  
  1100. .motion-display {
  1101.     -webkit-border-radius: 5px;
  1102.     -moz-border-radius: 5px;
  1103.     border-radius: 5px;
  1104.     width: 31%;
  1105.     margin: 15px 10px 15px 0;
  1106.     height: 50px;
  1107.     font-weight: bold;
  1108.     text-transform: uppercase;
  1109.     font-size: 20px;
  1110.     border: 1px solid #000;
  1111.     background-color: $white;
  1112.     color: $darkerGrey;
  1113.     text-align: center;
  1114.     padding-top: 15px;
  1115. }
  1116.  
  1117. .fc-event {
  1118.     cursor: pointer;
  1119. }
  1120.  
  1121. form {
  1122.     .well {
  1123.         background: -webkit-linear-gradient(top, #ffffff, #F9F9F9);
  1124.         background: -moz-linear-gradient(top, #ffffff, #F9F9F9);
  1125.         background: -ms-linear-gradient(top, #ffffff, #F9F9F9);
  1126.         background: linear-gradient(top, #ffffff, #F9F9F9);
  1127.         border-color: $standardGrey;
  1128.         box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);
  1129.     }
  1130.  
  1131.     .input-group-addon {
  1132.         background-color: $deepBlue;
  1133.         color: $white;
  1134.         border: none;
  1135.     }
  1136. }
  1137.  
  1138. button.lm-btn {
  1139.     line-height: 30px;
  1140.     padding: 6px 20px;
  1141.     border: none;
  1142.     font-size: 14px;
  1143.     text-transform: uppercase;
  1144.     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  1145. }
  1146.  
  1147. a.lm-btn {
  1148.     line-height: 30px;
  1149.     padding: 6px 20px;
  1150.     border: none;
  1151.     font-size: 14px;
  1152.     text-transform: uppercase;
  1153.     box-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
  1154. }
  1155.  
  1156. button.btn-primary {
  1157.     background: -webkit-linear-gradient(top, #00BEFD, #00A9E1);
  1158.     background: -moz-linear-gradient(top, #00BEFD, #00A9E1);
  1159.     background: -ms-linear-gradient(top, #00BEFD, #00A9E1);
  1160.     background: linear-gradient(top, #00BEFD, #00A9E1);
  1161.     color: $white;
  1162.  
  1163.     &:hover {
  1164.         background: #00A9E1;
  1165.     }
  1166.  
  1167.     &:focus {
  1168.         background: #00A9E1;
  1169.     }
  1170.  
  1171.     &:active {
  1172.         background: #00BEFD;
  1173.     }
  1174.  
  1175.     &:disabled {
  1176.         background: -webkit-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
  1177.         background: -moz-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
  1178.         background: -ms-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
  1179.         background: linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
  1180.     }
  1181. }
  1182.  
  1183. a.btn-primary {
  1184.     background: -webkit-linear-gradient(top, #00BEFD, #00A9E1);
  1185.     background: -moz-linear-gradient(top, #00BEFD, #00A9E1);
  1186.     background: -ms-linear-gradient(top, #00BEFD, #00A9E1);
  1187.     background: linear-gradient(top, #00BEFD, #00A9E1);
  1188.     color: $white;
  1189.  
  1190.     &:hover {
  1191.         background: #00A9E1;
  1192.     }
  1193.  
  1194.     &:focus {
  1195.         background: #00A9E1;
  1196.     }
  1197.  
  1198.     &:active {
  1199.         background: #00BEFD;
  1200.     }
  1201.  
  1202.     &:disabled {
  1203.         background: -webkit-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
  1204.         background: -moz-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
  1205.         background: -ms-linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
  1206.         background: linear-gradient(top, rgba(0, 190, 253, 0.35), rgba(0, 169, 225, 0.35));
  1207.     }
  1208. }
  1209.  
  1210. .container-fixed {
  1211.     .col-fixed {
  1212.         float: left;
  1213.         padding: 0 15px;
  1214.     }
  1215. }
  1216.  
  1217. .container-fixed.container-fixed-100 {
  1218.     .col-fixed {
  1219.         width: 100px;
  1220.     }
  1221.  
  1222.     .row {
  1223.         margin-left: 100px;
  1224.         width: calc(100% - 100px);
  1225.     }
  1226. }
  1227.  
  1228. .drop-target {
  1229.     border: 1px solid #34c003;
  1230.     background: #ebfbe6;
  1231.     padding: 30px;
  1232.  
  1233.     .glyphicon {
  1234.         font-size: 50px;
  1235.     }
  1236. }
  1237.  
  1238. .scan-target {
  1239.     margin: 5px;
  1240.     border: 1px solid #0237C1;
  1241.     background: #E6EFFB;
  1242.     padding: 30px;
  1243.  
  1244.     .glyphicon {
  1245.         font-size: 50px;
  1246.     }
  1247. }
  1248.  
  1249. .glyphicon-none {
  1250.     &:before {
  1251.         content: "\e119";
  1252.         color: $trans !important;
  1253.     }
  1254. }
  1255.  
  1256. [datepicker] {
  1257.     table {
  1258.         outline: none;
  1259.     }
  1260. }
  1261.  
  1262. .table-layout {
  1263.     display: table;
  1264.     width: 100%;
  1265.  
  1266.     .table-cell {
  1267.         display: table-cell;
  1268.         vertical-align: top;
  1269.     }
  1270. }
  1271.  
  1272. .lm-panel.well {
  1273.     margin: 0;
  1274.     padding: 0;
  1275.  
  1276.     .panel-toolbar {
  1277.         padding: 15px 10px;
  1278.         border-bottom: solid 1px #cccccc;
  1279.     }
  1280.  
  1281.     .nav {
  1282.         padding-left: 10px;
  1283.     }
  1284.  
  1285.     .nav.nav-tabs {
  1286.         margin-top: 5px;
  1287.         border-bottom-color: $standardGrey;
  1288.  
  1289.         li {
  1290.             & + li {
  1291.                 margin-left: 5px;
  1292.             }
  1293.  
  1294.             font-size: 12px;
  1295.             font-weight: bold;
  1296.             text-transform: uppercase;
  1297.  
  1298.             a {
  1299.                 padding: 9px 15px 8px;
  1300.                 background: #e4e4e4;
  1301.                 border-color: $standardGrey;
  1302.                 border-bottom: 0;
  1303.                 color: $darkGrey;
  1304.  
  1305.                 &:hover {
  1306.                     background: #f2f2f2;
  1307.                 }
  1308.             }
  1309.         }
  1310.  
  1311.         li.active {
  1312.             a {
  1313.                 background: $powderWhite;
  1314.                 border-top: solid 2px $darkTurquoise;
  1315.             }
  1316.         }
  1317.     }
  1318.  
  1319.     .subpage {
  1320.         section {
  1321.             padding: 10px;
  1322.             background: #ffffff;
  1323.             border-bottom-left-radius: 4px;
  1324.             border-bottom-right-radius: 4px;
  1325.  
  1326.             h3 {
  1327.                 margin-top: 0;
  1328.             }
  1329.         }
  1330.     }
  1331. }
  1332.  
  1333. header.page {
  1334.     .navbar {
  1335.         margin-bottom: 0;
  1336.         border: 0;
  1337.         -webkit-border-radius: 0;
  1338.         -moz-border-radius: 0;
  1339.         -ms-border-radius: 0;
  1340.         border-radius: 0;
  1341.         background: #404040;
  1342.         font-size: 13px;
  1343.  
  1344.         .navbar-toggle {
  1345.             background: #EE7C6C;
  1346.  
  1347.             button {
  1348.                 &:active {
  1349.                     background: #EE7C6C;
  1350.                 }
  1351.             }
  1352.         }
  1353.  
  1354.         .navbar-collapse {
  1355.             background: #404040;
  1356.  
  1357.             .navbar-nav {
  1358.                 li {
  1359.                     .dropdown-menu {
  1360.                         font-size: 13px;
  1361.                         padding: 0;
  1362.  
  1363.                         a {
  1364.                             margin: 0;
  1365.                             color: $darkGrey;
  1366.                             text-transform: none;
  1367.                         }
  1368.                     }
  1369.  
  1370.                     a {
  1371.                         margin-top: 3px;
  1372.                         padding: 0 10px;
  1373.                         line-height: 24px;
  1374.                         color: $white;
  1375.                         text-transform: uppercase;
  1376.                     }
  1377.  
  1378.                     p {
  1379.                         margin-top: 3px;
  1380.                         padding: 0 10px;
  1381.                         line-height: 24px;
  1382.                         color: $white;
  1383.                         text-transform: uppercase;
  1384.                         padding: 0;
  1385.                     }
  1386.  
  1387.                     p.separator {
  1388.                         margin: 2px 0;
  1389.  
  1390.                         &:before {
  1391.                             content: "|";
  1392.                         }
  1393.                     }
  1394.  
  1395.                     a.user-selector {
  1396.                         margin: 3px 0;
  1397.                         padding: 0 5px;
  1398.                         background: none;
  1399.  
  1400.                         i.fa-caret-down {
  1401.                             margin-left: 5px;
  1402.                             color: $lightSalmon;
  1403.                         }
  1404.                     }
  1405.  
  1406.                     button.language-selector {
  1407.                         margin: 3px 0 3px 15px;
  1408.                         padding: 0 30px;
  1409.                         -webkit-border-radius: 25px;
  1410.                         -moz-border-radius: 25px;
  1411.                         -ms-border-radius: 25px;
  1412.                         border-radius: 25px;
  1413.                         background: #ffffff;
  1414.                         color: $darkGrey;
  1415.  
  1416.                         i {
  1417.                             color: $lightSalmon;
  1418.                         }
  1419.                     }
  1420.                 }
  1421.             }
  1422.         }
  1423.  
  1424.         .navbar-collapse.collapse {
  1425.             padding-left: 0;
  1426.         }
  1427.     }
  1428. }
  1429.  
  1430. lm-timeline {
  1431.     display: block;
  1432.     overflow-x: scroll;
  1433.     background: #ffffff;
  1434.  
  1435.     .swimlane {
  1436.         display: table;
  1437.         padding: 5px 0 4px;
  1438.         border-bottom: solid 1px #cccccc;
  1439.         white-space: nowrap;
  1440.  
  1441.         &:nth-last-child(2) {
  1442.             border-bottom: none;
  1443.         }
  1444.  
  1445.         .term {
  1446.             position: relative;
  1447.             display: inline-block;
  1448.             width: 150px;
  1449.             height: 30px;
  1450.             line-height: 15px;
  1451.             left: 0;
  1452.             padding-top: 8px;
  1453.             margin-left: 5px;
  1454.             color: $white;
  1455.             text-align: center;
  1456.             cursor: pointer;
  1457.             -webkit-border-radius: 4px;
  1458.             -moz-border-radius: 4px;
  1459.             -ms-border-radius: 4px;
  1460.             border-radius: 4px;
  1461.  
  1462.             i {
  1463.                 font-size: 14px;
  1464.             }
  1465.         }
  1466.  
  1467.         .term.term-unassigned {
  1468.             background: #8cd9b2;
  1469.  
  1470.             &:hover {
  1471.                 background: #a9e2c5;
  1472.             }
  1473.         }
  1474.  
  1475.         .term.term-assigned {
  1476.             background: #0079a1;
  1477.  
  1478.             &:hover {
  1479.                 background: #409ab8;
  1480.             }
  1481.         }
  1482.  
  1483.         .term.term-unassigned-ended {
  1484.             background: #e96656;
  1485.  
  1486.             &:hover {
  1487.                 background: #ee8c80;
  1488.             }
  1489.         }
  1490.  
  1491.         .term.term-assigned-ended {
  1492.             background: #CCCCCC;
  1493.  
  1494.             &:hover {
  1495.                 background: #e2e2e2;
  1496.             }
  1497.         }
  1498.     }
  1499.  
  1500.     .footer {
  1501.         display: table;
  1502.         border-top: solid 1px #cccccc;
  1503.         white-space: nowrap;
  1504.  
  1505.         .year {
  1506.             display: inline-block;
  1507.             line-height: 14px;
  1508.             margin: 0 0 5px 5px;
  1509.             text-align: center;
  1510.             color: $otherGrey;
  1511.  
  1512.             &:before {
  1513.                 content: '';
  1514.                 position: relative;
  1515.                 display: block;
  1516.                 width: 1px;
  1517.                 height: 8px;
  1518.                 left: 50%;
  1519.                 background: #cccccc;
  1520.             }
  1521.         }
  1522.     }
  1523. }
  1524.  
  1525. section.company {
  1526.     margin-top: 20px;
  1527.  
  1528.     figure {
  1529.         img {
  1530.             height: 50px;
  1531.             float: left;
  1532.             margin-right: 10px;
  1533.         }
  1534.  
  1535.         figcaption {
  1536.             font-size: 24px;
  1537.             font-weight: bold;
  1538.             padding-top: 5px;
  1539.         }
  1540.  
  1541.         p {
  1542.             margin: 2px 0 0;
  1543.         }
  1544.     }
  1545.  
  1546.     nav {
  1547.         li {
  1548.             a {
  1549.                 &:hover {
  1550.                     background: #f3f7ff;
  1551.                 }
  1552.  
  1553.                 &:active {
  1554.                     background: #f3f7ff;
  1555.                 }
  1556.  
  1557.                 &:visited {
  1558.                     background: #f3f7ff;
  1559.                 }
  1560.             }
  1561.         }
  1562.  
  1563.         li.separator {
  1564.             margin: 0 5px;
  1565.             width: 1px;
  1566.             height: 50px;
  1567.             border-left: solid 1px #cccccc;
  1568.         }
  1569.     }
  1570. }
  1571.  
  1572. section.login {
  1573.     h2.title {
  1574.         margin: 0;
  1575.     }
  1576.  
  1577.     hr {
  1578.         margin-top: 15px;
  1579.         margin-bottom: 20px;
  1580.     }
  1581.  
  1582.     .form-group {
  1583.         & + .form-group {
  1584.             margin-bottom: 5px;
  1585.         }
  1586.     }
  1587.  
  1588.     div.checkbox {
  1589.         margin-bottom: 25px;
  1590.     }
  1591.  
  1592.     .validation-summary {
  1593.         padding: 0 0 10px;
  1594.     }
  1595. }
  1596.  
  1597. section.password-recovery {
  1598.     .request-sent {
  1599.         min-height: 160px;
  1600.     }
  1601.  
  1602.     .previous-page {
  1603.         margin-top: 15px;
  1604.     }
  1605. }
  1606.  
  1607. section.password-reset {
  1608.     .btn {
  1609.         margin-top: 30px;
  1610.     }
  1611. }
  1612.  
  1613. section.account-activation {
  1614.     .btn {
  1615.         margin-top: 30px;
  1616.     }
  1617. }
  1618.  
  1619. section.committees {
  1620.     .well {
  1621.         section.committee-positions {
  1622.             .timeline {
  1623.                 display: table;
  1624.                 width: 100%;
  1625.                 border: solid 1px #cccccc;
  1626.                 background: #f2f2f2;
  1627.  
  1628.                 header {
  1629.                     padding: 5px 10px;
  1630.                     line-height: 29px;
  1631.                     border-bottom: solid 1px #cccccc;
  1632.                     font-size: 12px;
  1633.                     font-weight: bold;
  1634.                     text-transform: uppercase;
  1635.                 }
  1636.  
  1637.                 .positions {
  1638.                     display: table-cell;
  1639.                     width: 180px;
  1640.                     border-right: solid 1px #cccccc;
  1641.  
  1642.                     header {
  1643.                         .btn {
  1644.                             float: right;
  1645.                         }
  1646.                     }
  1647.  
  1648.                     .swimlane {
  1649.                         display: table;
  1650.                         width: 100%;
  1651.                         height: 40px;
  1652.                         line-height: 15px;
  1653.                         padding: 5px 5px 0 10px;
  1654.                         background: #ffffff;
  1655.                         border-bottom: solid 1px #cccccc;
  1656.                         font-size: 13px;
  1657.                         white-space: nowrap;
  1658.                         cursor: default;
  1659.  
  1660.                         &:first-child {
  1661.                             border-top: none;
  1662.                         }
  1663.  
  1664.                         strong {
  1665.                             display: block;
  1666.                         }
  1667.  
  1668.                         &:hover {
  1669.                             .toolbar {
  1670.                                 a {
  1671.                                     color: $lightBlue;
  1672.                                 }
  1673.                             }
  1674.                         }
  1675.  
  1676.                         .toolbar {
  1677.                             display: table-cell;
  1678.                             width: 5px;
  1679.                             margin-left: 5px;
  1680.                             text-align: center;
  1681.  
  1682.                             a {
  1683.                                 color: $trans;
  1684.                             }
  1685.                         }
  1686.                     }
  1687.                 }
  1688.  
  1689.                 .terms {
  1690.                     display: table-cell;
  1691.                     max-width: 0;
  1692.                     font-size: 12px;
  1693.                     font-weight: bold;
  1694.                 }
  1695.             }
  1696.         }
  1697.     }
  1698. }
  1699.  
  1700. .committee-position-dialog {
  1701.     font-size: 12px;
  1702.  
  1703.     .control-label {
  1704.         &::after {
  1705.             content: ":";
  1706.         }
  1707.     }
  1708.  
  1709.     .datepicker {
  1710.         input[type=text] {
  1711.             &:read-only {
  1712.                 background: #ffffff;
  1713.             }
  1714.         }
  1715.     }
  1716.  
  1717.     input[type=number] {
  1718.         margin-right: 5px;
  1719.     }
  1720. }
  1721.  
  1722. .committee-term-dialog {
  1723.     font-size: 12px;
  1724.  
  1725.     .control-label {
  1726.         &::after {
  1727.             content: ":";
  1728.         }
  1729.  
  1730.         & + p {
  1731.             padding-top: 6px;
  1732.         }
  1733.     }
  1734.  
  1735.     .datepicker {
  1736.         input[type=text] {
  1737.             &:read-only {
  1738.                 background: #ffffff;
  1739.             }
  1740.         }
  1741.     }
  1742. }
  1743.  
  1744. .lm-user-profile {
  1745.     h3 {
  1746.         padding-bottom: 10px;
  1747.         border-bottom: solid 1px silver;
  1748.         font-size: 14px;
  1749.         text-transform: uppercase;
  1750.     }
  1751.  
  1752.     .table-cell.photo-col {
  1753.         width: 140px;
  1754.  
  1755.         .photo {
  1756.             position: relative;
  1757.             width: 120px;
  1758.             height: 120px;
  1759.             background: #f2f2f2;
  1760.             border: solid 1px #cccccc;
  1761.  
  1762.             img {
  1763.                 position: absolute;
  1764.                 margin: auto;
  1765.                 top: 0;
  1766.                 left: 0;
  1767.                 right: 0;
  1768.                 bottom: 0;
  1769.                 max-width: 95px;
  1770.                 max-height: 95px;
  1771.             }
  1772.  
  1773.             .drop-target {
  1774.                 position: absolute;
  1775.                 width: 120px;
  1776.                 height: 120px;
  1777.                 background: rgba(51, 178, 255, 0.75);
  1778.                 border: dashed 1px #337ab7;
  1779.                 color: $white;
  1780.                 text-align: center;
  1781.                 font-size: 12px;
  1782.                 line-height: 13px;
  1783.                 cursor: pointer;
  1784.  
  1785.                 span {
  1786.                     position: absolute;
  1787.                     margin: auto;
  1788.                     top: 0;
  1789.                     left: 0;
  1790.                     right: 0;
  1791.                     bottom: 0;
  1792.                     max-width: 95px;
  1793.                     max-height: 85px;
  1794.                 }
  1795.             }
  1796.  
  1797.             .drop-target.can-drop {
  1798.                 background: rgba(102, 204, 153, 0.75);
  1799.                 border: dashed 2px #ffffff;
  1800.             }
  1801.         }
  1802.  
  1803.         .progressbar {
  1804.             width: 120px;
  1805.             margin-top: 5px;
  1806.  
  1807.             .progress {
  1808.                 margin-bottom: 5px;
  1809.             }
  1810.  
  1811.             button {
  1812.                 width: 120px;
  1813.                 font-size: 14px;
  1814.                 line-height: 20px;
  1815.             }
  1816.         }
  1817.     }
  1818.  
  1819.     .table-cell {
  1820.         table {
  1821.             td {
  1822.                 padding-bottom: 5px;
  1823.                 vertical-align: top;
  1824.  
  1825.                 input[type=text] {
  1826.                     width: 200px;
  1827.                 }
  1828.  
  1829.                 input[type=email] {
  1830.                     width: 200px;
  1831.                 }
  1832.  
  1833.                 input[type=tel] {
  1834.                     width: 200px;
  1835.                 }
  1836.  
  1837.                 textarea {
  1838.                     width: 200px;
  1839.                 }
  1840.  
  1841.                 select {
  1842.                     width: 200px;
  1843.                 }
  1844.             }
  1845.  
  1846.             & + h3 {
  1847.                 margin-top: 25px !important;
  1848.             }
  1849.         }
  1850.     }
  1851.  
  1852.     .table-cell.profile-col {
  1853.         table {
  1854.             td {
  1855.                 &:nth-child(1) {
  1856.                     width: 100px;
  1857.                     text-align: right;
  1858.                 }
  1859.  
  1860.                 &:nth-child(2) {
  1861.                     width: 100%;
  1862.                     padding-left: 20px;
  1863.                 }
  1864.             }
  1865.         }
  1866.  
  1867.         form[name=full-name] {
  1868.             .inline-title[disabled] {
  1869.                 font-weight: bold;
  1870.             }
  1871.  
  1872.             .inline-title[read-only] {
  1873.                 font-weight: bold;
  1874.             }
  1875.         }
  1876.     }
  1877. }
  1878.  
  1879. section.account {
  1880.     .lm-panel {
  1881.         .panel-toolbar {
  1882.             .name {
  1883.                 font-weight: bold;
  1884.                 text-transform: uppercase;
  1885.             }
  1886.  
  1887.             .title {
  1888.                 font-style: italic;
  1889.             }
  1890.  
  1891.             .btn {
  1892.                 float: right;
  1893.                 width: 26px;
  1894.                 line-height: 26px;
  1895.                 margin-top: -2px;
  1896.                 padding: 0;
  1897.             }
  1898.         }
  1899.     }
  1900.  
  1901.     lm-user-profile {
  1902.         .table-cell.committees-col {
  1903.             padding-left: 20px;
  1904.             white-space: nowrap;
  1905.         }
  1906.     }
  1907.  
  1908.     .well {
  1909.         section.password {
  1910.             h3 {
  1911.                 padding-bottom: 10px;
  1912.                 border-bottom: solid 1px silver;
  1913.                 font-size: 14px;
  1914.                 text-transform: uppercase;
  1915.             }
  1916.         }
  1917.     }
  1918. }
  1919.  
  1920. section.users {
  1921.     .lm-panel {
  1922.         .panel-toolbar {
  1923.             .btn {
  1924.                 float: right;
  1925.                 width: 26px;
  1926.                 line-height: 26px;
  1927.                 margin-top: -2px;
  1928.                 margin-left: 5px;
  1929.                 padding: 0;
  1930.             }
  1931.         }
  1932.     }
  1933.  
  1934.     .table-cell.users-col {
  1935.         width: 280px;
  1936.  
  1937.         .lm-panel {
  1938.             .panel-toolbar.search {
  1939.                 height: 50px;
  1940.                 padding-top: 10px;
  1941.  
  1942.                 .input-group {
  1943.                     width: 220px;
  1944.                     float: left;
  1945.                 }
  1946.  
  1947.                 .btn {
  1948.                     margin-top: 2px;
  1949.                     color: $black;
  1950.                 }
  1951.             }
  1952.  
  1953.             .panel-toolbar.sort {
  1954.                 height: 40px;
  1955.                 padding-top: 10px;
  1956.  
  1957.                 .sorter {
  1958.                     float: left;
  1959.  
  1960.                     a {
  1961.                         color: $black;
  1962.                         font-size: 12px;
  1963.                         font-weight: bold;
  1964.                         text-transform: uppercase;
  1965.  
  1966.                         &:hover {
  1967.                             text-decoration: none;
  1968.                         }
  1969.  
  1970.                         &:focus {
  1971.                             text-decoration: none;
  1972.                         }
  1973.                     }
  1974.                 }
  1975.  
  1976.                 .checkbox {
  1977.                     float: right;
  1978.                     margin: 0;
  1979.                     font-size: 13px;
  1980.  
  1981.                     label {
  1982.                         padding: 0;
  1983.                     }
  1984.  
  1985.                     input {
  1986.                         vertical-align: middle;
  1987.                         position: relative;
  1988.                         margin: 0 0 0 2px;
  1989.                     }
  1990.                 }
  1991.             }
  1992.  
  1993.             .user-list {
  1994.                 margin-bottom: 1px;
  1995.                 height: 300px;
  1996.                 overflow-y: auto;
  1997.                 background: #ffffff;
  1998.  
  1999.                 .list-group-item {
  2000.                     padding: 5px 10px;
  2001.                     border-left: none;
  2002.                     border-right: none;
  2003.                     border-radius: 0;
  2004.                     color: $lightBlue;
  2005.  
  2006.                     &:first-child {
  2007.                         border-top: none;
  2008.                     }
  2009.  
  2010.                     &:hover {
  2011.                         background: #f2f8ff;
  2012.                     }
  2013.  
  2014.                     &:focus {
  2015.                         background: #f2f8ff;
  2016.                     }
  2017.  
  2018.                     i {
  2019.                         float: right;
  2020.                         margin-top: 5px;
  2021.                         color: $orange;
  2022.                     }
  2023.                 }
  2024.             }
  2025.         }
  2026.     }
  2027.  
  2028.     .table-cell.account-col {
  2029.         padding-left: 20px;
  2030.  
  2031.         .lm-panel {
  2032.             .panel-toolbar {
  2033.                 .name {
  2034.                     font-weight: bold;
  2035.                     text-transform: uppercase;
  2036.                 }
  2037.  
  2038.                 .title {
  2039.                     font-style: italic;
  2040.                 }
  2041.             }
  2042.  
  2043.             .profile-placeholder {
  2044.                 padding: 10px 15px 50px;
  2045.                 background: #ffffff;
  2046.             }
  2047.         }
  2048.     }
  2049.  
  2050.     .well {
  2051.         section.permissions {
  2052.             padding: 0;
  2053.  
  2054.             table {
  2055.                 font-size: 13px;
  2056.  
  2057.                 col {
  2058.                     border-left: solid 1px #cccccc;
  2059.  
  2060.                     &:first-child {
  2061.                         border-left: none;
  2062.                     }
  2063.                 }
  2064.  
  2065.                 th {
  2066.                     padding: 10px;
  2067.                     background: #ffffff;
  2068.  
  2069.                     a {
  2070.                         color: $black;
  2071.                         text-transform: uppercase;
  2072.  
  2073.                         &:hover {
  2074.                             text-decoration: none;
  2075.                         }
  2076.  
  2077.                         &:focus {
  2078.                             text-decoration: none;
  2079.                         }
  2080.                     }
  2081.                 }
  2082.  
  2083.                 td {
  2084.                     width: 50%;
  2085.                     padding: 3px 10px;
  2086.                     border-top: solid 1px #cccccc;
  2087.  
  2088.                     &:last-child {
  2089.                         text-align: center;
  2090.  
  2091.                         a {
  2092.                             color: $orange;
  2093.                             font-size: 16px;
  2094.                         }
  2095.                     }
  2096.                 }
  2097.  
  2098.                 tfoot {
  2099.                     tr {
  2100.                         background: #f9f9f9;
  2101.  
  2102.                         td {
  2103.                             padding-top: 15px;
  2104.                             padding-bottom: 15px;
  2105.  
  2106.                             select {
  2107.                                 height: inherit;
  2108.                                 padding: 3px 12px;
  2109.                             }
  2110.  
  2111.                             .btn {
  2112.                                 font-size: 13px;
  2113.                                 line-height: 15px;
  2114.                             }
  2115.                         }
  2116.                     }
  2117.                 }
  2118.             }
  2119.         }
  2120.     }
  2121. }
  2122.  
  2123. section.roles {
  2124.     .lm-panel {
  2125.         .panel-toolbar {
  2126.             .btn {
  2127.                 float: right;
  2128.                 width: 26px;
  2129.                 line-height: 26px;
  2130.                 margin-top: -2px;
  2131.                 margin-left: 5px;
  2132.                 padding: 0;
  2133.             }
  2134.         }
  2135.     }
  2136.  
  2137.     .table-cell.roles-col {
  2138.         width: 280px;
  2139.  
  2140.         .lm-panel {
  2141.             .panel-toolbar.search {
  2142.                 height: 50px;
  2143.                 padding-top: 10px;
  2144.  
  2145.                 .input-group {
  2146.                     width: 220px;
  2147.                     float: left;
  2148.                 }
  2149.  
  2150.                 .btn {
  2151.                     margin-top: 2px;
  2152.                 }
  2153.             }
  2154.  
  2155.             .panel-toolbar.sort {
  2156.                 height: 40px;
  2157.                 padding-top: 10px;
  2158.  
  2159.                 .sorter {
  2160.                     float: left;
  2161.  
  2162.                     a {
  2163.                         color: $black;
  2164.                         font-size: 12px;
  2165.                         font-weight: bold;
  2166.                         text-transform: uppercase;
  2167.  
  2168.                         &:hover {
  2169.                             text-decoration: none;
  2170.                         }
  2171.  
  2172.                         &:focus {
  2173.                             text-decoration: none;
  2174.                         }
  2175.                     }
  2176.                 }
  2177.             }
  2178.  
  2179.             .role-list {
  2180.                 margin-bottom: 1px;
  2181.                 height: 300px;
  2182.                 overflow-y: auto;
  2183.                 background: #ffffff;
  2184.  
  2185.                 .list-group-item {
  2186.                     padding: 5px 10px;
  2187.                     border-left: none;
  2188.                     border-right: none;
  2189.                     border-radius: 0;
  2190.                     color: $lightBlue;
  2191.  
  2192.                     &:first-child {
  2193.                         border-top: none;
  2194.                     }
  2195.  
  2196.                     &:hover {
  2197.                         background: #f2f8ff;
  2198.                     }
  2199.  
  2200.                     &:focus {
  2201.                         background: #f2f8ff;
  2202.                     }
  2203.                 }
  2204.             }
  2205.         }
  2206.     }
  2207.  
  2208.     .table-cell.securables-col {
  2209.         padding-left: 20px;
  2210.  
  2211.         .lm-panel {
  2212.             .panel-toolbar {
  2213.                 .name {
  2214.                     font-weight: bold;
  2215.                 }
  2216.             }
  2217.  
  2218.             .securables-placeholder {
  2219.                 padding: 10px 15px 50px;
  2220.                 background: #ffffff;
  2221.             }
  2222.         }
  2223.     }
  2224.  
  2225.     .well {
  2226.         section.securables {
  2227.             padding: 0;
  2228.  
  2229.             table {
  2230.                 font-size: 13px;
  2231.  
  2232.                 col {
  2233.                     &:last-child {
  2234.                         border-left: solid 1px #cccccc;
  2235.                     }
  2236.                 }
  2237.  
  2238.                 th {
  2239.                     padding: 10px;
  2240.                     text-transform: uppercase;
  2241.                 }
  2242.  
  2243.                 td {
  2244.                     width: 100%;
  2245.                     padding: 3px 0;
  2246.                     border-top: solid 1px #cccccc;
  2247.  
  2248.                     &:first-child {
  2249.                         padding-left: 10px;
  2250.                     }
  2251.  
  2252.                     &:last-child {
  2253.                         text-align: center;
  2254.                     }
  2255.                 }
  2256.  
  2257.                 tr.parent {
  2258.                     background: #f9f9f9;
  2259.                     font-weight: bold;
  2260.                 }
  2261.  
  2262.                 tr.child {
  2263.                     td {
  2264.                         &:first-child {
  2265.                             padding-left: 30px;
  2266.                         }
  2267.                     }
  2268.                 }
  2269.             }
  2270.  
  2271.             footer {
  2272.                 padding: 20px;
  2273.                 border-top: solid 1px #cccccc;
  2274.                 text-align: center;
  2275.  
  2276.                 button {
  2277.                     & + button {
  2278.                         margin-left: 5px;
  2279.                     }
  2280.                 }
  2281.             }
  2282.         }
  2283.  
  2284.         section.users {
  2285.             padding: 0;
  2286.  
  2287.             table {
  2288.                 font-size: 13px;
  2289.  
  2290.                 th {
  2291.                     padding: 10px;
  2292.                     background: #ffffff;
  2293.  
  2294.                     a {
  2295.                         color: $black;
  2296.                         text-transform: uppercase;
  2297.  
  2298.                         &:hover {
  2299.                             text-decoration: none;
  2300.                         }
  2301.  
  2302.                         &:focus {
  2303.                             text-decoration: none;
  2304.                         }
  2305.                     }
  2306.                 }
  2307.  
  2308.                 td {
  2309.                     width: 100%;
  2310.                     padding: 3px 10px;
  2311.                     border-top: solid 1px #cccccc;
  2312.  
  2313.                     &:last-child {
  2314.                         text-align: center;
  2315.  
  2316.                         a {
  2317.                             color: $orange;
  2318.                             font-size: 16px;
  2319.                         }
  2320.                     }
  2321.                 }
  2322.  
  2323.                 tr {
  2324.                     &:nth-child(odd) {
  2325.                         background: #f9f9f9;
  2326.                     }
  2327.                 }
  2328.  
  2329.                 tr.no-users {
  2330.                     th {
  2331.                         font-weight: normal;
  2332.                     }
  2333.                 }
  2334.             }
  2335.         }
  2336.     }
  2337. }
  2338.  
  2339. .calendar-event-dialog {
  2340.     font-size: 12px;
  2341.  
  2342.     .control-label {
  2343.         &::after {
  2344.             content: ":";
  2345.         }
  2346.     }
  2347.  
  2348.     textarea {
  2349.         height: 60px !important;
  2350.         resize: none;
  2351.     }
  2352.  
  2353.     .datepicker {
  2354.         input[type=text] {
  2355.             &:read-only {
  2356.                 background: #ffffff;
  2357.             }
  2358.         }
  2359.     }
  2360.  
  2361.     .weekdays {
  2362.         .checkbox {
  2363.             float: left;
  2364.             padding-right: 15px;
  2365.         }
  2366.     }
  2367.  
  2368.     .repeat-by {
  2369.         .radio {
  2370.             float: left;
  2371.             padding-right: 15px;
  2372.         }
  2373.     }
  2374.  
  2375.     .occurrences {
  2376.         input[type=number] {
  2377.             margin-left: 5px;
  2378.             width: 75px;
  2379.         }
  2380.     }
  2381.  
  2382.     .end {
  2383.         .datepicker {
  2384.             margin-left: 5px;
  2385.             width: 120px;
  2386.  
  2387.             input[type=text] {
  2388.                 &:disabled {
  2389.                     background: #eeeeee !important;
  2390.                 }
  2391.             }
  2392.         }
  2393.     }
  2394.  
  2395.     input[type=time] {
  2396.         width: 105px;
  2397.     }
  2398. }
  2399.  
  2400. section.calendar {
  2401.     .title {
  2402.         margin-bottom: 40px;
  2403.     }
  2404.  
  2405.     .fc-content {
  2406.         cursor: pointer;
  2407.     }
  2408. }
  2409.  
  2410. section.side-nav-page {
  2411.     .lm-panel {
  2412.         .panel-toolbar {
  2413.             .btn {
  2414.                 float: right;
  2415.                 width: 26px;
  2416.                 line-height: 26px;
  2417.                 margin-top: -2px;
  2418.                 margin-left: 5px;
  2419.                 padding: 0;
  2420.             }
  2421.         }
  2422.     }
  2423.  
  2424.     .table-cell.list-col {
  2425.         //width: 280px;
  2426.  
  2427.         .lm-panel {
  2428.             .panel-toolbar.search {
  2429.                 height: 50px;
  2430.                 padding-top: 10px;
  2431.  
  2432.                 .input-group {
  2433.                     width: 220px;
  2434.                     float: left;
  2435.                 }
  2436.  
  2437.                 .btn {
  2438.                     margin-top: 2px;
  2439.                 }
  2440.             }
  2441.  
  2442.             .panel-toolbar.sort {
  2443.                 height: 40px;
  2444.                 padding-top: 10px;
  2445.  
  2446.                 .sorter {
  2447.                     float: left;
  2448.  
  2449.                     a {
  2450.                         color: $black;
  2451.                         font-size: 12px;
  2452.                         font-weight: bold;
  2453.                         text-transform: uppercase;
  2454.  
  2455.                         &:hover {
  2456.                             text-decoration: none;
  2457.                         }
  2458.  
  2459.                         &:focus {
  2460.                             text-decoration: none;
  2461.                         }
  2462.                     }
  2463.                 }
  2464.             }
  2465.  
  2466.             .panel-toolbar {
  2467.                 .checkbox {
  2468.                     float: right;
  2469.                     margin: 0;
  2470.                     font-size: 13px;
  2471.  
  2472.                     label {
  2473.                         padding: 0;
  2474.                     }
  2475.  
  2476.                     input {
  2477.                         vertical-align: middle;
  2478.                         position: relative;
  2479.                         margin: 0 0 0 2px;
  2480.                     }
  2481.                 }
  2482.             }
  2483.  
  2484.             .item-list {
  2485.                 margin-bottom: 1px;
  2486.                 height: 300px;
  2487.                 overflow-y: auto;
  2488.                 background: #ffffff;
  2489.  
  2490.                 .list-group-item {
  2491.                     padding: 5px 10px;
  2492.                     border-left: none;
  2493.                     border-right: none;
  2494.                     border-radius: 0;
  2495.                     color: $charcoalGrey;
  2496.  
  2497.                     &:first-child {
  2498.                         border-top: none;
  2499.                     }
  2500.  
  2501.                     &:hover {
  2502.                         background: #f2f8ff;
  2503.                     }
  2504.  
  2505.                     &:focus {
  2506.                         background: #f2f8ff;
  2507.                     }
  2508.  
  2509.                     i {
  2510.                         float: right;
  2511.                         margin-top: 5px;
  2512.                         color: $orange;
  2513.                     }
  2514.                 }
  2515.             }
  2516.         }
  2517.     }
  2518.  
  2519.     .table-cell.profile-col {
  2520.         padding-left: 0px;
  2521.  
  2522.         .lm-panel {
  2523.             .panel-toolbar {
  2524.                 .name {
  2525.                     font-weight: bold;
  2526.                 }
  2527.             }
  2528.  
  2529.             .profile-placeholder {
  2530.                 padding: 10px 15px 50px;
  2531.                 background: #ffffff;
  2532.             }
  2533.         }
  2534.  
  2535.         .control-label {
  2536.             font-weight: normal;
  2537.         }
  2538.  
  2539.         .view {
  2540.             padding: 6px 13px;
  2541.             font-weight: bold;
  2542.         }
  2543.  
  2544.         .viewreg {
  2545.             padding: 6px 13px;
  2546.         }
  2547.  
  2548.         h3 {
  2549.             margin-top: 5px;
  2550.         }
  2551.     }
  2552.  
  2553.     .well {
  2554.         section.profile {
  2555.             h3 {
  2556.                 padding-bottom: 10px;
  2557.                 border-bottom: solid 1px silver;
  2558.                 font-size: 14px;
  2559.                 text-transform: uppercase;
  2560.             }
  2561.         }
  2562.     }
  2563.  
  2564.     .table-cell.photo-col {
  2565.         width: 140px;
  2566.  
  2567.         .photo {
  2568.             position: relative;
  2569.             width: 120px;
  2570.             height: 120px;
  2571.             background: #f2f2f2;
  2572.             border: solid 1px #cccccc;
  2573.  
  2574.             img {
  2575.                 position: absolute;
  2576.                 margin: auto;
  2577.                 top: 0;
  2578.                 left: 0;
  2579.                 right: 0;
  2580.                 bottom: 0;
  2581.                 max-width: 95px;
  2582.                 max-height: 95px;
  2583.             }
  2584.  
  2585.             .drop-target {
  2586.                 position: absolute;
  2587.                 width: 120px;
  2588.                 height: 120px;
  2589.                 background: rgba(51, 178, 255, 0.75);
  2590.                 border: dashed 1px #337ab7;
  2591.                 color: $white;
  2592.                 text-align: center;
  2593.                 font-size: 12px;
  2594.                 line-height: 13px;
  2595.                 cursor: pointer;
  2596.  
  2597.                 span {
  2598.                     position: absolute;
  2599.                     margin: auto;
  2600.                     top: 0;
  2601.                     left: 0;
  2602.                     right: 0;
  2603.                     bottom: 0;
  2604.                     max-width: 95px;
  2605.                     max-height: 85px;
  2606.                 }
  2607.             }
  2608.  
  2609.             .drop-target.can-drop {
  2610.                 background: rgba(102, 204, 153, 0.75);
  2611.                 border: dashed 2px #ffffff;
  2612.             }
  2613.         }
  2614.  
  2615.         .progressbar {
  2616.             width: 120px;
  2617.             margin-top: 5px;
  2618.  
  2619.             .progress {
  2620.                 margin-bottom: 5px;
  2621.             }
  2622.  
  2623.             button {
  2624.                 width: 120px;
  2625.                 font-size: 14px;
  2626.                 line-height: 20px;
  2627.             }
  2628.         }
  2629.     }
  2630.  
  2631.     .table-cell {
  2632.         .container-fixed {
  2633.             .col-fixed {
  2634.                 padding: 0 0 10px 0;
  2635.             }
  2636.  
  2637.             .selector {
  2638.                 select {
  2639.                     width: 200px;
  2640.                     height: 30px;
  2641.                     padding: 3px 5px;
  2642.                     float: left;
  2643.                     margin-right: 5px;
  2644.                     font-size: 12px;
  2645.                 }
  2646.  
  2647.                 .btn {
  2648.                     padding: 0 !important;
  2649.                     width: 29px;
  2650.                     height: 29px;
  2651.                 }
  2652.             }
  2653.  
  2654.             input[type=text] {
  2655.                 width: 200px;
  2656.             }
  2657.         }
  2658.  
  2659.         table {
  2660.             td {
  2661.                 padding-bottom: 5px;
  2662.                 vertical-align: top;
  2663.  
  2664.                 input[type=text] {
  2665.                     width: 200px;
  2666.                 }
  2667.  
  2668.                 input[type=email] {
  2669.                     width: 200px;
  2670.                 }
  2671.  
  2672.                 input[type=tel] {
  2673.                     width: 200px;
  2674.                 }
  2675.  
  2676.                 textarea {
  2677.                     width: 200px;
  2678.                 }
  2679.  
  2680.                 select {
  2681.                     width: 200px;
  2682.                 }
  2683.             }
  2684.  
  2685.             & + h3 {
  2686.                 margin-top: 25px !important;
  2687.             }
  2688.         }
  2689.     }
  2690.  
  2691.     .using-n-characters {
  2692.         font-size: 12px;
  2693.     }
  2694.  
  2695.     .eligibility {
  2696.         .ta-editor {
  2697.             min-height: 100px;
  2698.             height: 100px;
  2699.         }
  2700.     }
  2701. }
  2702.  
  2703. #postcard-items-modal {
  2704.     #postcard-items-container {
  2705.         tbody {
  2706.             tr {
  2707.                 border-bottom: 1px solid grey;
  2708.                 border-top: 1px solid grey;
  2709.  
  2710.                 &:nth-of-type(1) {
  2711.                     background: #cdcdcd;
  2712.                 }
  2713.  
  2714.                 &:nth-of-type(even) {
  2715.                     background: #f2f2f2;
  2716.                 }
  2717.             }
  2718.         }
  2719.     }
  2720.  
  2721.     > div {
  2722.         > div {
  2723.             > div.modal-body {
  2724.                 overflow: scroll;
  2725.                 height: 70vh;
  2726.             }
  2727.  
  2728.             > div.modal-footer {
  2729.                 > div {
  2730.                     > #select-postcard-items-button {
  2731.                         box-shadow: none;
  2732.                     }
  2733.  
  2734.                     > a {
  2735.                         &:nth-child(2) {
  2736.                             box-shadow: none;
  2737.                         }
  2738.                     }
  2739.                 }
  2740.             }
  2741.         }
  2742.  
  2743.         width: 85vw;
  2744.     }
  2745. }
  2746.  
  2747. #postcard-items-container {
  2748.     > table {
  2749.         > tbody {
  2750.             > tr {
  2751.                 &:nth-child(1) {
  2752.                     > th {
  2753.                         &:nth-child(1) {
  2754.                             display: block;
  2755.                             width: 100.5%;
  2756.                             padding: 5px 0px 5px 0px;
  2757.                             border-left: 0px solid grey;
  2758.                             text-align: center;
  2759.                         }
  2760.  
  2761.                         &:nth-child(2) {
  2762.                             padding-left: 20px;
  2763.                         }
  2764.  
  2765.                         &:nth-child(3) {
  2766.                             border-right: 0px solid grey;
  2767.                         }
  2768.                     }
  2769.                 }
  2770.  
  2771.                 > td {
  2772.                     &:nth-child(1) {
  2773.                         width: 10%;
  2774.                         vertical-align: top;
  2775.                         padding-top: 10px;
  2776.                         text-align: center;
  2777.                         border-left: 0px solid grey;
  2778.                     }
  2779.  
  2780.                     &:nth-child(2) {
  2781.                         padding-left: 20px;
  2782.                         padding-top: 10px;
  2783.                         padding-right: 20px;
  2784.                         padding-bottom: 10px;
  2785.                     }
  2786.  
  2787.                     &:nth-child(3) {
  2788.                         width: 10%;
  2789.                         text-align: center;
  2790.                         border-right: 0px solid grey;
  2791.                         vertical-align: top;
  2792.                         padding-top: 10px;
  2793.                     }
  2794.                 }
  2795.  
  2796.                 > th {
  2797.                     &:nth-child(1) {
  2798.                         display: block;
  2799.                     }
  2800.                 }
  2801.             }
  2802.         }
  2803.     }
  2804. }
  2805.  
  2806. .select-header {
  2807.     .btn-close {
  2808.         color: $black;
  2809.         background: none;
  2810.         border: 0;
  2811.         font-size: 30px;
  2812.         float: left;
  2813.         width: 2%;
  2814.         padding: 0;
  2815.         outline: 0;
  2816.         box-shadow: none;
  2817.     }
  2818.  
  2819.     h3 {
  2820.         float: left;
  2821.         width: 97%;
  2822.     }
  2823. }
  2824.  
  2825. #PostcardModal {
  2826.     overflow: scroll !important;
  2827. }
  2828.  
  2829. .progress-percent {
  2830.     z-index: 99;
  2831.     position: absolute;
  2832.     width: 100px;
  2833.     min-width: 100px;
  2834.     text-align: center;
  2835.     color: $white;
  2836.     text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  2837. }
  2838.  
  2839. .progress-filename {
  2840.     overflow-x: hidden;
  2841.     font-weight: bold;
  2842. }
  2843.  
  2844. .fileUploadListItem {
  2845.     border-bottom: solid 2px #CCCCCC;
  2846.     padding-top: 10px;
  2847.     padding-bottom: 10px;
  2848. }
  2849.  
  2850. .progress {
  2851.     margin-bottom: 0px !important;
  2852. }
  2853.  
  2854. .progress-cell {
  2855.     div {
  2856.         max-width: 100px;
  2857.     }
  2858. }
  2859.  
  2860. .publish_buttons {
  2861.     display: flex;
  2862.     align-items: center;
  2863.     justify-content: flex-end;
  2864.     width: 70%;
  2865.     margin-left: 30%;
  2866.  
  2867.     a {
  2868.         padding-right: 10px;
  2869.     }
  2870. }
  2871.  
  2872. .doc-publish-button {
  2873.     margin: 0px 10px;
  2874. }
  2875.  
  2876. .compiled_meeting_viewer {
  2877.     display: flex;
  2878.     align-content: center;
  2879.     align-items: center;
  2880.     width: 40%;
  2881.     position: absolute;
  2882. }
  2883.  
  2884. .system-setting-item-parent {
  2885.     display: flex;
  2886.     justify-content: space-between;
  2887.     align-items: center;
  2888.     margin: 0 10px;
  2889.  
  2890.     > .system-setting {
  2891.         flex: 0 0 calc(20% - 30px);
  2892.         border: 1px solid #00befd;
  2893.         padding: 15px 10px;
  2894.         display: flex;
  2895.         justify-content: center;
  2896.         align-items: baseline;
  2897.  
  2898.         > .control-label {
  2899.             padding: 0px;
  2900.             padding-right: 10px;
  2901.         }
  2902.  
  2903.         > input {
  2904.             padding: 0px;
  2905.             margin: 0px;
  2906.             min-height: auto;
  2907.         }
  2908.     }
  2909. }
  2910.  
  2911. @media (min-width: 768px) {
  2912.     header.page {
  2913.         .navbar {
  2914.             min-height: 30px;
  2915.             height: 30px;
  2916.  
  2917.             .navbar-collapse.collapse {
  2918.                 background: none !important;
  2919.             }
  2920.         }
  2921.     }
  2922. }
  2923.  
  2924. @media (max-width: 768px) {
  2925.     header.page {
  2926.         .navbar {
  2927.             .navbar-collapse.collapse {
  2928.                 padding-left: 15px !important;
  2929.             }
  2930.  
  2931.             p.menu-label {
  2932.                 display: none;
  2933.             }
  2934.  
  2935.             p.separator {
  2936.                 display: none;
  2937.             }
  2938.  
  2939.             li.user-menu {
  2940.                 margin-bottom: 10px !important;
  2941.  
  2942.                 a {
  2943.                     margin: 0 0 0 5px !important;
  2944.                 }
  2945.  
  2946.                 .dropdown-menu {
  2947.                     padding: 0 10px 0 5px !important;
  2948.  
  2949.                     a {
  2950.                         color: $white !important;
  2951.  
  2952.                         &:hover {
  2953.                             background: #2f2f2f !important;
  2954.                         }
  2955.                     }
  2956.                 }
  2957.             }
  2958.  
  2959.             li.language-menu {
  2960.                 a {
  2961.                     margin: 0 10px !important;
  2962.                     padding: 0 0 0 5px !important;
  2963.                     -webkit-border-radius: 0 !important;
  2964.                     -moz-border-radius: 0 !important;
  2965.                     -ms-border-radius: 0 !important;
  2966.                     border-radius: 0 !important;
  2967.                 }
  2968.  
  2969.                 .dropdown-menu {
  2970.                     padding: 1px 0 0 !important;
  2971.  
  2972.                     a {
  2973.                         background: #ffffff !important;
  2974.  
  2975.                         &:hover {
  2976.                             background: #f5f5f5 !important;
  2977.                         }
  2978.                     }
  2979.                 }
  2980.             }
  2981.         }
  2982.     }
  2983.  
  2984.     section.company {
  2985.         nav {
  2986.             li.separator {
  2987.                 display: none;
  2988.             }
  2989.         }
  2990.     }
  2991. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top