src/ApplicationBundle/Resources/views/framework/_sf_toolbar_css.html.twig line 1

Open in your IDE?
  1. {#
  2.   framework/_sf_toolbar_css.html.twig
  3.   ==========================================================================
  4.   Shared block: .sf-toolbar, .dt-buttons, .dt-gen-button .fa, .dataTables_filter
  6.   De-duplicated from 2 templates. Lifted VERBATIM — same rules, same order —
  7.   and each call site keeps the include AT THE POSITION its <style> occupied, so
  8.   the cascade is unchanged. This is a de-duplication, not a restyle.
  10.   Self-contained: the block interpolates nothing from the surrounding context.
  12.   NOTE: included from CompanyGroupBundle templates as well as ApplicationBundle
  13.   ones. Both bundles share one Twig environment so @Application resolves from
  14.   either; those templates are near-copies of each other to begin with.
  15.   ==========================================================================
  16. #}
  17. <style>
  19.         {% if app.session.get('devAdminMode') !=1 %}
  20.         .sf-toolbar {
  21.             display: none !important;
  22.         }
  24.         {% endif %}
  26.         .dt-buttons {
  27.             position: initial;
  28.             width: 70%;
  29.             /* margin-left: 20%; */
  30.             margin-bottom: 1rem;
  31.             /* margin-right: auto; */
  32.             background: #dee2e6
  33.         }
  35.         .dt-gen-button .fa {
  36.             margin: 1px 0 3px 5px;
  37.         }
  39.         .dataTables_filter {
  40.             display: inline-flex;
  41.             float: right;
  42.             width: 30%;
  43.             flex-direction: row-reverse;
  44.         }
  46.         .dt-buttons .dt-gen-button {
  47.             float: right;
  48.             /*float: none;*/
  49.             /*width: 20% !important;*/
  50.             /*width: 20% !important;*/
  51.             /*max-width: 94px;*/
  52.             /*margin-left:20px !important;*/
  53.         }
  55.         body.has_admin_bar {
  56.             font-size: var(--cp-fs-xs);
  57.             /*min-height: 71vh;;*/
  58.         }
  61.         body.has_admin_bar section:first-of-type {
  62.             margin-left: 240px;
  63.             min-height: 71vh;;
  64.         }
  66.         body.has_admin_bar footer {
  67.             padding-left: 240px;
  68.             /*min-height: 71vh;;*/
  69.         }
  71.         section.move_for_sidebar {
  72.             min-height: 71vh;;
  73.         }
  75.         .move_for_sidebar {
  76.             margin-left: 240px;
  77.         }
  79.         section.move_for_sidebar {
  80.             min-height: 71vh;;
  81.         }
  83.         .buddybee_admin_sidebar {
  84.             position: fixed;
  85.             padding-top: 140px !important;
  86.             height: 100vh;;
  87.             /*z-index: 99999;*/
  88.         }
  90.         .selectize-control {
  91.             display: inline-flex;
  92.             min-width: 224px;
  93.         }
  95.         .selectize-control.searchbox.small_search {
  96.             display: none;;
  97.         }
  99.         @-moz-document url-prefix() {
  101.             .selectize-control {
  103.                 width: 88%;
  104.                 float: left;
  105.             }
  106.         }
  108.         .selectize-input.items {
  109.             border: none;
  110.             box-shadow: none;
  111.             background: none;
  112.         }
  114.         .selectize-input > input[placeholder] {
  115.             box-sizing: initial;
  116.             width: 100% !important;
  117.             font-size: var(--cp-fs-lg, 16px);
  118.             /*color: rgb(221, 221, 221);*/
  119.             color: #716767;
  120.             margin-left: 15px;
  121.         }
  123.         .align_center {
  124.             text-align: center;
  125.         }
  127.         .align_right, .trans_amount {
  128.             text-align: right;
  129.         }
  131.         .align_left {
  132.             text-align: left;
  133.         }
  135.         .pagination-div li:not(:first-child) a {
  136.             margin-left: -1px;
  137.         }
  139.         .pagination-div li a {
  140.             color: #818181;
  141.             border: 1px solid #1d5b9e33;
  142.         }
  144.         .pagination-div li a {
  145.             padding: .375rem .75rem;
  146.         }
  148.         .pagination-div li a {
  149.             position: relative;
  150.             display: block;
  151.             color: #818181;
  152.             text-decoration: none;
  153.             background-color: #fff;
  154.             border: 1px solid #dee2e6;
  155.             transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  156.         }
  158.         .pagination-div li a:not([href]):not([class]):hover {
  159.             color: #fff;
  160.             text-decoration: none;
  161.         }
  163.         .pagination-div li a:not([href]):not([class]) {
  164.             color: #818181;
  165.             text-decoration: none;
  166.             cursor: pointer;
  167.         }
  169.         .pagination-div li.active a:not([href]):not([class]) {
  170.             color: #fff;
  171.             background: #1B6CB4;
  172.             border: 1px solid #1B6CB4;
  173.             transition: 0.7s ease-in-out;
  174.         }
  176.         .selectize-control.consultantSearch.small_search {
  177.             width: 80%;
  178.         }
  180.         /*.selectize-dropdown-content{*/
  181.         /*    width: 280px;*/
  182.         /*    padding: 20px;*/
  183.         /*}*/
  184.         /*.mainDiv{*/
  185.         /*    width: 280px;*/
  186.         /*}*/
  187.         .selectize-input.items.not-full input[type="text"]::-webkit-input-placeholder {
  188.             /*text-align: center;*/
  189.         }
  191.         .nav-menu {
  192.             z-index: 99999;
  193.             position: fixed;
  194.             width: 100%;
  195.             background: white;
  196.         }
  198.         section:first-of-type {
  199.             padding-top: 186px;
  200.         }
  202.         .banner {
  203.             padding-top: 128px !important;
  204.         }
  206.         .btn-primary {
  207.             color: #fff;
  208.             background-color: #1d5b9e;
  209.             border-color: #1d5b9e;
  210.         }
  212.         .text-green {
  213.             color: green;
  214.         }
  216.         .text-red {
  217.             color: red;
  218.         }
  220.         .error_class {
  221.             border: 1px solid #b94d4d !important;
  222.         }
  224.         .rel_form_submit {
  225.             width: 100%;
  226.             margin-left: 0%;
  227.             border-radius: 4px;
  228.             font-size: 14px;
  229.             font-weight: 600;
  230.             background: #DDDDDD !important;
  231.             color: #737373 !important;
  232.             font-family: 'Poppins', sans-serif;
  233.             text-transform: initial !important;
  234.         }
  236.         .rel_form_submit.ready {
  237.             background: #1d5b9e !important;
  239.             color: white !important;;
  241.         }
  243.         .small_error_text {
  244.             display: none;
  245.             margin: 0px;
  246.             margin-top: 1px;
  247.             color: #f76e6e;
  248.             font-size: 12px;
  249.             padding-left: 0rem;
  250.         }
  252.         .small_error_icon {
  253.             display: none;
  254.             color: #7394bb;
  255.             /*color: #b16a6a;*/
  257.         }
  259.         .small_error_icon.error {
  260.             /*display: none;*/
  261.             color: #f76e6e;
  262.         }
  264.         .small_error_icon.success {
  265.             /*display: none;*/
  266.             color: #4ceba9;
  267.         }
  269.         .login-inputs.inside_tablet_full_div {
  270.             background-size: cover;
  271.             margin: auto;
  272.             height: 700px;
  273.             width: 738px;
  274.         }
  276.         .login-inputs.inside_tablet_full_div .inside_screen {
  277.             width: 65%;
  278.             display: inline-block;
  279.             /*border: 1px solid black;*/
  280.             padding: 87px 62px 0;
  281.         }
  283.         .filter-divider {
  284.             margin-left: 0px;
  285.         }
  287.         .small_search .selectize-dropdown {
  289.             border-radius: 35px;
  290.             overflow: hidden !important;
  291.         }
  293.         .small_search:not(.searchbox) .selectize-dropdown {
  294.             top: 210% !important;
  296.         }
  298.         .small_search.searchbox .selectize-dropdown {
  299.             top: 116% !important;
  300.             width: 256px !important;
  302.         }
  304.         .small_search .selectize-dropdown-content {
  305.             padding: 20px;;
  306.             overflow-y: auto;;
  307.             max-height: 90vh !important;
  308.         }
  310.         .small_search .selectize-dropdown-content::-webkit-scrollbar-button {
  311.             display: none !important;;
  312.         }
  314.         .small_search .selectize-dropdown-content::-webkit-scrollbar-thumb {
  315.             background: #000 !important;
  316.         }
  318.         .small_search .selectize-input.input-active {
  319.             background: none !important;;
  320.         }
  322.         .small_search .selectize-input.dropdown-active::before {
  323.             content: " ";
  324.             display: none;;
  325.             position: absolute;
  326.             background: #ffffff;
  327.             height: 1px;
  328.             bottom: 0;
  329.             left: 0;
  330.             right: 0;
  331.         }
  333.         .selectize-dropdown-content .mainDiv {
  334.             padding: 10px;
  335.         }
  337.         .selectize-dropdown-content .mainDiv .name {
  338.             font-size: 14px;
  339.             /*font-weight: normal;*/
  340.         }
  342.         .selectize-dropdown-content .mainDiv .description {
  343.             font-size: 12px;
  344.             font-weight: normal;
  345.         }
  347.         .modal {
  348.             z-index: 99999;
  349.         }
  351.         /*@media (min-width: 576px) {*/
  352.         /*.modal-dialog {*/
  353.         /*max-width: 500px;*/
  354.         /*margin: 8.75rem auto;*/
  356.         /*}*/
  357.         /*}*/
  359.         #rescheduleModal .form-select {
  360.             padding: 0.375rem 0 .375rem 0;
  361.         }
  363.         .consultant-card {
  364.             cursor: pointer;
  365.         }
  367.         #calTbody .a-date.event:before {
  368.             display: none !important;
  369.         }
  371.         #calTbody .a-date, #calThead > div {
  373.             min-width: calc(85% / 7) !important;
  374.             max-width: calc(100% / 7) !important;
  375.             width: calc(100% / 7) !important;
  376.             /*text-align: center;*/
  377.             margin: 1%;
  378.         }
  380.         .schedule_available {
  381.             background-color: #5fb57d !important;
  382.             color: white !important;
  383.         }
  385.         .schedule_not_available {
  386.             background-color: grey !important;
  387.             color: white !important;
  388.         }
  390.         #buddybee_preloader {
  391.             position: fixed;
  392.             top: 0;
  393.             bottom: 0;
  394.             right: 0;
  395.             left: 0;
  396.             background-color: white;
  397.         {#background: url("{{ url('dashboard') }}buddybee_assets/images/resized_buddybee.gif");#} z-index: 999999;
  398.             /*background-size: cover !important;*/
  399.             /*background-position: center !important;*/
  401.         }
  403.         #buddybee_preloader div {
  405.             background: url("{{ url('dashboard') }}buddybee_assets/images/resized_buddybee.gif?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}");
  406.             width: 20vh;
  407.             height: 20vh;
  408.             margin: auto;
  409.             margin-top: 40vh;
  410.             border-radius: 50%;
  412.             background-size: cover !important;
  413.             background-position: center !important;
  415.         }
  417.         #buddybee_processing_loader {
  418.             position: fixed;
  419.             top: 0;
  420.             bottom: 0;
  421.             right: 0;
  422.             left: 0;
  423.             background-color: #ffffffad;
  424.         {#background: url("{{ url('dashboard') }}buddybee_assets/images/resized_buddybee.gif");#} z-index: 999999;
  425.             display: none;
  426.             /*background-size: cover !important;*/
  427.             /*background-position: center !important;*/
  429.         }
  431.         #buddybee_processing_loader div {
  433.             background: url(http://honeybee/buddybee_assets/images/resized_buddybee.gif?version=1.3.110);
  434.             width: 20vh;
  435.             height: 20vh;
  436.             margin: auto;
  437.             margin-top: 40vh;
  438.             border-radius: 16px;
  439.             background-size: 80%;
  440.             background-repeat: no-repeat;
  441.             background-position: top !important;
  442.             /* border: 1px solid red; */
  443.             background-color: white;
  445.         }
  447.         #buddybee_processing_loader p {
  449.             text-align: center !important;
  450.             color: #1d5b9e;
  451.             text-transform: uppercase;
  452.             padding-top: 16vh;
  453.             font-weight: bold;
  455.         }
  457.         .sweet-alert button.confirm {
  458.             background-color: rgb(26 93 160) !important;
  459.         }
  461.         .cta {
  462.             display: none;;
  463.             border-radius: 50px;
  464.             border: 2px solid #e9ecef;
  465.             min-width: 44px;
  466.             text-align: center;
  467.             position: fixed;
  468.             top: 50%;
  469.             background: white;
  470.             color: #121212 !important;
  471.             right: 15px;
  472.             padding: 0.5rem 1rem;
  474.         }
  476.         .cta.twus {
  477.             top: 80%;
  478.             display: flex !important;
  480.         }
  482.         .cta span {
  484.             transition: width 2s ease-in-out 5s;
  485.         }
  487.         /*.cta.floating*/
  488.         .cta:hover {
  489.             /*border-radius: 50px;*/
  490.             /*border: 2px solid white;*/
  491.             color: #4b4b4b !important;
  492.         }
  494.         .cta.floating i
  495.             /*.cta:hover span*/
  496.         {
  497.             /*display: none;*/
  498.         }
  500.         @media (min-width: 320px) and (max-width: 480px) {
  501.             .cta.book_now_cta {
  502.                 border: 2px solid #1d5b9e;
  503.                 /* text-transform: capitalize; */
  504.                 /* color: #22b14c !important; */
  505.                 /* z-index: 9999999; */
  506.                 /* display: flex; */
  507.                 /* flex-direction: row; */
  508.                 vertical-align: middle;
  509.                 top: 80%;
  510.                 font-size: 12px;;
  511.                 /*display: flex !important;*/
  512.             }
  514.             .cta.book_now_cta i {
  515.                 display: none;;
  516.             }
  518.             .cta.twus {
  519.                 top: 80%;
  520.                 display: none !important;
  522.             }
  523.         }
  525.         .dtp {
  527.             z-index: 200000;
  529.         }
  532.         @media (min-width: 320px) and (max-width: 480px) {
  533.             .large_screen_only {
  534.                 display: none !important;
  535.             }
  537.             .report-meeting-button, .meeting_action_btn {
  538.                 width: 100%;
  539.             }
  541.             .consultant-meet.after_meeting_running {
  542.                 margin: 0px 0px;
  543.             }
  545.             .meeting_main_cont.pip #meet {
  546.                 display: none !important;
  548.             }
  550.             .meeting_main_cont.pip {
  551.                 display: none !important;
  552.             }
  553.         }
  555.         @media (min-width: 481px) {
  556.             .small_screen_only {
  557.                 display: none !important;
  558.             }
  560.             .report-meeting-button {
  561.                 width: 37%;
  562.             }
  564.             .report-meeting-button {
  565.                 width: 30%;
  566.             }
  568.             .consultant-meet.after_meeting_running {
  569.                 margin: 0px 7%;
  571.             }
  572.         }
  575.     </style>