API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 7th, 2018
291
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 25.28 KB | None | 0 0
raw download clone embed print report
  1. @font-face {
  2.     font-family: "BaseFont-Regular";
  3.     src: url('../../fonts/Roboto/Roboto-Regular.ttf');
  4. }
  5.  
  6. @font-face {
  7.     font-family: "BaseFont-Light";
  8.     src: url('../../fonts/Roboto/Roboto-Light.ttf');
  9. }
  10.  
  11. @font-face {
  12.     font-family: "BaseFont-Medium";
  13.     src: url('../../fonts/Roboto/Roboto-Medium.ttf');
  14. }
  15.  
  16. @font-face {
  17.     font-family: "BaseFont-Semibold";
  18.     src: url('../../fonts/Roboto/Roboto-Medium.ttf');
  19. }
  20.  
  21. @font-face {
  22.     font-family: "BaseFont-Bold";
  23.     src: url('../../fonts/Roboto/Roboto-Bold.ttf');
  24. }
  25.  
  26. body, span, p, h3, h4, h5, h6, input, textarea, div {
  27.     font-size: 14px;
  28. }
  29.  
  30. body {
  31.     position: relative;
  32.     padding: 0;
  33.     margin: 0;
  34.     min-height: 100vh;
  35.     background-color: whitesmoke;
  36. }
  37.  
  38. a {
  39.     outline: 0 !important;
  40. }
  41.  
  42. /* Set padding to keep content from hitting the edges */
  43. #body-content {
  44.     margin-left: 60px;
  45.     padding-top: 20px;
  46.     padding-right: 15px;
  47.     padding-bottom: 60px;
  48.     position: relative;
  49. }
  50.  
  51. .group-courses-list {
  52.     font-size: 15px;
  53.     color: #313642;
  54. }
  55.  
  56. .header-style {
  57.     color: #313642;
  58.     font-weight: bold;
  59. }
  60.  
  61. /*.update-assigned-courses{
  62.     width:70px !important;
  63.     padding-left: 5px !important;
  64. }*/
  65.  
  66. #site-wrapper {
  67.     padding-bottom: 17px;
  68.     width: 100%;
  69.     height: 100%;
  70.     visibility: hidden;
  71.     -ms-opacity: 0;
  72.     opacity: 0;
  73.     -webkit-transition: opacity 0.5s linear;
  74.     -moz-transition: opacity 0.5s linear;
  75.     -ms-transition: opacity 0.5s linear;
  76.     -o-transition: opacity 0.5s linear;
  77.     transition: visibility 0.5s linear;
  78.     transition: opacity 0.5s linear;
  79. }
  80.  
  81.  
  82. /* Override the default bootstrap behavior where horizontal description lists
  83.    will truncate terms that are too long to fit in the left column
  84. */
  85. .dl-horizontal dt {
  86.     white-space: normal;
  87. }
  88.  
  89. /* Set width on the form input elements since they're 100% wide by default */
  90. input,
  91. select,
  92. textarea {
  93.     font-size: 14px;
  94.     outline: none;
  95. }
  96.  
  97.     button:focus, input:focus, textarea:focus, select:focus {
  98.         outline: none !important;
  99.     }
  100.  
  101. a,
  102. a:link,
  103. a:visited,
  104. a:hover,
  105. a:active {
  106.     text-decoration: none;
  107. }
  108.  
  109. .search-input {
  110.     border: 1px solid #bcbcbc;
  111.     padding: 9px 17px 7px 17px;
  112.     font-size: 14px;
  113.     font-family: "BaseFont-Regular";
  114.     line-height: 20px;
  115.     float: left;
  116.     height: 40px;
  117.     width: 250px;
  118.     -ms-border-radius: 2px;
  119.     border-radius: 2px;
  120. }
  121.  
  122. .button-container .search-button {
  123.     background-color: #B8B8B8;
  124.     margin-left: 20px;
  125. }
  126.  
  127. .button-container .clear-search-button {
  128.     width: 85px;
  129.     color: #B8B8B8;
  130.     border: 1px solid #B8B8B8;
  131. }
  132.  
  133.  
  134. /*this is the general font color*/
  135. body, span, td, label, p, h3, h4, h5, h6, input, textarea, div, a, a:link, a:visited, a:hover {
  136.     font-size: 14px;
  137.     color: #8e8e8e;
  138.     font-family: "BaseFont-Regular";
  139. }
  140.  
  141. h2 {
  142.     font-size: 18px;
  143. }
  144.  
  145. .dropdown .btn-action:hover, .dropdown .btn-action:active, .dropdown .btn-action:focus,
  146. .dropdown .btn-action:hover .dropdown-text, .dropdown .btn-action:active .dropdown-text, .dropdown .btn-action:focus .dropdown-text {
  147.     background-color: #6c6b6b;
  148.     color: #fff;
  149. }
  150.  
  151. .dropdown-text {
  152.     font-weight: bold !important;
  153. }
  154.  
  155.     .dropdown-text:hover, #dropdownMenu1:hover .dropdown-text {
  156.         color: #fff;
  157.     }
  158.  
  159. .btn-box:hover,
  160. .btn-box:active,
  161. .btn-box:focus,
  162. .btn-box:visited {
  163.     background-color: #6c6b6b;
  164. }
  165.  
  166. .btn-box.active {
  167.     background-color: #c7b299;
  168.     -webkit-box-shadow: none;
  169.     -ms-box-shadow: none;
  170.     box-shadow: none;
  171. }
  172.  
  173. .vertical-sidebar-background {
  174.     background-color: #4e4e4e;
  175.     z-index: 1;
  176. }
  177.  
  178. .horizontal-sidebar-background {
  179.     background-color: #383838;
  180.     border-radius: 0px !important;
  181.     z-index: 1;
  182. }
  183.  
  184. .btn-primary {
  185.     color: white;
  186.     background-color: #c7b299;
  187.     text-transform: uppercase;
  188.     outline: none;
  189.     -moz-border-radius: 2px;
  190.     -webkit-border-radius: 2px;
  191.     -ms-border-radius: 2px;
  192.     border-radius: 2px;
  193.     font-family: "BaseFont-Bold";
  194.     border: 0;
  195.     -webkit-box-shadow: none;
  196.     -ms-box-shadow: none;
  197.     box-shadow: none;
  198.     height: 40px;
  199.     line-height: 40px;
  200.     padding: 0 15px;
  201. }
  202.  
  203.     .btn-primary:hover {
  204.         color: white;
  205.         background-color: #4e4e4e;
  206.     }
  207.  
  208. .btn-secondary {
  209.     color: #c7b299;
  210.     background-color: white;
  211.     border: 1px solid #c7b299;
  212.     text-transform: uppercase;
  213.     outline: none;
  214.     -moz-border-radius: 2px;
  215.     -webkit-border-radius: 2px;
  216.     -ms-border-radius: 2px;
  217.     border-radius: 2px;
  218.     -webkit-box-shadow: none;
  219.     -ms-box-shadow: none;
  220.     box-shadow: none;
  221.     height: 40px;
  222.     line-height: 40px;
  223.     padding: 0 15px;
  224. }
  225.  
  226.     .btn-secondary:hover {
  227.         color: white;
  228.         background-color: #c7b299;
  229.     }
  230.  
  231. .side-panel-item {
  232.     width: 60px;
  233.     height: 50px;
  234.     background-color: #4e4e4e !important;
  235.     font-size: 13px;
  236.     transition: width 200ms ease-in;
  237.     transition: width 80ms ease-out;
  238.     /*transition: width 200ms cubic-bezier(.36,.41,.07,.92);*/
  239. }
  240.  
  241.     .side-panel-item:hover {
  242.         /*width: 180px;*/
  243.         width:210px;
  244.         background-color: #383838 !important;
  245.     }
  246.  
  247.     .side-panel-item:hover ul
  248.     {
  249.         display:block;
  250.         width:150px;
  251.         /*transform:translateX(100px)*/
  252.         visibility:visible;
  253.         opacity:1;
  254.  
  255.     }
  256.  
  257.     .side-panel-item a {
  258.         height: 100%;
  259.         width: 100%;
  260.         cursor: pointer;
  261.         display: block;
  262.         padding-top: 15px;
  263.         position:relative;
  264.     }
  265.  
  266.     .side-panel-item .icon img
  267.     {
  268.         width:100%;
  269.     }
  270.  
  271.     .side-panel-item ul {
  272.         position: absolute;
  273.         right: 0px;
  274.         width: 0px;
  275.         background-color: #847575;
  276.         color: white;
  277.         text-align: center;
  278.         top: 0px;
  279.         visibility: hidden;
  280.         opacity:0;
  281.         z-index: 10;
  282.         animation-duration: 10s;
  283.         animation-delay: 2s;
  284.         /*transition: display 1000ms ease-in;
  285.         transition: display 1000ms ease-out;*/
  286.         transition: visibility .1s, opacity .1s;
  287.     }
  288.  
  289.  
  290.             .side-panel-item a ul li {
  291.                 height: 50px;
  292.                 text-align: center;
  293.                 line-height: 47px;
  294.                 /*background-color: #c7b299;*/
  295.                 background-color: #404040;
  296.                 color: #dddddc;
  297.             }
  298.  
  299.                 .side-panel-item a ul li:first-child {
  300.                     background-color: #383838 !important;
  301.                     cursor:default;
  302.                     color:white;
  303.                     font-size:16px;
  304.                     font-weight:bolder;
  305.                 }
  306.  
  307.                 .side-panel-item a ul li:hover {
  308.                     color: white;
  309.                     font-weight: 700;
  310.                    
  311.                 }
  312.  
  313.  
  314.         .side-panel-item:hover .side-panel-item a ul
  315.         {
  316.             display:block;
  317.         }
  318.  
  319.         .side-panel-item a .icon {
  320.             width: 24px;
  321.             height: 24px;
  322.             -ms-background-size: 24px;
  323.             background-size: 24px;
  324.             display: block;
  325.             margin: 0 auto;
  326.             background-repeat:no-repeat;
  327.         }
  328.  
  329.         .side-panel-item a p {
  330.             color: white;
  331.             margin: 0 auto;
  332.             text-align: center;
  333.             margin-top: 6px;
  334.         }
  335.  
  336. .dashboard-icon {
  337.     width: 60px;
  338.     /*height: 80px;*/
  339.     margin-bottom: 0;
  340.     position: absolute;
  341. }
  342.    
  343. .side-panel-item-active {
  344.     background-color: #c7b299 !important;
  345.     color:white !important;
  346.     font-weight:bolder;
  347. }
  348.  
  349. .active-rectangular {
  350.     width: 5px;
  351.     height: inherit;
  352.     float: left;
  353.     background-color: #383838;
  354.     display: none;
  355. }
  356.  
  357. .side-panel-item-active .active-rectangular
  358. {
  359.     display:block !important;
  360. }
  361. /*tabs logic*/
  362. .tabs {
  363.     position: relative;
  364. }
  365.  
  366.     .tabs ul {
  367.         width: 680px;
  368.         height: auto;
  369.         width: 100%;
  370.     }
  371.  
  372. .tab-container {
  373.     margin-left: 0;
  374. }
  375.  
  376.     .tab-container ul {
  377.         border-bottom: 1px solid #bcbcbc;
  378.         width: 100%;
  379.     }
  380.  
  381. .tab {
  382.     color: #383838;
  383.     background-color: #e5e5e5;
  384.     font-size: 16px;
  385.     width: 200px;
  386.     height: 46px;
  387.     float: left;
  388. }
  389.  
  390.     .tab:hover {
  391.         background-color: #d1d1d1;
  392.     }
  393.  
  394. .ui-tabs-active {
  395.     background-color: #fff;
  396.     border-bottom: 0;
  397.     border-top: 3px #c7b299 solid;
  398.     border-right: 1px solid #e5e5e5;
  399.     border-left: 1px solid #e5e5e5;
  400.     border-bottom: 1px solid white;
  401. }
  402.  
  403. .tab a {
  404.     width: 100%;
  405.     display: block;
  406.     height: 46px;
  407. }
  408.  
  409. .tab .tabs-entry {
  410.     height: 46px;
  411.     line-height: 46px;
  412.     display: table;
  413.     margin: 0 auto;
  414.     text-transform: uppercase;
  415. }
  416.  
  417.     .tab .tabs-entry span {
  418.         line-height: 46px;
  419.         float: right;
  420.         margin-top: 1px;
  421.         text-transform: uppercase;
  422.     }
  423.  
  424. .ui-tabs-active .tabs-entry span {
  425. }
  426.  
  427.  
  428. .tab img {
  429.     height: 22px;
  430.     margin-right: 11px;
  431. }
  432.  
  433. /*end tabs logic*/
  434.  
  435. .footer {
  436.     width: 100%;
  437.     height: 60px;
  438.     position: absolute;
  439.     bottom: 0;
  440.     margin: 0;
  441. }
  442.  
  443.     .footer p {
  444.         margin: 0;
  445.         padding: 0;
  446.         color: #383838;
  447.         background-color: #e2e2e2;
  448.         font-size: 12px;
  449.         padding-right: 20px;
  450.         line-height: 60px;
  451.         text-align: right;
  452.     }
  453.  
  454. /*hello username part*/
  455. #user-container {
  456.     font-size: 13px;
  457. }
  458.  
  459. /*.tab {
  460.     border: 1px solid #8e8e8e;
  461.     color: #fff;
  462.     padding: 22px 132px;
  463.     background-color: #8e8e8e;
  464.     font-size: 16px;
  465. }*/
  466.  
  467.  
  468.  
  469. .sidebar {
  470.     background-color: #4e4e4e;
  471.     font-size: 13px;
  472. }
  473.  
  474. .username {
  475.     font-size: 13px;
  476. }
  477.  
  478.  
  479. .logo {
  480.     background-color: #383838;
  481. }
  482.  
  483. .icon {
  484.     color: #999999;
  485.     width: 18px;
  486.     height: 18px;
  487.     -ms-background-size: 18px;
  488.     background-size: 18px;
  489.     padding: 0;
  490.     display: inline-block;
  491. }
  492.  
  493. .btn-box .icon {
  494.     display: block;
  495.     margin: 0 auto;
  496.     height: 24px;
  497.     width: 24px;
  498.     -ms-background-size: 24px;
  499.     background-size: 24px;
  500.     margin-bottom: 7px;
  501. }
  502.  
  503.  
  504. .icon.selected {
  505.     color: #c7b299;
  506. }
  507.  
  508. .icon:hover {
  509.     color: #6c6b6b;
  510. }
  511.  
  512. .icon-edit {
  513.     background-image: url("/Images/icons/edit.png");
  514. }
  515.  
  516. .icon-assign {
  517.     background-image: url("/Images/icons/assign.png");
  518. }
  519.  
  520. .icon-account-info {
  521.     background-image: url("/Images/icons/account_info.png");
  522. }
  523.  
  524.  
  525. .icon-status-active {
  526.     background-image: url("/Images/icons/active.png");
  527. }
  528.  
  529. .icon-administration {
  530.     background-image: url("/Images/icons/administrator.png");
  531.     position: relative;
  532.     top: 4px;
  533. }
  534.  
  535. .icon-statistics {
  536.     background-image: url("/Images/icons/statistics.png");
  537. }
  538.  
  539. .icon-status-deactive {
  540.     background-image: url("/Images/icons/deactive.png");
  541. }
  542.  
  543. .icon-upload {
  544.     background-image: url("/Images/upload.png");
  545. }
  546.  
  547. .icon-check {
  548.     background-image: url("/Images/icons/check.png");
  549. }
  550.  
  551. .icon-disable {
  552.     background-image: url("/Images/icons/disable.png");
  553. }
  554.  
  555. .icon-groups {
  556.     background-image: url("/Images/icons/groups.png");
  557. }
  558.  
  559. .icon-user {
  560.     background-image: url("/Images/icons/user.png");
  561. }
  562.  
  563. .icon-courses {
  564.     background-image: url("/Images/icons/courses.png");
  565. }
  566.  
  567. .icon-up-arrow {
  568.     background-image: url("/Images/icons/arrow-up.png");
  569. }
  570.  
  571. .icon-down-arrow {
  572.     background-image: url("/Images/icons/arrow.png");
  573. }
  574.  
  575. .icon-arrow-pagination {
  576.     background-image: url("/Images/icons/arrow pagination@2x.png");
  577. }
  578.  
  579. .icon-dashboard {
  580.     /*background-image: url("/Images/icons/dashboard_white@2x.png");*/
  581.     background-image: url('../../Images/icons/dashboard@4x.png');
  582. }
  583.  
  584. .icon-settings {
  585.     /*background-image: url("/Images/icons/settings_white@2x.png");*/
  586.     background-image: url('/Images/icons/settings@4x.png');
  587. }
  588.  
  589. .icon-settings-table {
  590.     background-image: url("/Images/icons/settings@2x.png");
  591. }
  592.  
  593. .icon-overview {
  594.     background-image: url("/Images/icons/overview.png");
  595. }
  596.  
  597. .icon.reverse {
  598.     -webkit-transform: rotate(180deg);
  599.     -moz-transform: rotate(180deg);
  600.     -ms-transform: rotate(180deg);
  601.     -o-transform: rotate(180deg);
  602.     transform: rotate(180deg);
  603. }
  604.  
  605. .icon-to-do-course {
  606.     background-image: url("/Images/icons/to_do@2x.png");
  607. }
  608.  
  609. .icon-optional-course {
  610.     background-image: url("/Images/icons/optional@2x.png");
  611. }
  612.  
  613. .icon-quiz {
  614.     background-image: url("/Images/icons/quiz.png");
  615. }
  616.  
  617. .icon-completed-course {
  618.     background-image: url("/Images/icons/completed@2x.png");
  619. }
  620.  
  621. .icon-status-active {
  622.     background-image: url("/Images/icons/active.png");
  623. }
  624.  
  625. .icon-status-deactive {
  626.     background-image: url("/Images/icons/deactive.png");
  627. }
  628.  
  629. .icon-edit {
  630.     background-image: url("/Images/icons/edit.png");
  631. }
  632.  
  633. .icon-check {
  634.     background-image: url("/Images/icons/check.png");
  635. }
  636.  
  637. .icon-checked {
  638.     background-image: url("/Images/icons/checkbox.png");
  639. }
  640.  
  641. .icon-undefined {
  642.     background-image: url("/Images/icons/undefined.png");
  643. }
  644.  
  645. .icon-uncheked {
  646.     background-image: url("/Images/icons/uncheked.png");
  647. }
  648.  
  649. .icon-disable {
  650.     background-image: url("/Images/icons/disable.png");
  651. }
  652.  
  653. .icon-groups {
  654.     background-image: url("/Images/icons/groups.png");
  655. }
  656.  
  657. .icon-user {
  658.     background-image: url("/Images/icons/user.png");
  659. }
  660.  
  661. .icon-statistics {
  662.     background-image: url("/Images/icons/statistics.png");
  663. }
  664.  
  665. .icon-courses {
  666.     background-image: url("/Images/icons/courses.png");
  667. }
  668.  
  669. .icon-down-arrow {
  670.     background-image: url("/Images/icons/arrow.png");
  671. }
  672.  
  673. .icon-arrow-pagination {
  674.     background-image: url("/Images/icons/arrow-pagination.png");
  675. }
  676.  
  677. .icon-overview {
  678.     background-image: url("/Images/icons/overview@2x.png");
  679. }
  680.  
  681. .icon.reverse {
  682.     -webkit-transform: rotate(180deg);
  683.     -moz-transform: rotate(180deg);
  684.     -ms-transform: rotate(180deg);
  685.     -o-transform: rotate(180deg);
  686.     transform: rotate(180deg);
  687. }
  688.  
  689. .icon-button {
  690.     border: 0;
  691.     background-color: transparent;
  692.     text-indent: -9999px;
  693.     margin-left: 7px;
  694. }
  695.  
  696. .chapter {
  697.     background-color: #b5b5b5;
  698.     color: #fff;
  699.     margin-bottom: 10px;
  700. }
  701.  
  702.     .chapter:hover {
  703.         background-color: #c7b299;
  704.     }
  705.  
  706. /*table area*/
  707.  
  708. .table {
  709.     border: 2px solid #e5e5e5;
  710.     margin-bottom: 0;
  711.     margin-bottom: 10px;
  712. }
  713.  
  714.     .table thead tr {
  715.         background: #f0ede6;
  716.         height: 46px;
  717.     }
  718.  
  719.     .table > thead > tr > th {
  720.         padding-top: 18px;
  721.         padding-bottom: 16px;
  722.         font-size: 14px;
  723.         color: #383838;
  724.         letter-spacing: 0;
  725.         text-align: justify;
  726.     }
  727.  
  728.     .table > tbody > tr > td {
  729.         font-size: 13px;
  730.         letter-spacing: 0;
  731.         text-align: justify;
  732.         border-top: 0;
  733.         line-height: 24px;
  734.         padding: 5px !important;
  735.         border-bottom: 1px solid #ddd;
  736.     }
  737.  
  738.         .table > thead > tr > th:first-child,
  739.         .table > tbody > tr > td:first-child {
  740.             padding-left: 31px !important;
  741.         }
  742.  
  743.         .table > thead > tr > th:last-child,
  744.         .table > tbody > tr > td:last-child {
  745.             padding-right: 31px;
  746.         }
  747.  
  748. @media screen and (max-width: 1400px) {
  749.     .table > thead > tr > th:last-child,
  750.     .table > tbody > tr > td:last-child {
  751.         padding-right: 1px;
  752.     }
  753. }
  754.  
  755.  
  756. .table > tbody > tr:hover > td {
  757.     color: #6c6b6b;
  758. }
  759.  
  760. .table > tbody > tr:hover {
  761.     background-color: #eeeeee;
  762. }
  763.  
  764. .table > tbody > tr > td > .icon {
  765.     margin-left: 18px;
  766. }
  767.  
  768. .table > tbody > tr > td > .icon {
  769.     margin-left: 4px;
  770. }
  771.  
  772. @media screen and (max-width: 1400px) {
  773.     .table > tbody > tr > td > .icon:first-child {
  774.         margin-left: 0;
  775.     }
  776.  
  777.     .table > tbody > tr > td > .icon:last-child {
  778.         margin-right: 3px;
  779.     }
  780. }
  781.  
  782.  
  783. .table > tfoot > tr > td {
  784.     border-top: 0;
  785.     padding-left: 28px;
  786.     padding-top: 17px;
  787.     padding-bottom: 35px;
  788. }
  789.  
  790. .table thead tr th {
  791.     font-family: "BaseFont-Bold";
  792.     color: #383838;
  793.     text-transform: uppercase;
  794.     cursor: pointer;
  795. }
  796.  
  797. .table tbody tr {
  798.     height: 36px;
  799. }
  800.  
  801.     .table tbody tr td {
  802.         max-width: 300px;
  803.     }
  804.  
  805.     .table tbody tr:hover {
  806.         background-color: #eeeeee;
  807.     }
  808.  
  809.         .table tbody tr:hover td {
  810.             color: #383838;
  811.         }
  812.  
  813. .icon.icon-down-arrow {
  814.     -ms-background-size: 10px;
  815.     background-size: 10px;
  816.     height: 10px;
  817.     width: 10px;
  818.     margin-left: 7px;
  819. }
  820.  
  821. .icon.icon-up-arrow {
  822.     -ms-background-size: 10px;
  823.     background-size: 10px;
  824.     height: 10px;
  825.     width: 10px;
  826.     margin-left: 7px;
  827. }
  828.  
  829. .pagination-number {
  830.     border: 0;
  831.     background-color: transparent;
  832.     font-size: 12px;
  833.     color: #8e8e8e;
  834. }
  835.  
  836. .icon.icon-arrow-pagination {
  837.     width: 20px;
  838.     height: 20px;
  839.     -ms-background-size: 20px 20px;
  840.     background-size: 20px 20px;
  841. }
  842.  
  843. /*end table area*/
  844. .margin-top-0 {
  845.     margin-top: 0 !important;
  846. }
  847.  
  848.  
  849. .margin-top-5 {
  850.     margin-top: 5px;
  851. }
  852.  
  853. .margin-top-10 {
  854.     margin-top: 10px;
  855. }
  856.  
  857. .margin-top-15 {
  858.     margin-top: 15px;
  859. }
  860.  
  861. .margin-top-20 {
  862.     margin-top: 20px;
  863. }
  864.  
  865. .margin-top-25 {
  866.     margin-top: 25px;
  867. }
  868.  
  869. .margin-top-30 {
  870.     margin-top: 30px;
  871. }
  872.  
  873. .margin-left-5 {
  874.     margin-left: 5px;
  875. }
  876.  
  877.  
  878. .margin-left-10 {
  879.     margin-left: 10px;
  880. }
  881.  
  882. .margin-left-15 {
  883.     margin-left: 15px;
  884. }
  885.  
  886. .margin-left-20 {
  887.     margin-left: 20px !important;
  888. }
  889.  
  890. .margin-left-25 {
  891.     margin-left: 25px;
  892. }
  893.  
  894. .margin-left-30 {
  895.     margin-left: 30px;
  896. }
  897.  
  898.  
  899. .margin-left-50 {
  900.     margin-left: 50px !important;
  901. }
  902.  
  903. .margin-bottom-0 {
  904.     margin-bottom: 0 !important;
  905. }
  906.  
  907. .margin-bottom-10 {
  908.     margin-bottom: 10px;
  909. }
  910.  
  911. .margin-bottom-15 {
  912.     margin-bottom: 15px;
  913. }
  914.  
  915. .margin-bottom-20 {
  916.     margin-bottom: 20px;
  917. }
  918.  
  919. .margin-bottom-25 {
  920.     margin-bottom: 25px;
  921. }
  922.  
  923. .margin-bottom-30 {
  924.     margin-bottom: 30px;
  925. }
  926.  
  927. .margin-right-10 {
  928.     margin-right: 10px;
  929. }
  930.  
  931. .margin-right-15 {
  932.     margin-right: 15px;
  933. }
  934.  
  935. .margin-right-20 {
  936.     margin-right: 20px;
  937. }
  938.  
  939. .margin-right-auto {
  940.     margin-right: auto;
  941. }
  942.  
  943. .margin-right-25 {
  944.     margin-right: 25px;
  945. }
  946.  
  947. .margin-right-30 {
  948.     margin-right: 30px;
  949. }
  950.  
  951. #main-content {
  952.     margin-left: 20px;
  953. }
  954.  
  955. .button-container {
  956.     margin-bottom: 30px;
  957.     margin-top: 40px;
  958.     float: left;
  959.     width: 100%;
  960. }
  961.  
  962. #table, .table {
  963.     /*margin-left: 20px;*/
  964. }
  965.  
  966. .clear-left {
  967.     clear: left;
  968. }
  969.  
  970. .clear-right {
  971.     clear: right;
  972. }
  973.  
  974. .clear-both {
  975.     clear: both;
  976. }
  977.  
  978. .main-heading {
  979.     width: 100%;
  980.     height: 80px;
  981.     background: #f0ede6;
  982. }
  983.  
  984.     .main-heading p {
  985.         line-height: 80px;
  986.         text-transform: uppercase;
  987.         font-family: BaseFont-Bold;
  988.         font-size: 22px;
  989.         float: left;
  990.     }
  991.  
  992.     .main-heading span {
  993.         font-size: 22px;
  994.         line-height: 80px;
  995.         float: left;
  996.         margin-left: 10px;
  997.     }
  998.  
  999.  
  1000. .entity-container {
  1001.     /*width: 100%;*/
  1002.     margin-left: 30px;
  1003.     margin-right: 30px;
  1004.     clear: left;
  1005.     margin-top: 30px;
  1006. }
  1007.  
  1008.     .entity-container .entity-column {
  1009.         width: 33%;
  1010.         float: left;
  1011.     }
  1012.  
  1013.         .entity-container .entity-column .row-entry {
  1014.             float: left;
  1015.             clear: left;
  1016.             margin-bottom: 20px;
  1017.             position: relative;
  1018.         }
  1019.  
  1020.             .entity-container .entity-column .row-entry .field-validation-error span {
  1021.                 position: absolute;
  1022.                 color: #F00;
  1023.                 bottom: -22px;
  1024.                 right: 0;
  1025.                 font-size: 13px;
  1026.             }
  1027.  
  1028.  
  1029.             .entity-container .entity-column .row-entry label {
  1030.                 font-size: 15px;
  1031.                 width: 170px;
  1032.                 text-align: left;
  1033.                 float: left;
  1034.                 color:#484848 !important;
  1035.                 width:100%;
  1036.             }
  1037.  
  1038.             .entity-container .entity-column .row-entry input[type="file"]
  1039.             {
  1040.                 width:100%;
  1041.             }
  1042.            
  1043.             .entity-container .entity-column .row-entry input {
  1044.                 height: 34px;
  1045.                 float: left;
  1046.                 clear: left;
  1047.                 padding: 0 10px;
  1048.                 /*border: 1px solid #e5e5e5;*/
  1049.                 border: 2px solid #e1e1e1;
  1050.                 -ms-border-radius: 2px;
  1051.                 border-radius: 2px;
  1052.                 width: 300px;
  1053.                 -webkit-box-shadow: none !important;
  1054.                 -ms-box-shadow: none !important;
  1055.                 box-shadow: none !important;
  1056.             }
  1057.  
  1058.             .entity-container .entity-column .row-entry select {
  1059.                 height: 40px;
  1060.                 float: left;
  1061.                 clear: left;
  1062.                 padding: 0 10px;
  1063.                 border: 2px solid #e1e1e1;
  1064.                 -ms-border-radius: 0;
  1065.                 border-radius: 0;
  1066.                 width: 300px;
  1067.                 -webkit-box-shadow: none !important;
  1068.                 -ms-box-shadow: none !important;
  1069.                 box-shadow: none !important;
  1070.             }
  1071.  
  1072.             .entity-container .entity-column .row-entry .checkbox-control {
  1073.                 float: left !important;
  1074.                 clear: none !important;
  1075.                 width: auto !important;
  1076.                 height: 16px !important;
  1077.                 margin-right: 10px;
  1078.             }
  1079.  
  1080. .upload-btn-wrapper {
  1081.     position: relative;
  1082.     overflow: hidden;
  1083.     display: inline-block;
  1084.     cursor: pointer !important;
  1085. }
  1086.  
  1087. .upload-btn {
  1088.     border: 2px solid #e1e1e1;
  1089.     color: gray;
  1090.     background-color: white;
  1091.     /* padding: 8px 20px; */
  1092.     border-radius: 2px;
  1093.     /* font-size: 20px; */
  1094.     font-weight: bold;
  1095.     cursor: pointer !important;
  1096.     height: 34px;
  1097.     /* line-height: 34px; */
  1098. }
  1099.  
  1100. .upload-btn-wrapper input[type=file] {
  1101.     font-size: 100px;
  1102.     position: absolute;
  1103.     left: 0;
  1104.     top: 0;
  1105.     opacity: 0;
  1106. }
  1107.  
  1108. .heading-with-background {
  1109.     background: #f0ede6;
  1110.     /*background: #f3f3f3;*/
  1111.     height: 50px;
  1112.     line-height: 50px;
  1113.     padding-left: 20px;
  1114.     clear: left;
  1115.     float: left;
  1116.     width: 100%;
  1117.     /*margin-top: 10px;*/
  1118. }
  1119.  
  1120.     .heading-with-background p {
  1121.         font-size: 16px;
  1122.     }
  1123.  
  1124. .container-after-heading {
  1125.     background-color: #ffffff;
  1126.     border-left: 1px solid #e5e5e5;
  1127.     border-right: 1px solid #e5e5e5;
  1128.     border-bottom: 1px solid #e5e5e5;
  1129.     float: left;
  1130.     width: 100%;
  1131. }
  1132.  
  1133. .field-validation-error span {
  1134.     color: red;
  1135.     font-size: 11px;
  1136.     position: absolute;
  1137. }
  1138.  
  1139. #loading-gif-modal {
  1140.     margin: 0 auto;
  1141.     position: absolute;
  1142.     left: 46%;
  1143.     top: -40px;
  1144. }
  1145.  
  1146. .modal-title-container .close {
  1147.     color: red !important;
  1148.     position: absolute !important;
  1149.     border: none !important;
  1150.     background-color: transparent !important;
  1151.     top: 10px !important;
  1152.     right: 20px !important;
  1153.     font-size: 38px !important;
  1154.     color: red;
  1155.     -ms-opacity: 1;
  1156.     opacity: 1;
  1157. }
  1158.  
  1159. .bold-page-number {
  1160.     font-weight: bolder;
  1161.     color: black !important;
  1162. }
  1163.  
  1164. .display-none {
  1165.     display: none !important;
  1166. }
  1167.  
  1168. #see-course-button {
  1169.     color: white !important;
  1170.     font-weight: bold;
  1171. }
  1172.  
  1173. #administrators-content {
  1174.     overflow-y: auto;
  1175. }
  1176.  
  1177.     #administrators-content .administration-table {
  1178.         max-height: 420px;
  1179.         overflow: auto;
  1180.         margin-bottom:25px;
  1181.     }
  1182.  
  1183. .notes-label {
  1184.     font-size: 15px;
  1185.     color: #313642;
  1186.     width: 170px;
  1187.     text-align: left;
  1188.     float: left;
  1189. }
  1190.  
  1191. #user-note {
  1192.     float: left;
  1193.     /* margin-top: 25px; */
  1194.     /* margin-left: -46px; */
  1195.     width: 430px;
  1196.     height: 253px;
  1197.     border: 1px solid #e5e5e5;
  1198.     resize: none;
  1199.     clear: left;
  1200.     padding-left: 10px;
  1201.     margin-bottom: 10px;
  1202. }
  1203.  
  1204. #text-area-container {
  1205.     float: left;
  1206.     clear: both;
  1207. }
  1208.  
  1209.     #text-area-container > textarea {
  1210.         width: 620px;
  1211.     }
  1212.  
  1213. .breadcrumb > li:last-child {
  1214.     font-weight: bold;
  1215. }
  1216.  
  1217. .breadcrumb > li + li::before {
  1218.     font-weight: normal;
  1219. }
  1220.  
  1221. .bootstrap-dialog-title {
  1222.     font-weight: bold;
  1223.     color: #383838;
  1224. }
  1225.  
  1226.  
  1227. input::-webkit-input-placeholder {
  1228.     color: #b6b6b6;
  1229. }
  1230.  
  1231. input:-moz-placeholder {
  1232.    
  1233.     color: #b6b6b6;
  1234. }
  1235.  
  1236. input::-moz-placeholder {
  1237.    
  1238.     color: #b6b6b6;
  1239. }
  1240.  
  1241. input:-ms-input-placeholder {
  1242.    
  1243.     color: #b6b6b6;
  1244. }
  1245.  
  1246. input::-ms-input-placeholder {
  1247.     color: #b6b6b6;
  1248. }
  1249.  
  1250. textarea::-webkit-input-placeholder {
  1251.     color: #b6b6b6;
  1252. }
  1253.  
  1254. textarea:-moz-placeholder {
  1255.    
  1256.     color: #b6b6b6;
  1257. }
  1258.  
  1259. textarea::-moz-placeholder {
  1260.    
  1261.     color: #b6b6b6;
  1262. }
  1263.  
  1264. textarea:-ms-input-placeholder {
  1265.    
  1266.     color: #b6b6b6;
  1267. }
  1268.  
  1269. textarea::-ms-input-placeholder {
  1270.     color: #b6b6b6;
  1271. }
  1272.  
  1273. input[type="text"], input[type="number"], input[class="datepicker"], .btn-primary, .btn-secondary, .btn, select, .page-button {
  1274.     height: 34px !important;
  1275.     /*line-height: 34px !important;*/
  1276. }
  1277.  
  1278. input[type="number"], .btn, .page-button, .btn-primary, .btn-secondary {
  1279.     line-height: 34px !important;
  1280. }
  1281.  
  1282.  
  1283. .animation-2-sec {
  1284.     animation-duration: 2s;
  1285. }
  1286.  
  1287. .animation-1-sec {
  1288.     animation-duration: 1s;
  1289. }
  1290.  
  1291. .animation-infinite {
  1292.     animation-iteration-count: infinite;
  1293. }
  1294.  
  1295. .animation-once {
  1296.     animation-iteration-count: 1;
  1297. }
  1298.  
  1299. .pulsate {
  1300.     animation-name: pulsate;
  1301.     animation-timing-function: cubic-bezier(.36,.41,.07,.92);
  1302. }
  1303.  
  1304. @keyframes pulsate {
  1305.     0% {
  1306.         transform: scale(1,1)
  1307.     }
  1308.  
  1309.     50% {
  1310.         transform: scale(1.2,1.1);
  1311.     }
  1312.  
  1313.     100% {
  1314.         transform: scale(1,1)
  1315.     }
  1316. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!