pastebin - collaborative debugging tool
kpaste.net RSS


libyacss
Posted by Anonymous on Mon 4th May 2020 06:34
raw | new post

  1. /***START fixes for Libya ATIB***/
  2.  
  3. .form-control{
  4.     /*testing purposes only*/
  5.     /*outline:1px solid blue;*/
  6.     /*testing purposes only*/
  7.     margin-right: 0;
  8.     margin-left: 0;
  9.     width: 100%;
  10. }
  11. .dayComponent .form-control{
  12.     border-radius:4px !important;
  13. }
  14. .formio-component{
  15.     /*outline:1px solid green*/
  16. }
  17.  
  18. /*start .formio-component-datetime*/
  19. .formio-component-datetime > .input-group{
  20.     margin-left:0px;
  21.     margin-right:0px;
  22. }
  23. /*end .formio-component-datetime*/
  24.  
  25.  
  26. /*start .formio-component-day*/
  27. .formio-component-day > .input-group{
  28.     margin-left:0px;
  29.     margin-right:0px;
  30.     display: flex;
  31.     justify-content:space-between;
  32. }
  33. .formio-component-day > .input-group input[type='number'],
  34. .formio-component-day > .input-group select{
  35.     padding-left:3px;
  36.     padding-right:3px;
  37. }
  38. .formio-component-day > .input-group::before,
  39. .formio-component-day > .input-group::after{
  40.     display:none;
  41. }
  42. .panel-body > .row > .col .form-group.formio-component-day > .input-group > .form-group{
  43.     padding-right:0px;
  44.     padding-left:0px;
  45.     max-width:30%;
  46.     margin: 0px !important;
  47. }
  48.  
  49. @media screen and (min-width:768px) and (max-width:892px){
  50. .panel-body > .row > .col .form-group.formio-component-day > .input-group > .form-group:nth-child(2){
  51.     /*min-width:35%;*/
  52.     max-width:37%;
  53. }
  54. .panel-body > .row > .col .form-group.formio-component-day > .input-group > .form-group:nth-child(1),
  55. .panel-body > .row > .col .form-group.formio-component-day > .input-group > .form-group::nth-child(3){
  56.     /*min-width:30%;*/
  57.     max-width:30%;
  58. }
  59. }
  60.  
  61. body.ar > #formio .panel > .panel-body > .row .formio-component-day > .input-group{
  62.     flex-direction: row-reverse;
  63. }
  64. body.eng > #formio .panel > .panel-body > .row .formio-component-day > .input-group{
  65.     flex-direction: row;
  66. }
  67.  
  68. @media screen and (max-width:461px){
  69.     body.ar > #formio .panel > .panel-body > .row .formio-component-day > .input-group{
  70.         flex-direction:column-reverse;
  71.     }
  72.     body.eng > #formio .panel > .panel-body > .row .formio-component-day > .input-group{
  73.         flex-direction:column;
  74.     }
  75.     .panel-body > .row > .col .form-group.formio-component-day > .input-group > .form-group{
  76.         width:100%;
  77.         max-width:none;
  78.     }
  79. }
  80. /*end .formio-component-day*/
  81.  
  82. .formio-component-number .form-control-number{
  83.     margin-right:0px;
  84. }
  85.  
  86. /*start .formio-component-select*/
  87. .formio-component-select > .choices[data-type*=select-one]:after{
  88.    
  89. }
  90. body.ar > #formio .panel > .panel-body > .row .formio-component-select > .choices[data-type*=select-one]:after{
  91.     margin-right:0px;
  92.     left: 11.5px;
  93.     right:auto;
  94. }
  95. .formio-component-select > .choices[data-type*=select-one] .choices__button{
  96.     right:auto;
  97.     border: 1px solid #676767;
  98.     width: 23px;
  99.     height: 23px;
  100. }
  101. @media screen and (max-width: 1024px){
  102.     .choices__list.choices__list--single > .choices__item > .choices__button{
  103.         width:28px !important;
  104.         height:28px !important;
  105.         /* right:auto !important; */
  106.         /* margin-right: 0px; */
  107.         /* margin-left: 0px; */
  108.     }
  109.  
  110.     body.ar .choices.form-group.formio-choices:not([data-type="select-multiple"]).is-open > .choices__list.choices__list--dropdown.is-active .choices__item::before{
  111.         margin-right: 0;
  112.         margin-left: 19px;
  113.     }
  114.  
  115.     .choices.form-group.formio-choices:not([data-type="select-multiple"]).is-open > .choices__list.choices__list--dropdown.is-active {
  116.         z-index: 99999 !important;
  117.     }
  118.     html.form-dropdown-shown::before{
  119.         z-index:100000;
  120.     }
  121. }
  122. @media screen and (max-width: 641px){
  123.      .choices__list.choices__list--single > .choices__item > .choices__button{
  124.         width:32px !important;
  125.         height:32px !important;
  126.     }
  127.    
  128.     .panel-body{
  129.         padding-left:4px;
  130.         padding-right:4px;
  131.     }
  132.     #formio{
  133.         padding-left:0px;
  134.         padding-right:0px;
  135.     }
  136. }
  137. /*end .formio-component-select*/
  138. @media screen and (max-width:460px){
  139.     .progress-indicator-parent > .progress-indicator{
  140.         display: flex;
  141.         flex-direction: column;
  142.     }
  143.  
  144.     .progress-indicator-parent > .progress-indicator li{
  145.         margin-top:12px;
  146.     }
  147.     .progress-indicator-parent > .progress-indicator li .pageName{
  148.         display:block;
  149.         margin-top:-10px;
  150.     }
  151. }
  152. .flatpickr-calendar{
  153.     box-shadow: 0 0 1px 1px #80808094 !important;
  154. }
  155.  
  156. body.ar .wizard-nav-wrapper,
  157. body.eng .wizard-nav-wrapper{
  158.     display:flex;
  159.     justify-content:center;
  160.     border-top: 1px solid #d6d6d6 !important;
  161.     width: 100% !important;
  162.     align-items: center;
  163.     left: 0;
  164.     width: 100%;
  165.     padding: 5px !important;
  166.     z-index:99998;
  167. }
  168.  
  169. body .wizard-nav-wrapper button{
  170.     padding:0px;
  171.     margin: 0px 6%;
  172.     min-width: 78px;
  173.     max-width: 130px;
  174.     z-index:99998 !important;
  175. }
  176.  
  177. body{
  178.     width: 100%;
  179. }
  180. .panel{
  181.     margin-left:2%;
  182.     margin-right:2%;
  183. }
  184. .masterCardCasesArabic{
  185.     margin: 0px 0px 5px 0px;
  186.     /* margin: 0; */
  187. }
  188.  
  189.  
  190. .panel-body > .row > .col .form-group {
  191.     /* margin-bottom: 0px; */
  192.     /* margin: auto; */
  193.     /* margin-bottom: 25px; */
  194. }
  195. .formio-component-select > .form-group,
  196. .panel-body > .row > .col .form-group .choices:last-child{
  197.     margin-bottom:0px !important;
  198. }
  199. .panel-body > .row > .col .form-group:not(.formio-component-checkbox) {
  200.     /* flex-grow: 1; */
  201.     width: 100%;
  202. }
  203. .imgCheckbox{
  204.     margin:auto;
  205.     display:block;
  206. }
  207.  
  208. .panel-body > .row > .col .form-group.formio-component-checkbox:not(.checkboxCircular):not(.checkboxStyle) {
  209.     width: 77px;
  210.     /* height: 50px; */
  211.     margin:0px;
  212.     display: flex;
  213.     align-items: center;
  214.     margin: 0px auto 20px auto;
  215. }
  216.  
  217. .panel-body > .row > .col .form-group.checkboxSlide label{
  218.     padding:0px !important;
  219. }
  220.  
  221. .panel-body > .row > .col .form-group.checkboxSlide span{
  222.     padding-left: 66px !important;
  223. }
  224.  
  225. @media screen and (min-width:768px){
  226.     .panel-body > .row > .col {
  227.         margin-bottom: 25px;
  228.         /*display: flex;*/
  229.     }
  230.     .panel .panel-body > .row > .col.col-sm-3:first-child + .col.col-sm-6:not(:last-child) {
  231.         width: 100%;
  232.         max-width: 50%;
  233.     }
  234.     body.eng > #formio .panel > .panel-body > .row > .col.col-sm-3:first-child{
  235.         min-width: 25%;
  236.     }
  237.     body.eng > #formio .panel > .panel-body > .row > .col.col-sm-3:last-child:nth-child(3){
  238.         /* display:none; */
  239.         min-width: 25%;
  240.     }
  241.     /***/
  242.     body.ar > #formio .panel > .panel-body > .row > .col.col-sm-3:first-child{
  243.         min-width: 25%;
  244.     }
  245.     body.ar > #formio .panel > .panel-body > .row > .col.col-sm-3:last-child:nth-child(3){
  246.         /* display:none; */
  247.         min-width: 25%;
  248.     }
  249. }
  250.  
  251. @media screen and (max-width:968px){
  252.     body.eng > #formio .panel > .panel-body > .row > .col:last-child{
  253.         /* display:none; */
  254.     }
  255.     /***/
  256.     body.ar > #formio .panel > .panel-body > .row > .col:first-child{
  257.         /* display:none; */
  258.     }
  259. }
  260.  
  261. @media screen and (max-width:768px){
  262.     .panel-body > .row > .col {
  263.         margin-bottom: 20px;
  264.     }
  265.     .panel-body > .row > .col:first-child,.panel-body > .row > .col:last-child {
  266.         margin-bottom: 2px;
  267.     }
  268. }
  269.  
  270. /*start specific arabic*/
  271. .formio-group.formio-component-var-withdrawingFromAnotherBankArabic{
  272.     margin:0px;
  273. }
  274. .formio-group.formio-component-var-withdrawingFromAnotherBankCodeArabic{
  275.     margin:0px;
  276. }
  277. .htmlComponentArabic{
  278.     text-align: right !important;
  279. }
  280. /*end specific arabic*/
  281. .htmlComponentEnglish{
  282.     text-align: left !important;
  283. }
  284.  
  285. body.ar .panel:not(.panelMultiLang) .htmlComponentEnglish{
  286.     display:none;
  287. }
  288. body.eng .panel:not(.panelMultiLang) .htmlComponentArabic{
  289.     display:none;
  290. }
  291.  
  292. body.ar > #formio  .panel:not(.familyAllowanceFirstPanel) > .panel-body > .row,
  293. body.eng > #formio .panel:not(.familyAllowanceFirstPanel) > .panel-body > .row{
  294.     display:flex;
  295.     justify-content: space-between;
  296. }
  297. body.ar > #formio .panel > .panel-body > .row{
  298.     flex-direction:row-reverse;
  299. }
  300.  
  301. body.eng > #formio .panel:last-child >.panel-body{
  302. }  
  303.  
  304. .panel-body > .row[hidden='true']{
  305.     display:none !important;
  306. }
  307.  
  308. @media screen and (max-width:767px){
  309.     body.ar > #formio .panel:not(.panelMultiLang) > .panel-body > .row{
  310.         flex-direction:column-reverse;
  311.         align-items: normal;
  312.         margin-bottom:10px;
  313.     }
  314.  
  315.     /**/
  316.     /*
  317.     body.ar > #formio > .row > .col > .panelFormulaire:first-child .panel-body > .row:nth-child(5){
  318.         flex-direction: row-reverse;
  319.         flex-wrap: wrap;
  320.     }
  321.     */
  322.     /**/
  323.  
  324.     body.eng > #formio .panel > .panel-body > .row,
  325.     body > #formio .panel.panelMultiLang  > .panel-body > .row{
  326.         flex-direction:column;
  327.         align-items: normal;
  328.         margin-bottom:10px;
  329.     }
  330.     body > #formio .panel.panelMultiLang  > .panel-body > .row{
  331.         align-items: flex-end;
  332.         margin-bottom: 15px;
  333.     }
  334.     /*
  335.     body.eng > #formio > .row > .col > .panelFormulaire:first-child .panel-body > .row:nth-child(5){
  336.         flex-direction: row;
  337.         flex-wrap: wrap;
  338.     }
  339.     */
  340.     body > #formio .panel.panelMultiLang  > .panel-body > .row > .col:first-child:not(.col-sm-3),
  341.     body > #formio .panel.panelMultiLang  > .panel-body > .row > .col:last-child:not(.col-sm-3),
  342.     body > #formio .panel.panelMultiLang  > .panel-body > .row > .col:not(:last-child):not(:first-child):not(.col-sm-6){
  343.         align-self:stretch;
  344.     }
  345.  
  346. }
  347.  
  348. /*start .formio-component-file*/
  349. .formio-component-file > ul{
  350.     padding:0px;
  351. }
  352.  
  353. .formio-component-file > ul > li >.row{
  354.         display: flex;
  355.         flex-direction: row-reverse;
  356.         justify-content: space-between;
  357.         width:100%;
  358.         margin: 0;
  359. }
  360. .formio-component-file > ul > li >.row > :nth-child(1){
  361.     text-align:left;
  362. }
  363. .formio-component-file > ul > li >.row > :nth-child(2){
  364.     flex-grow:1;
  365.     text-align:center;
  366. }    
  367. .formio-component-file > ul > li >.row > :nth-child(3){
  368.     min-width:150px;
  369. }
  370. @media screen and (max-width:467px){
  371.     .formio-component-file > ul > li >.row{
  372.         flex-direction:column;
  373.         align-items:center;
  374.     }
  375.     .formio-component-file > ul > li >.row > *{
  376.         text-align:center;
  377.         margin:8px 0px;
  378.     }
  379. }
  380.  
  381. /*end .formio-component-file*/
  382.  
  383. .checkboxSlideCenterComponent{
  384.     margin:auto !important;
  385. }
  386. .centerHTMLComponent{
  387.     text-align:center !important;
  388. }
  389. .panelMultiLang .form-group:not(.formio-component-checkbox) label{
  390.     display:none;
  391. }
  392.  
  393.  
  394. @media screen and (max-width:767px){
  395.  
  396.     body.eng > #formio .panelMultiLang:not(.panelCheckboxAndHtml) .panel-body > .row,
  397.     body.ar > #formio .panelMultiLang:not(.panelCheckboxAndHtml) .panel-body > .row{
  398.         /*display:flex !important;
  399.         flex-wrap:wrap !important;
  400.         flex-direction: row;*/
  401.         position: relative !important;
  402.         direction:rtl !important;
  403.     }
  404.     body.eng > #formio .panelMultiLang .panel-body > .row > .col.col-sm-3:first-child,
  405.     body.ar > #formio .panelMultiLang .panel-body > .row > .col.col-sm-3:first-child {
  406.         width: 50% !important;
  407.         word-break: break-word;
  408.     }
  409.     body.eng > #formio .panelMultiLang .panel-body > .row > .col.col-sm-3:nth-child(1) + .col.col-sm-6:nth-child(2),
  410.     body.ar > #formio .panelMultiLang .panel-body > .row > .col.col-sm-3:nth-child(1) + .col.col-sm-6:nth-child(2) {
  411.         width:100% !important;
  412.     }
  413.    
  414.     body.eng > #formio .panelMultiLang .panel-body > .row > .col.col-sm-3:last-child,
  415.     body.ar > #formio .panelMultiLang .panel-body > .row > .col.col-sm-3:last-child {
  416.         width: 50% !important;
  417.         word-break: break-word;
  418.         position: absolute !important;
  419.         right: 0;
  420.         top: 0;
  421.     }
  422.  
  423.     body > #formio .panelMultiLang .panel-body > .row > .col.col-sm-3:last-child .htmlComponentArabic{
  424.         margin:0px;
  425.     }
  426.    
  427. }
  428. div.panelFormulaire .panel-heading{
  429.         min-height: 70px !important;
  430.         height: auto !important;
  431. }
  432. .componentLabelRight label{
  433.     text-align:right;
  434. }
  435. .componentLabelLeft label{
  436.     text-align:left;
  437. }
  438.  
  439. .componentShowLabel label{
  440.     display:block !important;
  441. }
  442. .panelCheckboxAndHtml .panel-body > .row {
  443.     padding:0 10px
  444. }
  445. .panelCheckboxAndHtml .panel-body > .row > .col-sm-12 > .row{
  446.     display: flex;
  447.     border-bottom: 1px solid #95d0d4;
  448.     padding: 8px 0px;
  449. }
  450. body.eng .panelCheckboxAndHtml .panel-body > .row > .col-sm-12 > .row{
  451.     flex-direction: row-reverse;
  452. }
  453. bodt.ar .panelCheckboxAndHtml .panel-body > .row > .col-sm-12 > .row{
  454.     flex-direction:row;
  455. }
  456. .panelCheckboxAndHtml .panel-body > .row > .col-sm-12 > .row:last-child{
  457.     border-bottom: none;
  458. }
  459. .panelCheckboxAndHtml > .panel-body{
  460.     padding-top:0px;
  461. }
  462. .panelCheckboxAndHtml .panel-body > .row > .col-sm-12 .row > .col-sm-10{
  463.     flex-grow:1;
  464. }
  465. body.ar .panelCheckboxAndHtml .panel-body > .row > .col-sm-12 .row > .col-sm-2 .checkboxStyle input ~ span::before {
  466.     top:5px;
  467.     right:15px;
  468. }
  469. body.ar .panelCheckboxAndHtml .panel-body > .row > .col-sm-12 .row > .col-sm-2 .checkboxStyle input:checked ~ span::after{
  470.     right:15px;
  471. }
  472. body.eng .masterCardLabel{
  473.     text-align:left;
  474. }
  475. body.ar .masterCardLabel{
  476.     text-align:right;
  477. }
  478.  
  479.  
  480. body.ar .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10 .row:not([hidden]) .row:not([hidden]){
  481.     display:flex;
  482.     text-align:right !important;
  483.     /* justify-content: flex-start; */
  484.     /* flex-direction:row-reverse; */
  485. }
  486. body.eng .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10 .row:not([hidden]) .row:not([hidden]){
  487.     display:flex;
  488.     text-align:left !important;
  489.     justify-content: flex-start;
  490.     flex-direction:row-reverse;
  491. }
  492. @media screen and (max-width:1000px){
  493.     body.ar .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10 .row:not([hidden]) .row:not([hidden]) > *{
  494.         flex-grow:1;
  495.     }
  496.     body.eng .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10 .row:not([hidden]) .row:not([hidden]) > *{
  497.         flex-grow:1;
  498.     }
  499. }
  500.  
  501. body.ar .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10  *{
  502.     text-align:right !important;
  503. }
  504. body.eng .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10  *{
  505.     text-align:left !important;
  506. }
  507.  
  508. body.ar .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10  >  .row:not([hidden]){
  509.     display:flex;
  510.     justify-content:flex-start;
  511. }
  512.  
  513. body.eng .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10  >  .row:not([hidden]){
  514.     display:flex;
  515.     justify-content: flex-start;
  516. }
  517. @media screen and (max-width:1000px){
  518.     body.ar .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10 > .row > * {
  519.         flex-grow:1;
  520.     }
  521.     body.eng .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10 > .row > * {
  522.         flex-grow:1;
  523.     }
  524. }
  525.  
  526. @media screen and (max-width:600px){
  527.     body.ar .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10 .row:not([hidden]) .row:not([hidden]):first-child,
  528.     body.ar .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10 .row:not([hidden]) .row:not([hidden]):nth-child(2){
  529.         flex-direction:column;
  530.     }
  531.     body.eng .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10 .row:not([hidden]) .row:not([hidden]):first-child,
  532.     body.eng .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10 .row:not([hidden]) .row:not([hidden]):nth-child(2){
  533.         flex-direction:column;
  534.     }
  535.  
  536.     body.ar .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10  >  .row{
  537.         flex-direction:column;
  538.         justify-content:center;
  539.         align-items:stretch;
  540.     }
  541.     body.eng .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10  >  .row{
  542.         flex-direction:column;
  543.         justify-content:center;
  544.         align-items:stretch;
  545.     }
  546. }
  547. body.ar .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10  p{
  548.     margin-right:0px ;
  549. }
  550. body.eng .panelFormulaire.panelCheckboxAndHtml .panel-body > .row > * > .row > .col-sm-10  p{
  551.     margin-left:0px ;
  552. }
  553. .panelFormulaire.panelCheckboxAndHtm *{
  554.     direction:ltr;
  555. }
  556. /***END fixes for Libya ATIB***/

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with {%HIGHLIGHT}




All content is user-submitted.
The administrators of this site (kpaste.net) are not responsible for their content.
Abuse reports should be emailed to us at