pastebin - collaborative debugging tool
kpaste.net RSS


meh
Posted by Anonymous on Wed 24th Jun 2020 17:34
raw | new post

  1. /************ Page Inscription ********************/
  2. .login100-pic {
  3.     transform: none !important;
  4.     will-change: unset !important;
  5.     text-align: center !important;
  6.     /* padding-top: unset !important; */
  7.     margin-left: auto !important;
  8.     margin-right: auto !important;
  9.     width: 43% !important;
  10.     display: block !important;
  11.     margin-top:-1% !important;
  12. }
  13.  
  14. @media screen and (min-width:500px) and (max-width:995px){
  15. .login100-pic{
  16.     transform: none !important;
  17.     will-change: unset !important;
  18.     text-align: center !important;
  19.     /* padding-top: unset !important; */
  20.     margin-left: auto !important;
  21.     margin-right: auto !important;
  22.     width: 75% !important;
  23.     display: block !important;
  24.     margin-top:-1% !important;
  25. }
  26. }
  27.  
  28. .login100-pic img{
  29.     content: url(/logo.png) !important;
  30.     display:none;
  31. }
  32.  
  33.  
  34. @media screen and (max-width:500px){
  35. .login100-pic{
  36.     transform: none !important;
  37.     will-change: unset !important;
  38.     text-align: center !important;
  39.     padding-top: unset !important;
  40.     margin-left: auto !important;
  41.     margin-right: auto !important;
  42.     width: 100% !important;
  43.     display: block !important;
  44.     margin-top:-1% !important;
  45. }
  46. }
  47.  
  48.  
  49. .navbar-extranet-style .navlinks-style div:first-child .row .col-9{
  50.   max-width:100% !important;
  51.   position: absolute;
  52. }
  53.  
  54. .navbar-extranet-style .navlinks-style div:first-child .row .col-3{
  55.     flex: none;
  56.     max-width: none;
  57.     width: auto;
  58. }
  59.  
  60.  
  61.  
  62. .wrap-login100{
  63.     background: #ffffff !important;
  64.     padding: 0 !important;
  65.     display:block !important;
  66.     margin-top: auto !important;
  67.     margin-bottom: auto !important;
  68.     height: fit-content !important;
  69.     overflow: visible !important;
  70. }
  71.  
  72. .container-login100{
  73.   padding-bottom: 0!important;
  74.   padding-top: 0!important;
  75. }
  76.  
  77. .wrap-login100 .login100-form .symbol-input100{
  78.   margin-left: 25px !important;
  79.   font-size: 1.3em !important;
  80. }
  81.  
  82. .wrap-login100 .login100-form .input100{
  83.   font-size: 1.3em !important;
  84.   background: #20bec82b !important;
  85. }
  86.  
  87. .wrap-login100 .login100-form .input100:focus{
  88.   border-color: darkblue !important;
  89. }
  90.  
  91. .login100-form-btn {
  92.     font-family: Montserrat-Bold;
  93.     font-size: 1.3em !important;
  94.     line-height: 1.5 !important;
  95.     color: #fff !important;
  96.     text-transform: uppercase;
  97.     width: auto !important;
  98.     height: auto !important;
  99.     padding-top:6px !important;
  100.     padding-bottom:6px !important;
  101.     border-radius: 25px !important;
  102.     background: #232f50 !important;
  103.     display: -webkit-box;
  104.     display: -ms-flexbox;
  105.     display: flex !important;
  106.     -webkit-box-pack: center;
  107.     -ms-flex-pack: center;
  108.     justify-content: center;
  109.     -webkit-box-align: center;
  110.     -ms-flex-align: center;
  111.     align-items: center !important;
  112.     padding: 0 25px !important;
  113.     -webkit-transition: .4s;
  114.     transition: .4s;
  115. }
  116.  
  117. .login100-form-description {
  118.     color: #333;
  119.     width: 100% !important;
  120.     text-align: center !important;
  121.     display: block !important;
  122.     padding-bottom: 15px !important;
  123. }
  124.  
  125. .login100-form-title{
  126.     font-family: Poppins-Bold;
  127.     font-size: 2em !important;
  128.     color: #333;
  129.     line-height: 1.2 !important;
  130.     text-align: center !important;
  131.     width: 100% !important;
  132.     display: block !important;
  133.     padding-bottom: 0 !important;
  134. }
  135.  
  136. .p-t-136[_ngcontent-c6] {
  137.     bottom: auto !important;
  138. }
  139.  
  140. .wrap-login100 form+.text-center.p-t-12{
  141.   display:none !important;
  142. }
  143.  
  144. .wrap-login100 .text-center.p-t-12{
  145.   /* text-align:right !important; */
  146.   padding-top:5px !important;
  147. }
  148.  
  149. .wrap-login100 .text-center.p-t-12 a{
  150.   font-size:1.3em !important;
  151.  
  152. }
  153.  
  154. .wrap-login100 .login100-form{
  155.     margin-left: auto !important;
  156.     margin-right: auto !important;
  157.     padding-bottom: 30px;
  158. }
  159.  
  160. .wrap-login100 form{
  161.   /*padding-bottom:10%;*/
  162. }
  163.  
  164. .wrap-login100 .container-login100-form-btn {
  165.     /*width: fit-content !important;
  166.     float: right !important;*/
  167.     display: grid !important;
  168.     justify-content: right !important;
  169.     padding-top:5px !important;
  170.    
  171. }
  172.  
  173. .wrap-login100 .register-position-btn a{
  174.     border: 2px solid !important;
  175.     border-radius: 25px !important;
  176.     /* padding: 3px !important; */
  177.     padding-left: 8px !important;
  178.     padding-right: 8px !important;
  179.     font-size: 1.3em !important;
  180.     margin-top: 5px;
  181.     display: inline-block;
  182. }
  183.  
  184. .wrap-login100 .register-position-btn{
  185.   right:unset !important;
  186.   padding:0px !important;
  187.   bottom: 0 !important;
  188.   display: contents;
  189. }
  190.  
  191. main[dir=ltr] .wrap-login100 .register-position-btn {
  192.     right: 0 !important;
  193.     padding: 0px;
  194.     bottom: 0 !important;
  195. }
  196.  
  197. main[dir=ltr] .wrap-login100 .login100-form .symbol-input100 {
  198.     margin-left: 0 !important;
  199.     font-size: 1.3em;
  200. }
  201.  
  202.  
  203. main[dir=ltr] .card-body form .btn-warning {
  204.     background-color: #111728!important;
  205.     border: 2px solid #111728;
  206.     padding: 4px !important;
  207.     padding-right: 10px !important;
  208.     padding-left: 10px !important;
  209.     width: 100%;
  210.     color: white !important;
  211.     font-size: 1.1em;
  212. }
  213.  
  214. main[dir=ltr] .btn-link.px-0 {
  215.     font-size: .83rem !important;
  216.     font-weight: bold;
  217.     background: white !important;
  218.     border-radius: 25px !important;
  219.     border: 2px solid #111728 !important;
  220.     padding-top: 10px !important;
  221.     padding-bottom: 10px !important;
  222.     padding-left: 20px !important;
  223.     padding-right: 20px !important;
  224.     margin-top: 0 !important;
  225. }
  226.  
  227. .wrap-login100 .has-error.text-danger{
  228.     margin-bottom:10px !important;
  229.     position: absolute !important;
  230.     left: 10px !important;
  231.     padding: 9px !important;
  232.     border-radius: 25px !important;
  233.     color: white !important;
  234.     background: #6e83c1 !important;
  235.     box-shadow: 0px 0px 5px #1d5963 !important;
  236. }
  237.  
  238.  
  239. body input[type="email"]:focus:not([readonly]), body input[type="text"]:focus:not([readonly]), body input[type="password"]:focus:not([readonly]), body input[type="number"]:focus:not([readonly]), body textarea.md-textarea:focus:not([readonly]) {
  240.     border-color: transparent !important;
  241.     -webkit-box-shadow: none !important;
  242.     box-shadow: none !important;
  243. }
  244.  
  245. .focus-input100 {
  246.     display: block !important;
  247.     position: absolute !important;
  248.     border-radius: 25px !important;
  249.     bottom: 0 !important;
  250.     left: 0 !important;
  251.     z-index: -1 !important;
  252.     width: 100% !important;
  253.     height: 100% !important;
  254.     -webkit-box-shadow: 0 0 !important;
  255.     box-shadow: 0 0 !important;
  256.     color: transparent !important;
  257. }
  258.  
  259. .input100:focus + .focus-input100 + .symbol-input100 {
  260.     color: #f06b19 !important;
  261.     padding-left: 28px !important;
  262.     font-size:1.5em !important;
  263. }
  264.  
  265. .login100-form div:nth-child(1) div:nth-child(3) .has-error{
  266.     z-index: 999;
  267.     top: 5%;
  268.     font-size: 1.1em;
  269. }
  270.  
  271. .login100-form div:nth-child(1) div:nth-child(4) .has-error{
  272.     z-index: 999;
  273.     right: 10px;
  274.     left: unset !important;
  275.     font-size: 1.1em;
  276. }
  277.  
  278. .login100-form div:nth-child(1) div:nth-child(3) .has-error:after{
  279.     content: " ";
  280.     position: absolute;
  281.     top: 100%;
  282.     left: 50%;
  283.     margin-left: -5px;
  284.     border-width: 5px;
  285.     border-style: solid;
  286.     border-color: #6e83c1 transparent transparent transparent;
  287. }
  288.  
  289. .login100-form div:nth-child(1) div:nth-child(4) .has-error:after{
  290.     content: " ";
  291.     position: absolute;
  292.     top: -27%;
  293.     left: 50%;
  294.     margin-left: -5px;
  295.     border-width: 5px;
  296.     border-style: solid;
  297.     border-color: transparent transparent #6e83c1 transparent;
  298. }
  299.  
  300.  
  301.  
  302. /**********************START RNE ADAPTATIONS/**********************/
  303. /**********************START RNE ADAPTATIONS/**********************/
  304. body{
  305.     margin: 0;
  306.     overflow-y: auto !important;
  307.     overflow-x: hidden !important;
  308.   }
  309.   /*start sidebar btn*/
  310.   app-navbar > mdb-navbar > nav > navlinks:first-child {
  311.       position: absolute;
  312.       z-index: 2;
  313.       min-height: 36px;
  314.       left: 7px;
  315.      bottom: 4px;
  316.   }
  317.   header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:first-child {
  318.       left: auto;
  319.       right:7px;
  320.   }
  321.  
  322.   header[dir][style],header[dir]{
  323.     height:auto !important;
  324.     /* margin-bottom: 36px; */
  325.   }
  326.  
  327.   /*end sidebar btn*/
  328.  
  329.   app-navbar > mdb-navbar > nav > navlinks.navlinks-style:nth-child(2) {
  330.     width:100% !important;
  331.   }
  332.  
  333.   app-navbar > mdb-navbar > nav.navbar {
  334.       padding-right:0px !important;
  335.       padding-top:0px !important;
  336.       height: auto !important;
  337.       position: relative;
  338.   }
  339.  
  340.   html{
  341.       overflow-x: hidden;
  342.   }
  343.  
  344.  
  345.   .navbar-extranet-style navlinks.navlinks-style:last-child >  div:first-child{
  346.     height: auto !important  
  347.   }
  348.   .navbar-extranet-style navlinks.navlinks-style:last-child >  div:first-child > div:first-child{
  349.     position: static !important;
  350.     height: auto !important;
  351.   }
  352.   .navbar-extranet-style .navlinks-style div:first-child .row .col-9{
  353.     flex: 0 0 100%;
  354.     max-width: 100% !important;
  355.     display: flex;
  356.     position: static;
  357.   }
  358.  
  359.   /*start login btn*/
  360.   .navbar-extranet-style .navlinks-style div:first-child .row .col-3{
  361.     position:absolute;
  362.     right: 20px;
  363.     top:0;
  364.     z-index: 2;
  365.     padding: 0;
  366.   }
  367.   header[dir="rtl"] .navbar-extranet-style
  368.   .navlinks-style div:first-child .row .col-3{
  369.     position:absolute;
  370.     left: 3px;
  371.     right:auto;
  372.     top:0;
  373.     z-index: 2;
  374.   }
  375.   /*end login btn*/
  376.  
  377.   .navbar-extranet-style .navlinks-style div:first-child .row .col-9 > .plan-1{
  378.     position: static !important;
  379.     height: auto !important;
  380.   }
  381.  
  382.   .navbar-extranet-style .navlinks-style div:first-child .row .col-9 > .plan-1 > .topbar{
  383.     /* padding-left: 20px !important; */
  384.   }
  385.   header[dir="rtl"] .navbar-extranet-style .navlinks-style div:first-child .row .col-9 > .plan-1 > .topbar{
  386.     padding-left: 0px !important;
  387.     padding-right: 0px !important;
  388.   }
  389.  
  390.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  391.   div > div > .row > .col-9 > .plan-1 > * > .container {
  392.       padding-right:15px;
  393.       padding-left:15px;
  394.       /* margin-left: 15px; */
  395.       /* margin-right: 15px; */
  396.   }
  397.  
  398.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  399.   div > div > .row > .col-9 > .plan-1 > .header >
  400.   .container > .row {
  401.       flex-wrap: nowrap;
  402.   }
  403.  
  404.   header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  405.   div > div > .row > .col-9 > .plan-1 > * > .container{}
  406.  
  407.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  408.   div > div > .row > .col-9 > .plan-1 > .header > .container
  409.   > .row > .col-lg-4 {
  410.     padding-right: 68px;
  411.     min-width: 200px;
  412.     /* max-width: 200px; */
  413.     /* float: right; */
  414.   }
  415.   header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  416.   div > div > .row > .col-9 > .plan-1 > .header > .container
  417.   > .row > .col-lg-4{
  418.     padding-right:0px;
  419.     display: flex;
  420.     justify-content: flex-end;
  421.   }
  422.  
  423.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  424.   div > div > .row > .col-9 > .plan-1 > .header > .container
  425.   > .row > .col-lg-8 {
  426.     /* flex-grow: 1 !important; */
  427.     width: 100%;
  428.     max-width: 100%;
  429.   }
  430.  
  431.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  432.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  433.   > .row{
  434.     flex-wrap:nowrap;
  435.     max-width: calc(100% - 279px);
  436.   }
  437.  
  438.   /*start upper header btns alignement*/
  439.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  440.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  441.   > .row > .col-lg-9{
  442.     flex-grow: 1 !important;
  443.     max-width: 100% !important;
  444.     display: flex;
  445.     justify-content: center;
  446.   }
  447.   header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  448.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  449.   > .row > .col-lg-9{
  450.   }
  451.   /*end upper header btns alignement*/
  452.  
  453.  
  454.   /*start tunisia gouvenment*/
  455.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  456.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  457.   > .row > .col-lg-3{
  458.     min-width: 250px;
  459.   }
  460.   header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  461.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  462.   > .row > .col-lg-3{
  463.     min-width: 175px;
  464.   }
  465.   /**/
  466.   app-navbar > mdb-navbar > nav > navlinks:last-child >
  467.   div > div > .row > .col-9 > .plan-1 > .topbar > .container
  468.   > .row > .col-lg-3 > #wd-flag{
  469.     display:flex;
  470.   }
  471.   header[dir="rtl"] #wd-flag p{
  472.     font-size:0px !important;
  473.     padding: 2px 50px 0 0px !important;
  474.     background-position: right center !important;
  475.     text-align: right;
  476.     direction: rtl;
  477.     background-image: url('/assets/custom-login-styles/rne/media/tn-gov.png') !important;
  478.     flex-grow: 1;
  479.     padding: 0 !important;
  480.     background-size: contain !important;
  481.     margin-right: 16px !important;
  482.   }
  483.   header[dir="ltr"] #wd-flag p{
  484.     margin-left: 16px !important;
  485.   }
  486.  
  487.  
  488.   /*header[dir="rtl"] #wd-flag p::before{
  489.     font-weight:bolder;
  490.     font-size:0px;
  491.     content: '????????? ????????';
  492.     display:block;
  493.     margin-bottom: 15px;
  494.     margin-top: 7px;
  495.     direction: rtl;
  496.   }*/
  497.  
  498.   /*header[dir="rtl"] #wd-flag p::after{
  499.     font-size:0px;
  500.     content:'????? ???????';
  501.     display:block;
  502.     direction: rtl;
  503.   }*/
  504.   /*end tunisia gouvenment*/
  505.  
  506.  body > app-root{
  507.    display: flex;
  508.    flex-direction: column;
  509.    min-height: 100%;
  510.  }
  511.  
  512.   app-root > main.main-style > * > div{
  513.     margin:0;
  514.   }
  515.  
  516.  
  517.   app-root > footer.footer{
  518.       /* position: fixed; */
  519.       width: 100%;
  520.   }
  521.  
  522.   app-root > footer.footer footer.page-footer{
  523.     margin-top: 0px !important;
  524.     height: auto !important;
  525.     min-height: 35px;
  526.     display: block !important;
  527.   }
  528.  
  529.   app-root > footer.footer footer.page-footer .footer-copyright .row.grey.lighten-4{
  530.     border-width: 0px;
  531.     flex-wrap: nowrap;
  532.     padding-right: 18px;
  533.   }
  534.  
  535.   app-root > footer.footer footer.page-footer
  536.   .footer-copyright .row.grey.lighten-4 > .col-md-2{
  537.     max-width: 50%;
  538.     flex-grow: 1 !important;
  539.     min-width: 115px;
  540.   }
  541.  
  542.   app-root > footer.footer footer.page-footer .footer-copyright .row.grey.lighten-4 > .col-7{
  543.       max-width: 0px;
  544.       padding: 0;
  545.   }
  546.  
  547.   app-root > footer.footer footer.page-footer
  548.   .footer-copyright .row.grey.lighten-4 > .col-md-3{
  549.       max-width: 50%;
  550.       flex-grow: 1 !important;
  551.       min-width: 173px;
  552.   }
  553.  
  554.   app-dashboard .row.without-favorites{
  555.     /*height:auto;*/
  556.     justify-content: space-between;
  557.     margin: 0;
  558.     padding: 0;
  559.   }
  560.   app-dashboard .row.without-favorites > .col2{
  561.     max-width: calc(50% - 2px);
  562.     min-width: calc(50% - 2px);
  563.   }
  564.   app-dashboard .row.without-favorites > .col2 > *,
  565.   app-dashboard .row.without-favorites > .col2 > * > mat-card.mat-card{
  566.     width:100%;
  567.     max-width: 100%;
  568.     margin:0;
  569.   }
  570.   .navbar-extranet-style .navlinks-style div:first-child .row .col-3 a.nav-link{
  571.     max-width: 240px;
  572.     white-space: nowrap;
  573.     overflow: hidden;
  574.     text-overflow: ellipsis;
  575.   }
  576.   header[dir="rtl"] .double-nav .dropdown .dropdown-menu{
  577.     transform: translate3d(70px,39px,0) !important;
  578.     right: auto;
  579.     left: 0px;
  580.   }
  581.   header[dir="ltr"] .double-nav .dropdown .dropdown-menu{
  582.     transform: translate3d(0,39px,0) !important;
  583.     left: auto;
  584.     right: 0px;
  585.   }
  586.  
  587.   header[dir="ltr"] .navbar-extranet-style
  588.   .navlinks-style div:first-child .row .col-3 a.nav-link{
  589.     padding-right: 10px;
  590.   }
  591.   header[dir="rtl"] .navbar-extranet-style
  592.   .navlinks-style div:first-child .row .col-3 a.nav-link{
  593.     padding-left: 10px;
  594.     direction: rtl;
  595.   }
  596.  
  597. .navbar-extranet-style .navlinks-style
  598.   div:first-child .row .col-3 li.nav-item:not(.waves-light):not(.dropdown){
  599.    display: none;
  600.   }
  601.  
  602.   header[dir="ltr"] .navbar-extranet-style
  603.   .navlinks-style div:first-child .row .col-3 a.nav-link.dropdown-toggle::after{
  604.     position: absolute;
  605.     z-index: 3;
  606.     right: 0px;
  607.     top: 50%;
  608.     transform: translateY(-50%);
  609.   }
  610.  
  611.   header[dir="rtl"] .navbar-extranet-style
  612.   .navlinks-style div:first-child .row .col-3 a.nav-link.dropdown-toggle::after{
  613.     position: absolute;
  614.     z-index: 3;
  615.     left: 0px;
  616.     top: 50%;
  617.     transform: translateY(-50%);
  618.   }
  619.  
  620.   app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  621.    div > .row > .col-9 > .plan-1 > .topbar > .container >
  622.     .row > .col-lg-9 > #wd-slp{
  623.       min-width: 236px;
  624.     }
  625.   /*start media queries*/
  626.   @media screen and (max-width:400px){
  627.     .navbar-extranet-style .navlinks-style
  628.     div:first-child .row .col-9 > .plan-1 > .topbar{
  629.       padding: 0 !important;
  630.     }
  631.     .navbar-extranet-style .navlinks-style
  632.     div:first-child .row .col-9 > .plan-1 > .topbar > .container{
  633.       padding: 0 !important;
  634.       margin: 0;
  635.     }
  636.     app-navbar > mdb-navbar > nav > navlinks:last-child
  637.     > div > div > .row > .col-9 > .plan-1 > .topbar > .container > .row{
  638.       margin: 0;
  639.     }
  640.     .navbar-extranet-style .navlinks-style div:first-child .row .col-3{
  641.       padding:0;
  642.     }
  643.   }
  644.  
  645.   @media screen and (max-width:350px){
  646.     app-navbar > mdb-navbar > nav > navlinks:last-child >
  647.     div > div > .row > .col-9 > .plan-1 > .topbar >
  648.     .container > .row > .col-lg-3{
  649.       align-self:flex-start;
  650.     }
  651.   }
  652.  
  653.   @media screen and (max-width:675px){
  654.     app-navbar > mdb-navbar > nav > navlinks:last-child > div > div >
  655.      .row > .col-9 > .plan-1 > .topbar > .container > .row > .col-lg-3{
  656.        margin-bottom:10px
  657.      }
  658.     app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  659.     div > .row > .col-9 > .plan-1 > .topbar > .container > .row{
  660.       flex-direction:column;
  661.       max-width: 100%;
  662.       align-items: center;
  663.     }
  664.     app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  665.     div > .row > .col-9 > .plan-1 > .topbar > .container > .row > .col-lg-9{
  666.       display: flex;
  667.       justify-content: center;
  668.       margin-top: 2px;
  669.       padding: 0;
  670.     }
  671.    
  672.     /*start upper header buttons*/
  673.     app-navbar > mdb-navbar > nav > navlinks:last-child > div > div > .row >
  674.     .col-9 > .plan-1 > .topbar > .container > .row > .col-lg-9 > #wd-slp{
  675.       display: flex;
  676.       width: 100%;
  677.       justify-content: space-around;
  678.     }
  679.     header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child > div > div > .row >
  680.     .col-9 > .plan-1 > .topbar > .container > .row > .col-lg-9 > #wd-slp{
  681.       flex-direction:row-reverse;
  682.     }
  683.     /*start upper header buttons*/
  684.  
  685.   }
  686.   @media screen and (max-width:800px){
  687.     .navbar-extranet-style .navlinks-style div:first-child .row .col-3 a.nav-link{
  688.       font-size:0px;
  689.     }
  690.     .navbar-extranet-style .navlinks-style div:first-child .row .col-3 a.nav-link i{
  691.       font-size:15px;
  692.     }
  693.   }
  694.  
  695.   @media screen and (max-width:767px){
  696.     app-dashboard .row.without-favorites{
  697.       flex-direction: column;
  698.       align-items: stretch;
  699.     }
  700.     app-dashboard .row.without-favorites > .col2{
  701.       max-width:100%;
  702.     }
  703.   }
  704.  
  705.   @media screen and (min-width:1441px){
  706.    app-root > header[dir='ltr'] nav.navbar,
  707.    app-root > main[dir='ltr'],
  708.    app-root > footer[dir='ltr']{
  709.      /* padding-left: 217px !important; */
  710.    }
  711.    app-root > header[dir='rtl'] nav.navbar,
  712.    app-root > main[dir='rtl'],
  713.    app-root > footer.footer[dir='rtl']{
  714.      padding-right: 217px !important;
  715.    }
  716.   }
  717.  
  718.   @media screen and (max-width:991px){
  719.     app-navbar > mdb-navbar > nav > navlinks:last-child > div > div > .row > .col-9 > .plan-1 > .header > .container > .row > .col-lg-4{
  720.       /* min-width: 100%; */
  721.       /* max-width: 100%; */
  722.     }
  723.   }
  724.  
  725.   @media screen and (max-width:800px){
  726.     app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  727.     div > .row > .col-9 > .plan-1 > .header > .container > .row {
  728.       flex-direction:column;
  729.       align-items: center;
  730.       padding: 0;
  731.       margin: 0;
  732.     }
  733.     app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  734.      div > .row > .col-9 > .plan-1 > .header > .container > .row
  735.      > .col-lg-4{
  736.       min-width: 200px;
  737.       max-width: 200px;
  738.       padding:0;
  739.       display: flex;
  740.       justify-content: center !important;
  741.       align-items: center;
  742.     }
  743.     header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child > div >
  744.      div > .row > .col-9 > .plan-1 > .header > .container > .row > .col-lg-4
  745.      #wd-ls ul{
  746.        padding-right:0px;
  747.     }
  748.  
  749.     app-navbar > mdb-navbar > nav > navlinks:last-child >
  750.     div > div > .row > .col-9 > .plan-1 > .header > .container
  751.     > .row > .col-lg-8 {
  752.       padding-right:0px;
  753.       padding-left:0px;
  754.     }
  755.  
  756.     app-navbar > mdb-navbar > nav > navlinks:last-child >
  757.     div > div > .row > .col-9 > .plan-1 > .header > .container
  758.     > .row > .col-lg-8 > #wd-logo{
  759.       display:flex;
  760.       justify-content:center;
  761.       /* padding-left: 5px; */
  762.       /* padding-right: 5px; */
  763.       max-width: calc(100% - 16px);
  764.       margin: auto;
  765.     }
  766.  
  767.   }
  768.   @media screen and (min-width:1300px){
  769.     header[dir="ltr"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  770.     div > div > .row > .col-9 > .plan-1 > .topbar >
  771.     .container > .row > .col-lg-9 > #wd-slp > #wd-phone{
  772.       margin-right: 110px !important;
  773.     }
  774.     header[dir="rtl"] app-navbar > mdb-navbar > nav > navlinks:last-child >
  775.     div > div > .row > .col-9 > .plan-1 > .topbar >
  776.     .container > .row > .col-lg-9 > #wd-slp > #wd-phone{
  777.       margin-left: 110px !important;
  778.     }
  779.   }
  780.  
  781.  
  782. @media screen and (max-width:800px){
  783.     main.main-style{
  784.       /* padding-top: 10px !important; */
  785.     }
  786.   }
  787.  
  788.   app-dashboard .frame{
  789.     min-height: 390px;
  790.   }
  791.   .iframe_scrolling{
  792.     overflow-y: auto !important;
  793.   }
  794.   /**********************END RNE ADAPTATIONS/**********************/
  795.  
  796. /*START new sidebar update*/
  797. body app-sidenav .side-nav{
  798.     width: 230px !important;
  799. }
  800.  
  801. header > app-sidenav > mdb-sidenav >
  802. ul.side-nav > links ul.collapsible li.menu-item:not(:empty){
  803.    border:1px solid #232f50;
  804.    border-radius:10px;
  805. }
  806.  
  807. header > app-sidenav > mdb-sidenav >
  808. ul.side-nav > links ul.collapsible li.menu-item:not(:empty):not(:last-child){
  809.    margin-bottom:10px;
  810. }
  811.  
  812. header[dir="ltr"] > app-sidenav > mdb-sidenav >
  813. ul.side-nav > links ul.collapsible li.menu-item > a{
  814.     min-height: 46px;
  815.     background: linear-gradient(125deg, #FFFFFF 71% , #232f50 71.5% 72.5%, #FFFFFF 73%);
  816.     padding-right: 31% !important;
  817.     padding-left: 8px !important;
  818.     line-height: 19px !important;
  819.     padding-top: 5px !important;
  820.     padding-bottom: 5px !important;
  821.     border-radius:10px;
  822.     font-size:0.9rem;
  823.     display: flex;
  824.     align-items:center;
  825.     justify-content: flex-start;
  826.     position: relative;
  827.     text-align: left !important;
  828.     transition: none;
  829. }
  830. header[dir="rtl"] > app-sidenav > mdb-sidenav >
  831. ul.side-nav > links ul.collapsible li.menu-item > a{
  832.     min-height: 46px;
  833.     background: linear-gradient(55deg, #FFFFFF 29% , #232f50 29.5% 30.5%, #FFFFFF 31% 100%);
  834.     padding-left: 31% !important;
  835.     padding-right: 8px !important;
  836.     line-height: 19px !important;
  837.     padding-top: 5px !important;
  838.     padding-bottom: 5px !important;
  839.     border-radius:10px;
  840.     font-size:0.9rem;
  841.     display: flex;
  842.     align-items:center;
  843.     justify-content: flex-start;
  844.     position: relative;
  845.     text-align: right !important;
  846.     transition: none;
  847. }
  848.  
  849. header[dir] > app-sidenav > mdb-sidenav >
  850. ul.side-nav > links ul.collapsible li.menu-item > a:hover{
  851.     box-shadow: 0 0 6px 2px #232f50;
  852.     color: #232f50 !important;
  853. }
  854.  
  855. header[dir] > app-sidenav > mdb-sidenav >
  856. ul.side-nav > links ul.collapsible li.menu-item > a:hover > i::before{
  857.     color: #232f50 !important;
  858. }
  859.  
  860. header[dir] > app-sidenav > mdb-sidenav >
  861. ul.side-nav > links ul.collapsible li.menu-item > a.active:hover{
  862.     color: #FFFFFF !important;
  863. }
  864.  
  865. header[dir="ltr"] > app-sidenav > mdb-sidenav >
  866. ul.side-nav > links ul.collapsible li.menu-item > a.active{
  867.     background: linear-gradient(125deg, #232f50 70% , #FFFFFF 70.5% 100%);
  868.     border:none !important;
  869. }
  870.  
  871. header[dir="rtl"] > app-sidenav > mdb-sidenav >
  872. ul.side-nav > links ul.collapsible li.menu-item > a.active{
  873.     background: linear-gradient(55deg, #FFFFFF 30% , #232f50 30.5% 100%);
  874.     border:none !important;
  875. }
  876.  
  877. body header[dir] app-sidenav .side-nav ul.collapsible
  878. > li.menu-item a:hover,
  879. body header[dir] app-sidenav .side-nav ul.collapsible
  880. > li.menu-item a.active{
  881.     border:none !important;
  882. }
  883.  
  884. header[dir="ltr"] > app-sidenav > mdb-sidenav > ul.side-nav >
  885. links ul.collapsible li.menu-item > a > i:not(.number):not(.number-rtl){
  886.     position:absolute;
  887.     right: 8px;
  888.     display:flex;
  889.     justify-content:center;
  890.     margin: 0 !important;
  891.     top: 50%;
  892.     transform: translateY(-50%);
  893. }
  894.  
  895. header[dir="rtl"] > app-sidenav > mdb-sidenav > ul.side-nav >
  896. links ul.collapsible li.menu-item > a > i:not(.number):not(.number-rtl){
  897.     position:absolute;
  898.     left: 8px;
  899.     display:flex;
  900.     justify-content:center;
  901.     margin: 0 !important;
  902.     top: 50%;
  903.     transform: translateY(-50%);
  904. }
  905.  
  906. header > app-sidenav > mdb-sidenav > ul.side-nav >
  907. links ul.collapsible li.menu-item > a > i::before{
  908.     font-size: 33px !important;
  909. }
  910.  
  911. header > app-sidenav > mdb-sidenav > ul.side-nav >
  912. links ul.collapsible li.menu-item > a.active > i::before{
  913.     color:#232f50 !important;
  914. }
  915. @media screen and (min-width: 1441px){
  916.     app-root > header[dir='rtl'] nav.navbar, app-root > main[dir='rtl'], app-root > footer.footer[dir='rtl'] {
  917.         padding-right: 230px !important;
  918.     }
  919.     app-root > header[dir='ltr'] nav.navbar, app-root > footer.footer[dir='ltr'] {
  920.         padding-left: 230px !important;
  921.     }
  922.     app-root > main[dir='ltr']{
  923.       padding-left: 242px !important;
  924.       padding-right: 11px !important;
  925.     }
  926.     app-root > main[dir='rtl']{
  927.       padding-right: 242px !important;
  928.       padding-left: 11px !important;
  929.     }
  930. }
  931. app-root > main[dir],
  932. app-root > header[dir],
  933. app-root > footer.footer[dir]
  934. {
  935.   width: 100vw;
  936.   /* padding-right: 17px; */
  937. }
  938.  
  939. app-root > main.main-style[dir]{
  940.   margin-left: 0px;
  941.   margin-right: 0px;
  942.   height: auto !important;
  943.   /* min-height: calc(100vh - 153px); */
  944.   padding-left: 2%;
  945.   padding-top: 40px;
  946.   flex-grow: 1;
  947. }
  948. /*END new sidebar update*/
  949.  
  950.  
  951.  
  952. /* NEW PAGE LOGIN 19 05 2020*/
  953.  
  954. app-login form > h2.login100-form-title {
  955.     position: relative;
  956.     border-right: 3px solid #4fc4d6;
  957.     min-width: 427px;
  958.     max-width: 427px;
  959.     /* white-space: nowrap; */
  960.     overflow: hidden;
  961.     padding-top: 20px;
  962.     font-family: Arial , sans-serif !important;
  963.     font-weight: 600;
  964.     color: #222e4a !important;
  965.     line-height: 1.2 !important;
  966.     background-color: #FFFFFF;
  967.     /* white-space: nowrap; */
  968. }
  969. app-login form > span.login100-form-description{
  970.     color: #aeaeae !important;
  971.     border: 3px solid #4fc4d6;
  972.     border-top: none;
  973.     position:relative;
  974.     border-bottom-left-radius: 14px;
  975.     border-bottom-right-radius: 14px;
  976.     min-width: 427px;
  977.     max-width: 427px;
  978. }
  979. app-login form > span.login100-form-description + div{
  980.     margin-top:60px;
  981.     min-width: 400px;
  982. }
  983. app-login form > span.login100-form-description ~ div{
  984.     min-width: 400px;
  985.     text-align: center !important;
  986.     /* padding-top: 5px !important; */
  987. }
  988. app-login form > span.login100-form-description::before{
  989.     content:'';
  990.     position: absolute;
  991.     display: block;
  992.     left: 50%;
  993.     width: 44px;
  994.     height: 30px;
  995.     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAroAAAJVCAMAAAAGMaZ8AAAAaVBMVEXu7u7///9H1+MAx9nV9vkDx9lv3+ry/f4Vy9yX6PD8//8q0N+68PVX2ubh+fsHyNp34esezd2n7PI30+HI8/df3Ofq+/wNytuH5e34/v6v7vNn3ui37/VP2OV/4+yf6vEAAABF1uOP5+4hNhJwAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfkBRMUKDilPZmtAAALZUlEQVR42u3dTa7jNgJGUTUMjTXU/ncapAeNDoKgfiLRvOS5S5APPtCsJ9fxeaT/SD/Z56GOE10V6Z7Hga6KdI+DXVXlHk67Cp502VVYLrqq0nXaVfGk+2eX3VVpc6//0XVkUPK4wK66ch+iy64GyP0rXbOr5uiaXVVH1+wqOrrHcbOrgtz7b3TNrpqjy66yctFVlS67isp96F0fdvWa3PMf6JpdNUfXXz9qcrrHy3TZ1fDRNbuKjq7ZVXV0za6io+tdH027udcP6DoyKHlccGRQ9LiArsJ0vTCh+U4LPyUXXVXpsquoXBdkyl2MmV2lR9flriaje6Cr5emyq6hc7/poHrnnL9E1u2qOrh/D0TRy71+ka3bVHF12lZWLrqp02VVUrv/4Wt+ne/4WXX/KoG9v7u+NriODmscFdBWm6z01fZXuga62o8uuonIfetfHZ0num2/1+KamVb6jsauyXHRVpeubmnrf0dBVmq4/ZdD408Ijcr3ro/F070foml01R9ctg4K3C2ZX6dE1u4qOrnd9NJTu+SBds6vm6D51QebDRXfcxZjZVXp02VVWLrqq0mVXUbne9dEIutcLdM2umqPrL3c1gO4xMV14wR1P15FByeMCuurSddpV8aT72AWZDxrdgRdjZlfp0WVXWbkuyJS7GHPLoOrtgtnVm3LP4zC7Mrre9dEoufcAuo4MCn5Hc2RQ9rhgdtUdXbOr6Og+9WM47JI77mLM7Co9uuwqKxddVen6CzJV/mLM7GqN0WVXVbl+DAfdwFs9ZlcLja5vauhm5Zpdcqt0zS66Ubn+ggzcKl1HBnSjcl2QoRt4q8dpV8ucdB13uQ3LRRfdKl3f1NCNyvWuD7mBt3rMrhYa3ad+DIfd7eTeX6drdtFtji675GbluiAjt0rX7KIbleuCjNzcxZjZRTc9uuySm5WLLrpVuuySG5WLLrpVuv7oHN2oXO/6kDvxz904MpC74Og6MqCblYsuulW67JIbleu0S26VLrvkRuU+9a4PvMvCneGtHn90ju5Co+vIgG5WLrroVuk6MoAbletdH3QDb/U4MqC70Oj6MRxyq3LNLrpZuuySG5WLLrpVuuySG5XrXR90A2/1mF1yFxpddsnNykWX3CpddtGNykUX3SpddsmNynVBhm7uYsyb7eimR9eRAdysXHTRrdJ1ZEA3KhdddANv9bBL7kKj610fcGf+uRtvtpO74Oi6ZUA3K9fsGt3D7MroDu1Ed2e6Z5iuI4PjgiODHBfMroyu2UV3XbnoosuuyPWuj16ney1A1+wa3b3tQpWie6DLrtFlV+T6dwlyd6Frdo1utRvdnejeC9E1u0bXBZlcjPmmJt/RHBnQXVeud312oXsuR9dp10l36wsywGaney9I12nXdzR25TuaCzIZXbOL7rpyH7ogY3daudeydM2u0WVX5PqmRi66Ztfoosuu0TW7MrrP5MdwFqV7LU/X7Bpdf/2oiege6LJrdM2ujK7ZJRdddskt5z++XkzuvQ1ds2t0fVOT72hml1x0/RnOVnA3k/vUuz7sfl/uuRlds2t0XZDJQdc3NXTRdUHmYgxdeJ10HRnkuPBMF7t1udemdM2u0WVX5KKLLrrskosuuuiyK3JdkG0u996crtk1uv6UQf54weySi67ZNboL5z++Dso9uTW7Rjecd31cjPmmJt/R2CWXXHTRZRdd39HWvCCDd8jmuhh74cjA7gC5Rtdx10EXXXaNrtlFl1x00WUXXRdjc+ddn8DmXpw6MjgusMsuueiiiy675KKLLrrskkvua93ozkvXWz1m1+iyyy65/oKMXHTNrtHdND+GMyVdb/X4CzJ/MeaCjF1yzS666LplcLuALrrosksuuaPyrs9UdL3V498l/GsEu+yS67RLLrpm1+jK7Bpds4suuc0LMnRdjJldoyt2yUUXXXTZJZfc5/KuD7pml1xyh+Zdn6/S9XM3ZtfosovuQLr0mV2jyy675O52QfYh18/dmF2jK9/UfEdDF110HRnAJRdddNmFdyxccp/Kj+EMpuutHrNrdNlF10HX7JKLrtk1ujK7RpdddMmdq5tdF2NmF12jyy65QhdddtEld7L8GI7RdWQgl9zgBRm6fu7G7Bpd+abmOxq6G9o1umbX6GryC7IPuH7uxpHBcUFD7X7AJRdddOXI4LiALrroskuunsqP4Xirx+yia3TZJVcuyFyMsYsuuWbX6MrsGt2t82M4LsbMrtEVu+QKXXTZXdQuueFOdL3Vs/PsepVS1QuyreX6uRunXSddsUsuuuii65ua72h6uGtLuy7GzO7edOlZ4bj72e+cSy666IpdctFFF12Xu650NfcF2Wcvud7qMbtGV+ySiy666LJLrl5tk//Xx8WY2d2cLi8TdaPrrR6za3TFLrlCF112q3bJdUG2N11v9Zhdo6u57HofTWbX6MrsGl10o3aNLrtNu+Qu34Wut3qcdp105cjguCB00WU3g9erEeiiK3bJ1Qvd6Hqrx+waXbllcLugrWbX6LK7OV0mIp3oeqvH7BpduSBzMaZdZtfosrs3XRrMrtEVu+Rq3QsyF2Nmt2nX6LK7N10OzK7Rldk1ulp3do0uu3vTZSBa9j++fmpz/dzN5keGT1Wu0XXcddAVuuhqXbvkqnnaddJVdHbJ1X/LvevjrR41jwyOC4oeGchVc3aNrqKzS67+r7Nj9ym53uoxu1G6PnN2m3R94ugOtmt01bRLrtAVu0G6Pu2lKvzH197qUfPI4Ligpl1yha7YDdL1OaM72K7RVXR2ydXbF2Rv6H3sr3RdjJndKF2fMbtNuj5hdMfaNbqKzi65+mHnynS91WN2B9s1uvqJJvwxHD93o+jsGl017ZKr5gWZizFFZ5dcRS/IXIypObtGV0275ApdsTsOr9sFoSt2i3R9nht1rUTXWz1mN0rXp8nuYLvkqnnaddJV8pbB7YLQFbtFuj7HDfvquz7e6lF0do2uksddB12hK3YH2iVX/7azTddbPWY3Stfnx+5Yui7GFJ1do6umXXKFrtgdaJdcPdQ11u5Tcr3Vo6NJ1+emwRdk5Ko5u0ZXTbvkCl3pGPYXZP5iTE93t+i6GNPgI4PRVfSCjFyhKw20S67e6PV3fbzVo+YFmYsxRS/IvNWj6AWZ0VXTLrlqnnaddBWdXXLVvCBzMabmkcFxQdEjA7lCVxpol1yhKw20S66GdM1K11s9Gjy7RldNu+QqRvfpfC5q2vWpCF2xS65m655Nrrd6FJ1dn4iadn0eQlfskqs5O+eR660eRWfXZ6HmBZmLMUVn1yehpl2fg9AVu+Rq7q7vy/VWj6Kz6zNQ065PQOiKXXKFLrpa066nr+YFmYsxRWfXs1fTricvdMUuuULXWz1a066nrgf6wrs+3upRdHY9czXteuJCV+ySq2KnizGZXaOrRe161kJXGmjXkxa60kC7nrMeb8i7Pt7qUXR2PWU17XrGQlcaaNcTFrrSQLuer17r1Qsyb/UoOruerpp2PVuhKw2068nq5V5618dbPYrOrueq17tdjMnsGl3F7XqmQlcaaNcT1aBOF2Myu0ZXWbueptCVBtr1LIWuNNCuJ6nBPfSuj5+7UXR2PUc17XqKQlcaaNczFLrSQLueoL7Uv3zXx1s9is6u56emXU9P6EoD7Xp2+mq//a6Pt3oUnV1PTl/uJldbza7npqZdT03oSgPtemaaol9+18dbPYrOriempl3PS+hKA+16WkJXGmjXs9JUXS7GtPjselJq2vWchK400K6npCZdb/Uoatcz0pT98F0fP3ej6Ox6Qmra9XyErjTQrqejiTtdjGm52fVs1LTryQhdaaBdz0XoSgPteioKdHmrR8vMrmeipl1PROhKA+16HkJXGmjX01Coy1s9ys+uZ/FOfwBsHZ/D9+CqfQAAAABJRU5ErkJggg==');
  996.     background-size: contain;
  997.     background-repeat: no-repeat;
  998.     background-position: center;
  999.     top: 100%;
  1000.     transform: translateX(-50%);
  1001. }
  1002.  
  1003. app-login form > h2.login100-form-title::before {
  1004.     font-family: Arial , sans-serif;
  1005.     font-weight: 600;
  1006.     color: #222e4a;
  1007.     line-height: 1.2 !important;
  1008.     width: 100% !important;
  1009.     height: 100%;
  1010.     display: block;
  1011.     content: 'Acc\00E9 der \00E0  MY RNE';
  1012.     position: absolute;
  1013.     bottom: 0;
  1014.     background-color: #FFFFFF;
  1015.     display: flex;
  1016.     justify-content: center;
  1017.     align-items: flex-end;
  1018.     white-space: nowrap;
  1019.     display: none;
  1020. }
  1021. app-login form > h2.login100-form-title::after{
  1022.     content: ' ';
  1023.     position: absolute;
  1024.     left: 0;
  1025.     top: calc(100% - 30.4px);
  1026.     height: 39.4px;
  1027.     width: 30px;
  1028.     border-top: 3px solid #4fc4d6;
  1029.     border-left: 3px solid #4fc4d6;
  1030.     border-top-left-radius: 14px;
  1031. }
  1032. .wrap-login100 form{
  1033.     display: flex;
  1034.     flex-direction: column;
  1035.     align-items: center;
  1036. }
  1037. .wrap-login100 .container-login100-form-btn{
  1038.     justify-content:center !important;
  1039. }
  1040. .wrap-login100 .container-login100-form-btn + div{
  1041.     /* display: flex; */
  1042.     /* align-items: center; */
  1043. }
  1044. .wrap-login100 .container-login100-form-btn + div > div:last-child > button{
  1045.     margin-top: 0.375rem !important;
  1046. }
  1047.    
  1048.    
  1049. .wrap-login100 .login100-form .input100{
  1050.     background-color: #54c2bf !important;
  1051.     color: #545454;
  1052.     font-family: sans-serif !important;
  1053. }
  1054. .wrap-login100 .login100-form .input100:focus{
  1055.     box-shadow: 0 0 3px 3px #298f8c !important;
  1056. }
  1057. .wrap-login100 .login100-form .input100::placeholder{
  1058.     color: #545454;
  1059. }
  1060. .wrap-input100{
  1061.     max-width: 100%;
  1062. }
  1063. .wrap-input100 .symbol-input100 i{
  1064.     color: #545454;
  1065. }
  1066.  
  1067. .wrap-login100 .has-error.text-danger{
  1068.     position: static !important;
  1069.     background: none !important;
  1070.     color: #6e83c1 !important;
  1071.     border: none !important;
  1072.     box-shadow: none !important;
  1073.     text-align: center;
  1074.     padding-top: 0px !important;
  1075. }
  1076.  
  1077. .wrap-login100 .has-error.text-danger::after{
  1078.     display:none;
  1079. }
  1080.  
  1081. .login100-form-description{
  1082.    
  1083. }
  1084.  
  1085. .wrap-login100 .text-center.p-t-12{
  1086.     margin-bottom:10px;
  1087.     margin-top:10px;
  1088. }
  1089.  
  1090. .wrap-login100 .text-center.p-t-12 a span{
  1091.     font-family: sans-serif !important;
  1092. }
  1093.    
  1094. .container-login100-form-btn button{
  1095.     text-transform: none !important;
  1096.     font-weight: 600;
  1097.     font-family: sans-serif !important;
  1098.     letter-spacing: 0px;
  1099.     border-radius: 36px !important;
  1100. }
  1101. @media screen and (max-width:550px){
  1102.     app-login form > span.login100-form-description + div,
  1103.     app-login form > span.login100-form-description + div + div{
  1104.         min-width:100%;
  1105.         max-width:100%;
  1106.     }
  1107.     .wrap-login100{
  1108.         width: 100% !important;
  1109.     }
  1110.     app-login form > span.login100-form-description{
  1111.         min-width:100%;
  1112.         max-width:100%;
  1113.     }
  1114.     app-login form > h2.login100-form-title{
  1115.         min-width:100%;
  1116.         max-width:100%;
  1117.     }
  1118.     .container-login100{
  1119.         padding-left:0px !important;
  1120.         padding-right:0px !important;
  1121.     }
  1122. }
  1123.  
  1124. @media screen and (max-width:420px){
  1125.     app-login form > h2.login100-form-title{
  1126.         max-width: 360px;
  1127.         word-break:break-word;
  1128.         min-height: 80px;
  1129.         padding-left: 20px;
  1130.         padding-right: 20px;
  1131.     }
  1132.  
  1133.     app-login form > h2.login100-form-title::before{
  1134.         max-width:420px;
  1135.         word-break:break-word;
  1136.         white-space: pre;
  1137.         content: 'Acc\00E9 der\A\00E0  MY RNE';
  1138.         top: -7px;
  1139.     }
  1140.  
  1141.     app-login form > span.login100-form-description{
  1142.         max-width:420px;
  1143.         word-break:break-word;
  1144.     }
  1145.  
  1146.     app-login form > h2.login100-form-title::after{
  1147.         top: 30px;
  1148.         height: 85px;
  1149.     }
  1150. }
  1151. .login100-form {
  1152.     width: 50%;
  1153.     position: relative;
  1154.     margin: 0 10px;
  1155.     text-align: center;
  1156. }
  1157. /************** FIN NEW 19 05 2020******************/
  1158.  
  1159.  
  1160. /***START 2020-06-20 fixes***/
  1161. header[dir] nav.navbar.fixed-top.navbar-toggleable-md.navbar-expand-sm.scrolling-navbar.double-nav.navbar-extranet-style {
  1162. margin-left: 0px !important;
  1163. margin-right: 0px !important;
  1164. }
  1165.  
  1166. header[dir] app-navbar > mdb-navbar > nav > navlinks:last-child > div > div > .row > .col-9 > .plan-1 > * > .container{padding-right:0px;padding-left: 0px;}
  1167. header[dir] .side-nav .sidenav-bg:after{width: calc(100% - 8px);width: 0px;}
  1168. header[dir] app-navbar .navbar-extranet-style{
  1169. padding-top: 0px !important;
  1170. }
  1171.  
  1172. @media screen and (max-width:991px){
  1173. header[dir] > mdb-navbar > nav > navlinks:last-child > div > div > .row > .col-9 > .plan-1 > .topbar > .container > .row{
  1174.     max-width:none
  1175. }    
  1176. }
  1177.  
  1178. header[dir] > app-sidenav > mdb-sidenav > ul.side-nav > links ul.collapsible li.menu-item > a{
  1179. margin:0px;
  1180. }
  1181.  
  1182. header[dir] .side-nav .logo-wrapper img{
  1183. padding:0px;
  1184. }
  1185.  
  1186. header[dir] .side-nav .logo-wrapper{
  1187. margin-top:0px !important;
  1188. margin-bottom:0px !important;
  1189. }
  1190. header[dir] app-sidenav .side-nav{
  1191. box-shadow: 0 0 3px 2px #b3b3b3 !important;
  1192. /* color: #b3b3b3; */
  1193. }
  1194.  
  1195.  
  1196. header[dir] app-sidenav .side-nav ul.collapsible > li.menu-item > a[class] > i.fa::before{
  1197. bottom: auto;
  1198. /* transform: translateY(-50%); */
  1199. right: 0;
  1200. top: 50%;
  1201. color: #232f50 !important;
  1202. position: static;
  1203. font-size: 30px !important;
  1204. }
  1205.  
  1206. header[dir] app-sidenav .side-nav ul.collapsible > li.menu-item > a[class] > i.fa::before{
  1207. color: #232f50;
  1208. }
  1209.  
  1210.  
  1211.  
  1212. header[dir="ltr"] app-sidenav .side-nav ul.collapsible > li.menu-item > a[class]{
  1213. padding-left:10px !important;
  1214. }
  1215.  
  1216.  
  1217. header[dir] app-sidenav .side-nav ul.collapsible > li.menu-item > a[class]{
  1218. color:#232f50 !important;
  1219. }
  1220. header[dir] app-sidenav .side-nav ul.collapsible > li.menu-item > a.active{
  1221. color:#FFFFFF !important;
  1222. }
  1223.  
  1224. header[dir] > app-sidenav > mdb-sidenav >
  1225. ul.side-nav > links ul.collapsible li.menu-item >
  1226. a > i:not(.number):not(.number-rtl){
  1227. align-items: center;
  1228. }
  1229.  
  1230. header[dir="ltr"] > app-sidenav > mdb-sidenav > ul.side-nav > links ul.collapsible li.menu-item > a > i:not(.number):not(.number-rtl) {
  1231. position: absolute;
  1232. right: 8px;
  1233. display: flex;
  1234. justify-content: center;
  1235. margin: 0 !important;
  1236. top: 50%;
  1237. transform: translateY(-50%);
  1238. }
  1239.  
  1240. header[dir] .navlinks-style div:first-child .row
  1241. .col-3 li.nav-item:not(.waves-light):not(.dropdown){
  1242. display: inline-flex;
  1243. }
  1244.  
  1245. @media screen and (max-width:880px){
  1246.  
  1247. header[dir] app-navbar > mdb-navbar > nav > navlinks:last-child >
  1248. div > div > .row > .col-9 > .plan-1 > .topbar > .container > .row{
  1249. max-width: none;
  1250. }
  1251.  
  1252. header[dir] app-navbar > mdb-navbar > nav >
  1253. navlinks:last-child > div > div > .row > .col-9
  1254. > .plan-1 > .topbar > .container > .row > .col-lg-9{
  1255. justify-content: flex-start;
  1256. }
  1257.  
  1258. }
  1259. header[dir] .user-profil:empty + .nav-item{
  1260. display: none !important;
  1261. }
  1262. /***END 2020-06-20 fixes***/
  1263.  
  1264. /***START rne header styles***/
  1265. .container {max-width:1170px !important;}
  1266. html {}
  1267. img {max-width:100% !important; /*height:auto !important;*/}
  1268. a {color:#37b7c2 !important; text-decoration:none !important; line-height:inherit !important;}
  1269. a:hover, a:focus {color:#37b7c2 !important;}
  1270. a img {border:none !important;}
  1271. p {font-weight:normal !important; font-size:0.98rem !important; line-height:1.7 !important; margin-bottom:0.5rem !important; text-rendering:optimizeLegibility !important;}
  1272. .topbar {background:#EAEAEA !important; padding:3px 0 !important;}
  1273. .header {padding:0 0 0 0 !important; background:#fff !important;}
  1274. .menu {background-image:linear-gradient(#f4f4f4, #dbdbdb) !important; margin-top:0px !important; font-weight:bold !important; height:40px !important;}
  1275. header[dir] .plan-1 .content {display:none}
  1276. #wd-flag p {background:url(/assets/custom-login-styles/rne/media/flag-tn.jpg) no-repeat top left !important; background-size:40px 30px !important; min-height:30px !important; margin:0 !important; padding:2px 0 0 50px !important; font-size:.8em !important; line-height:1.2em !important;color: black !important;}
  1277. #wd-ls {float:right !important;}
  1278. #wd-ls ul {display:inline-block !important; margin:10px 0 0 0 !important;}
  1279. #wd-ls li {float:left !important; height:60px !important; padding:20px 0 0 60px !important; font-size:14px !important; display:inline-block !important; line-height:12px !important; font-weight:bold !important;}
  1280. #wd-ls li a {margin:0 !important; color:#1f304e !important;}
  1281. #wd-ls li strong {display:block !important; font-weight:normal !important; font-size:12px !important; padding-top:10px !important;}
  1282. #wd-ls li.ls1 {background-size:12px !important;background:url(/assets/custom-login-styles/rne/media/se-panier.png) top left no-repeat !important;border-right:1px solid #7982c2 !important;margin-right:5px !important;padding-right:10px !important;display: none !important;}
  1283. #wd-ls li.ls2 {background-size:12px !important; background:url(/assets/custom-login-styles/rne/media/se-login.png) top left no-repeat !important;}
  1284. #wd-slp {float:right !important;}
  1285. #wd-slp a, #wd-slp a:hover {color:#fff !important; text-decoration:none !important;}
  1286. #wd-phone, #wd-portal {display:inline-block !important; font-size:14px !important;}
  1287. #wd-phone, #wd-portal {background:#7386c1 !important; padding:3px 10px !important; border-radius:5px !important; margin:0 10px 0 0 !important; font-size:16px !important; color:#fff !important; font-weight:900 !important;}
  1288. #wd-phone i, #wd-portal i {padding:3px 3px 0 0 !important;}
  1289. #wd-portal {background:#37b7c2 !important;}
  1290. #wd-logo a img{height: 70px;}
  1291.  
  1292. #wd-logo{
  1293.   padding-right: 10px;
  1294.   padding-left: 10px;
  1295.   display: flex;
  1296. }
  1297. .col-lg-9 {
  1298. -ms-flex: 0 0 60% !important;
  1299. flex: 0 0 60% !important;
  1300. max-width: 60% !important;
  1301. z-index: 1;
  1302. }
  1303.  
  1304.  
  1305. .col-lg-3 {
  1306. -ms-flex: 0 0 30% !important;
  1307. flex: 0 0 30% !important;
  1308. max-width: 30% !important;
  1309. }
  1310.  
  1311. .row {
  1312. /* width: 100% !important;*/
  1313. }
  1314.  
  1315. .container {
  1316. max-width: 100% !important;
  1317. }
  1318.  
  1319. .fixed-sn .double-nav, .fixed-sn footer, .fixed-sn main {
  1320. /* padding-left: 180px !important;*/
  1321. }
  1322.  
  1323. @media (max-width: 1440px){
  1324.   app-root > main.main-style[dir]{
  1325.     padding-left:2%;
  1326.   }
  1327. }
  1328.  
  1329. #wd-portal .fa-pull-left:before{
  1330. color:#fff !important;
  1331. }
  1332.  
  1333. app-account-activation h2.header{
  1334. color: #ffffff;
  1335. position: fixed;
  1336. top: 50%;
  1337. left: 50%;
  1338. background: #162648 !important;
  1339. padding:10px !important;
  1340. }
  1341.  
  1342. body{margin: 0;overflow-y: auto !important;overflow-x: hidden !important;}
  1343. /***END rne header styles***/
  1344.  
  1345. /**START useless padding/scaping removal**/
  1346. app-root > main.main-style[dir] > contact > section{
  1347.   padding-top: 0 !important;
  1348.   padding-bottom: 0px !important;
  1349. }
  1350. /**end useless padding/scaping removal**/
  1351.  
  1352. /**start footer**/
  1353.  
  1354. .footer-copyright{
  1355.         color:white !important;
  1356. }
  1357.  
  1358. .footer-copyright .row.grey.lighten-4{
  1359.         background-color: #6e83c1!important;
  1360.         border-top: 4px solid #6e83c1;
  1361. }rt
  1362.  
  1363. .padding-footer-rtl[_ngcontent-c0] {
  1364.     padding-right: 0 !important;
  1365. }
  1366.  
  1367. .footer-select-language{
  1368.   color:white !important;
  1369. }
  1370.  
  1371. .footer-select-language option{
  1372.   color:black !important;
  1373. }
  1374. /**end footer**/
  1375. body, body[class] {
  1376.     background-color: #fefcff;
  1377. }

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