.bgimage { background-image: url(bg.jpg); background-size: cover; background-position: center center; background-attachment: fixed; background-repeat: no-repeat; min-height: 100vh; animation: slowZoom 65s ease-in-out infinite; } .bgimage::before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } @keyframes slowZoom{ 0% { background-size:1920px; } 50% { background-size:2500px; } 100% { background-size:1920px; } } @font-face { font-family:'Raleway'; font-style:normal; font-weight:400; src:url(./zDg3iBCKdL9ViZkyjX9PIJZtWTLAkqnf.woff2) format("woff2"); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; } img { border-radius:16px; } html { box-sizing:border-box; } *,:before,:after { box-sizing:inherit; } html { -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } body { margin:0; font-size-adjust:100%; } article,aside,details,figcaption,figure,footer,header,main,menu,nav,section { display:block; } summary { display:list-item; } audio,canvas,progress,video { display:inline-block; } progress { vertical-align:baseline; } audio:not([controls]) { display:none; height:0; } [hidden],template { display:none; } a { background-color:transparent; } a:active,a:hover { outline-width:0; } abbr[title] { border-bottom:none; text-decoration:underline; text-decoration:underline dotted; } b,strong { font-weight:bolder; } dfn { font-style:italic; } mark { background:#ff0; color:#000; } small { font-size:80%; } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sub { bottom:-.25em; } sup { top:-.5em; } figure { margin:1em 40px; } img { border-style:none; } button,input,select,textarea,optgroup { font:inherit; margin:0; } optgroup { font-weight:700; } button,input { overflow:visible; } button,select { text-transform:none; } button,[type=button],[type=reset],[type=submit] { -webkit-appearance:button; } button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner { border-style:none; padding:0; } button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring { outline:1px dotted ButtonText; } fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em; } legend { color:inherit; display:table; max-width:100%; padding:0; white-space:normal; } textarea { overflow:auto; } [type=checkbox],[type=radio] { padding:0; } [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height:auto; } [type=search] { -webkit-appearance:textfield; outline-offset:-2px; } [type=search]::-webkit-search-decoration { -webkit-appearance:none; } ::-webkit-file-upload-button { -webkit-appearance:button; font:inherit; } html,body { font-size:15px; line-height:1.5; font-size:100%; background-color:#edeef0; } .dark-mode { background-color:#132639; } h1 { font-size:36px; } h2 { font-size:30px; } h3 { font-size:24px; } h4 { font-size:20px; } h5 { font-size:18px; } h6 { font-size:16px; } .w3-serif { font-family:'Raleway'; } h1,h2,h3,h4,h5,h6 { font-family:'Raleway'; font-weight:400; margin:10px 0; } .w3-wide { letter-spacing:4px; } hr { border:0; border-top:1px solid #eee; margin:20px 0; } .w3-image { max-width:100%; height:auto; } img { vertical-align:middle; } a { color:inherit; } .w3-image-bottom { max-width:100%; height:auto; } img { vertical-align:bottom; } a { color:inherit; } .w3-table,.w3-table-all { border-collapse:collapse; border-spacing:0; width:100%; display:table; } .w3-table-all { border:1px solid #ccc; } .w3-bordered tr,.w3-table-all tr { border-bottom:1px solid #ddd; } .w3-striped tbody tr:nth-child(even) { background-color:#f1f1f1; } .w3-table-all tr:nth-child(odd) { background-color:#fff; } .w3-table-all tr:nth-child(even) { background-color:#f1f1f1; } .w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover { background-color:#ccc; } .w3-centered tr th,.w3-centered tr td { text-align:center; } .w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th { padding:8px; display:table-cell; text-align:left; vertical-align:top; } .w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child { padding-left:16px; } .w3-btn,.w3-button { border:none; display:inline-block; padding:8px 16px; vertical-align:middle; overflow:hidden; text-decoration:none; color:inherit; background-color:inherit; text-align:center; cursor:pointer; white-space:nowrap; } .w3-btn:hover { box-shadow:0 8px 16px 0 #0003 6px 20px 0 #00000080; } .w3-btn,.w3-button { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .w3-disabled,.w3-btn:disabled,.w3-button:disabled { cursor:not-allowed; opacity:.3; } .w3-disabled *,:disabled * { pointer-events:none; } .w3-btn.w3-disabled:hover,.w3-btn:disabled:hover { box-shadow:none; } .w3-badge,.w3-tag { background-color:#000; color:#fff; display:inline-block; padding-left:8px; padding-right:8px; text-align:center; } .w3-badge { border-radius:50%; } .w3-ul { list-style-type:none; padding:0; margin:0; } .w3-ul li { padding:8px 16px; border-bottom:1px solid #ddd; } .w3-ul li:last-child { border-bottom:none; } .w3-tooltip,.w3-display-container { position:relative; } .w3-tooltip .w3-text { display:none; } .w3-tooltip:hover .w3-text { display:inline-block; } .w3-ripple:active { opacity:.5; } .w3-ripple { transition:opacity 0s; } .w3-input { padding:8px; display:block; border:none; border-bottom:1px solid #ccc; width:100%; } .w3-select { padding:9px 0; width:100%; border:none; border-bottom:1px solid #ccc; } .w3-dropdown-click,.w3-dropdown-hover { position:relative; display:inline-block; cursor:pointer; } .w3-dropdown-hover:hover .w3-dropdown-content { display:block; } .w3-dropdown-hover:first-child,.w3-dropdown-click:hover { background-color:#ccc; color:#000; } .w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child { background-color:#ccc; color:#000; } .w3-dropdown-content { cursor:auto; color:#000; background-color:#fff; display:none; position:absolute; min-width:160px; margin:0; padding:0; z-index:1; } .w3-check,.w3-radio { width:24px; height:24px; position:relative; top:6px; cursor:pointer; } .mytopbar { position:fixed!important; bottom:0; left:0; } .w3-sidebar2 { border-radius:15px; font-size:14px; right:15px; top:80px; height:330px; width:135px; background-color:#f9f9f9; position:fixed!important; z-index:1; overflow:auto; } .w3-sidebar { border-radius:15px; width:165px; background-color:#f9f9f9; position:fixed!important; z-index:1; overflow:auto; left:15px; top:80px; } .w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click { width:100%; } .w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content { min-width:100%; } .w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button { width:100%; text-align:left; padding:8px 16px; } .w3-main,#main { transition:margin-left .1s; margin-left:165px; } .w3-modal { z-index:3; display:none; padding-top:100px; position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:#000; background-color:#000c; } .w3-modal-content { margin:auto; background-color:#fff; position:relative; padding:0; outline:0; width:600px; } .w3-bar { background-color:#97979b; width:100%; overflow:hidden; } .w3-center .w3-bar { display:inline-block; width:auto; z-index:999; } .w3-bar .w3-bar-item { padding:8px 16px; float:left; width:auto; border:none; display:block; outline:0; } .w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click { position:static; float:left; } .w3-bar .w3-button { white-space:normal; } .w3-bar-block .w3-bar-item { width:100%; display:block; padding:8px 16px; text-align:left; border:none; white-space:normal; float:none; outline:0; } .w3-bar-block.w3-center .w3-bar-item { text-align:center; } .w3-block { display:block; width:100%; } .w3-responsive { display:block; overflow-x:auto; } .w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after { content:""; display:table; clear:both; } .w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter { float:left; width:100%; } .w3-col.s1 { width:8.33333%; } .w3-col.s2 { width:16.66666%; } .w3-col.s3 { width:24.99999%; } .w3-col.s4 { width:33.33333%; } .w3-col.s5 { width:41.66666%; } .w3-col.s6 { width:49.99999%; } .w3-col.s7 { width:58.33333%; } .w3-col.s8 { width:66.66666%; } .w3-col.s9 { width:74.99999%; } .w3-col.s10 { width:83.33333%; } .w3-col.s11 { width:91.66666%; } .w3-col.s12 { width:99.99999%; } @media (min-width:601px){ .w3-col.m1 { width:8.33333%; } .w3-col.m2 { width:16.66666%; } .w3-col.m3,.w3-quarter { width:24.99999%; } .w3-col.m4,.w3-third { width:33.33333%; } .w3-col.m5 { width:41.66666%; } .w3-col.m6,.w3-half { width:49.99999%; } .w3-col.m7 { width:58.33333%; } .w3-col.m8,.w3-twothird { width:66.66666%; } .w3-col.m9,.w3-threequarter { width:74.99999%; } .w3-col.m10 { width:83.33333%; } .w3-col.m11 { width:91.66666%; } .w3-col.m12 { width:99.99999%; } } @media (min-width:993px){ .w3-col.l1 { width:8.33333%; } .w3-col.l2 { width:16.66666%; } .w3-col.l3 { width:24.99999%; } .w3-col.l4 { width:33.33333%; } .w3-col.l5 { width:41.66666%; } .w3-col.l6 { width:49.99999%; } .w3-col.l7 { width:58.33333%; } .w3-col.l8 { width:66.66666%; } .w3-col.l9 { width:74.99999%; } .w3-col.l10 { width:83.33333%; } .w3-col.l11 { width:91.66666%; } .w3-col.l12 { width:99.99999%; } } .w3-rest { overflow:hidden; } .w3-stretch { margin-left:-16px; margin-right:-16px; } .w3-content,.w3-auto { margin-left:auto; margin-right:auto; } .w3-content { max-width:980px; } .w3-auto { max-width:1140px; } .w3-cell-row { display:table; width:100%; } .w3-cell { display:table-cell; } .w3-cell-top { vertical-align:top; } .w3-cell-middle { vertical-align:middle; } .w3-cell-bottom { vertical-align:bottom; } .w3-hide { display:none!important; } .w3-show-block,.w3-show { display:block!important; } .w3-show-inline-block { display:inline-block!important; } @media (max-width:1205px){ .w3-auto { max-width:95%; } } @media (max-width:600px){ .w3-modal-content { margin:0 10px; width:auto!important; } .w3-modal { padding-top:30px; } .w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content { position:relative; } .w3-hide-small { display:none!important; } .w3-mobile { display:block; width:100%!important; } .w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile { text-align:center; } .w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button { width:100%; } } @media (max-width:768px){ .w3-modal-content { width:500px; } .w3-modal { padding-top:50px; } } @media (min-width:993px){ .w3-modal-content { width:900px; } .w3-hide-large { display:none!important; } .w3-sidebar.w3-collapse { display:block!important; } .w3-sidebar2 { display:block!important; } .mytopbar { display:none; } } @media (max-width:992px) and (min-width:601px){ .w3-hide-medium { display:none!important; } } #userconnect { position:absolute; right:20px; top:25px; } .w3-top,.w3-bottom { position:fixed; width:100%; z-index:1; } .w3-top { top:0; } .w3-bottom { bottom:0; } .w3-overlay { position:fixed; display:none; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background-color:#00000080; z-index:2; } .w3-display-topleft { position:absolute; left:0; top:0; } .w3-display-topright { position:absolute; right:0; top:0; } .w3-display-bottomleft { position:absolute; left:0; bottom:0; } .w3-display-bottomright { position:absolute; right:0; bottom:0; } .w3-display-middle { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); } .w3-display-left { position:absolute; top:50%; left:0; transform:translate(0%,-50%); -ms-transform:translate(-0%,-50%); } .w3-display-right { position:absolute; top:50%; right:0; transform:translate(0%,-50%); -ms-transform:translate(0%,-50%); } .w3-display-topmiddle { position:absolute; left:50%; top:0; transform:translate(-50%,0%); -ms-transform:translate(-50%,0%); } .w3-display-bottommiddle { position:absolute; left:50%; bottom:0; transform:translate(-50%,0%); -ms-transform:translate(-50%,0%); } .w3-display-container:hover .w3-display-hover { display:block; } .w3-display-container:hover span.w3-display-hover { display:inline-block; } .w3-display-hover { display:none; } .w3-display-position { position:absolute; } .w3-circle { border-radius:50%; } .w3-round-small { border-radius:2px; } .w3-round,.w3-round-medium { border-radius:4px; } .w3-round-large { border-radius:15px; } .w3-round-xlarge { border-radius:16px; } .w3-round-xxlarge { border-radius:32px; } .w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col { padding:0 8px; } .w3-container,.w3-panel { padding:.01em 16px; } .w3-panel { margin-top:16px; margin-bottom:16px; } .w3-card,.w3-card-2 { box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); } .w3-card-4,.w3-hover-shadow:hover { background-color:#fff; border-radius:15px; box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.50); } .w3-card-5,.w3-hover-shadow:hover { border-radius:20px; box-shadow:0 0 40px 0 #0003 0 40px 0 #00000080; } .w3-spin { animation:w3-spin 2s infinite linear; } @keyframes w3-spin{ 0% { transform:rotate(0deg); } 100% { transform:rotate(359deg); } } .w3-animate-fading { animation:fading .2s; } @keyframes fading{ 0% { opacity:0; } 100% { opacity:1; } } .w3-animate-opacity { animation:opac .8s; } @keyframes opac{ from { opacity:0; } to { opacity:1; } } .w3-animate-top { position:relative; animation:animatetop .4s; } @keyframes animatetop{ from { top:-300px; opacity:0; } to { top:0; opacity:1; } } .w3-animate-left { position:relative; animation:animateleft .1s; } @keyframes animateleft{ from { left:-300px; opacity:0; } to { left:0; opacity:1; } } .w3-animate-right { position:relative; animation:animateright .4s; } @keyframes animateright{ from { right:-300px; opacity:0; } to { right:0; opacity:1; } } .w3-animate-bottom { position:relative; animation:animatebottom .4s; } @keyframes animatebottom{ from { bottom:-300px; opacity:0; } to { bottom:0; opacity:1; } } .w3-animate-zoom { animation:animatezoom .6s; } @keyframes animatezoom{ from { transform:scale(0); } to { transform:scale(1); } } .w3-animate-input { transition:width .4s ease-in-out; } .w3-animate-input:focus { width:100%!important; } .w3-opacity,.w3-hover-opacity:hover { opacity:.6; } .w3-opacity-off,.w3-hover-opacity-off:hover { opacity:1; } .w3-opacity-max { opacity:.25; } .w3-opacity-min { opacity:.75; } .w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover { filter:grayscale(100%); } .w3-greyscale,.w3-grayscale { filter:grayscale(75%); } .w3-greyscale-min,.w3-grayscale-min { filter:grayscale(50%); } .w3-sepia { filter:sepia(75%); } .w3-sepia-max,.w3-hover-sepia:hover { filter:sepia(100%); } .w3-sepia-min { filter:sepia(50%); } .w3-tiny { font-size:10px!important; } .w3-small { font-size:12px!important; } .w3-medium { font-size:15px!important; } .w3-large { font-size:18px!important; } .w3-xlarge { font-size:24px!important; } .w3-xxlarge { font-size:36px!important; } .w3-xxxlarge { font-size:48px!important; } .w3-jumbo { font-size:64px!important; } .w3-left-align { text-align:left!important; } .w3-right-align { text-align:right!important; } .w3-justify { text-align:justify!important; } .w3-center { text-align:center!important; } .w3-border-0 { border:0!important; } .w3-border { border:1px solid #ccc!important; } .w3-border-top { border-top:1px solid #ccc!important; } .w3-border-bottom { border-bottom:1px solid #ccc!important; } .w3-border-left { border-left:1px solid #ccc!important; } .w3-border-right { border-right:1px solid #ccc!important; } .w3-topbar { border-top:6px solid #ccc!important; } .w3-bottombar { border-bottom:6px solid #ccc!important; } .w3-leftbar { border-left:6px solid #ccc!important; } .w3-rightbar { border-right:6px solid #ccc!important; } .w3-section,.w3-code { margin-top:16px!important; margin-bottom:16px!important; } .w3-margin { margin:16px!important; } .w3-margin-top { margin-top:16px!important; } .w3-margin-bottom { margin-bottom:16px!important; } .w3-margin-left { margin-left:16px!important; } .w3-margin-right { margin-right:16px!important; } .w3-padding-small { padding:4px 8px!important; } .w3-padding { padding:8px 16px!important; } .w3-padding-large { padding:12px 24px!important; } .w3-padding-16 { padding-top:16px!important; padding-bottom:16px!important; } .w3-padding-24 { padding-top:24px!important; padding-bottom:24px!important; } .w3-padding-32 { padding-top:32px!important; padding-bottom:32px!important; } .w3-padding-48 { padding-top:48px!important; padding-bottom:48px!important; } .w3-padding-64 { padding-top:64px!important; padding-bottom:64px!important; } .w3-left { float:left!important; } .w3-right { float:right!important; } .w3-button:hover { color:#fff!important; background-color:#036!important; } .w3-brown { color:#795548; font-size:18px; padding-bottom:15px; } .w3-green,.w3-hover-green:hover { color:#fff!important; background-color:#4CAF50!important; } .w3-round-small { border-radius:2px; } .w3-round,.w3-round-medium { border-radius:4px; } .w3-round-large { border-radius:15px; } .w3-round-xlarge { border-radius:16px; } .w3-round-xxlarge { border-radius:32px; } .bgwhite { color:#000!important; background-color:#fff!important; border-width:0; } .bgwhite:hover { color:#fff!important; background-color:#000!important; } .w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover { color:#000!important; background-color:#f1f1f1!important; } .w3-text-blue,.w3-hover-text-blue:hover { color:#2196F3!important; } .w3-text-orange,.w3-hover-text-orange:hover { color:#ff9800!important; } .w3-pale-red,.w3-hover-pale-red:hover { color:#000!important; background-color:#fdd!important; } .w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover { color:#607d8b!important; } .text-green { color:#4CAF50!important; } * { box-sizing:border-box; scroll-behavior:smooth; } body,h1,h2,h3,h4,h5,h6 { font-family:Raleway; } body { margin:0; min-height:100vh; } h2 { font-size:20px; font-weight:700; } a { font-family:Raleway; } label { font-family:Raleway; font-size:16px; display:inline-block; margin-right:20px; vertical-align:top; text-align:left; padding:5px; padding-left:10px; } textarea { resize:vertical; background-color:#fffff0; border-style:dotted; border-width:thin; } .gonextline { display:inline-block; } .buttonleft { float:left; } .buttonright { float:right; } #centeredbannertext { color:#fff; font-size:40px; font-weight:700; text-shadow:4px 4px #000; margin-top:-65px; text-align:center; z-index:999999; } .btncheck { border:none; background-color:inherit; padding:6px; cursor:pointer; display:inline-block; border-radius:6px; } .btncheck:hover { background:#eee; } .paddingleft30px { padding-left:30px; } .overflowxauto { overflow-x:auto; } .floatright { float:right; } .paddingbottom15 { padding-bottom:15px; } .padding30 { padding:30px; } .width150 { width:150px; } .paddingtop1 { padding-top:1px; } .margintop50 { margin-top:-50px; } .zindex999 { z-index:999; } ul { list-style:none; } #modaldialogsubmitdontsubmitwait { content:url('wait.gif'); padding-left:150px; margin:auto; } #modaltext { height:450px; overflow-y:auto; display:flex; } #submitdialog { float:right; } #modaldialogsubmitdontsubmitquestion { cursor:pointer; } #albumhelp { cursor:pointer; } #divselectedserviceusers { width:98%; } .waitloader { content:url('wait.gif'); } .imgpen { content:url('pen.png'); } .imgdelete { content: url('delete.png'); } .imgrotate { content: url('rotateimage.png'); } .imgquestion { content:url('question.png'); } .imgattention { content:url('attention.png'); } .arrowright { content:url('arrowright.png'); } .arrowleft { content:url('arrowleft.png'); } .x { content:url('x.png'); } .imgactivities { content:url('activities.png'); } .imgdocs { content:url('docs.png'); } .imgcontact { content:url('contact.png'); } .imgcenter { content:url('center.png'); } .imgesplanade { content:url('esplanade.png'); } .imgzoom { content: url('zoom.png'); } .imgtribes { content:url('tribes.png'); } .imgmymessages { content:url('mymessages.png'); } .imgdisconnect { content:url('disconnect.png'); } .imgconnect { content: url('connect.png');border-radius: 0px; } .imgindex { content: url('index.png'); border-radius: 0px;} .imgarticles { content: url('articles.png'); border-radius: 0px;} .imgloans { content: url('loans.png'); border-radius: 0px;} .imgcart { content: url('cart.png'); border-radius: 0px;} .imgsection { content: url('sections.png'); border-radius: 0px; } .imguseraccount { content: url('useraccount.png'); border-radius: 0px;} .imgsuppliers { content:url('suppliers.png'); border-radius: 0px;} .imgnight {content:url('night.png')} .imgday {content:url('day.png')} .imgnotifications { content:url('notifications.png'); } .imgdown { content:url('down.png'); } .imgup { content:url('up.png'); } .imgpdf { content:url('pdf.png'); } .imgcontacting { content:url('contacting.png'); } .imgchecked { content:url('checked.png'); } .imgavatar3 { content: url('avatar3.png');} .imgavatar4 { content: url('avatar4.png');} .imgavatar5 { content: url('avatar5.png');} .imgavatar6 { content: url('avatar6.png');} .imgplus { content:url('plus.png'); } .imgundo { content:url('undo.png'); } .imgclipboard { content:url('copy2clipboard.png'); } .imgkey { content:url('key.png'); } .imgavatarincognito { content:url('avatarincognito.png'); } .imglight { content:url('light.png'); } .imgsubmit { content:url('submit.png'); } .imgsearchicontrans { content:url('searchicontrans.png'); } .imgedition { content:url('edition.png'); } .imgmailreply { content:url('mailreply.png'); } .imgmailreplytoall { content:url('mailreplytoall.png'); } .imgmailforward { content:url('mailforward.png'); } .imgmaildelete { content:url('maildelete.png'); } .imgmailnew { content:url('mailnew.png'); } .imgmailin { content:url('mailin.png'); } .imgmailout { content:url('mailout.png'); } .imgzip { content:url('zip.png'); } .imgdoc { content:url('doc.png'); } .imgxls { content:url('xls.png'); } .imgppt { content:url('ppt.png'); } .imgjpg { content:url('jpg.png'); } .imgodt { content:url('odt.png'); } .imgodg { content:url('odg.png'); } .imgods { content:url('ods.png'); } .imgodp { content:url('odp.png'); } .imgpub { content:url('pub.png'); } .imgpsd { content:url('psd.png'); } .imgxcf { content:url('xcf.png'); } .imggif { content:url('gif.png'); } .imgpng { content:url('png.png'); } .imgpdf1 { content:url('pdf1.png'); } .imgtxt { content:url('txt.png'); } .width320px { width:320px; } .paddingleft20px { padding-left:20px; } .paddingright20px { padding-right:20px; } .width200px { width:200px; } .width10 { width:10%; } .width60 { width:60%; } .width70 { width:70%; } .width90 { width:90%; } .width95 { width:95%; } .width100 { width:100%; } .width140 { width:140px; } .width180 { width:180%; } .visibilityhidden { visibility:hidden; } .verticalaligntextbottom { vertical-align:text-bottom; } .verticalaligntexttop { vertical-align:text-top; } .textaligncenter { text-align:center; } .resizenone { resize:none; } .borderwidth0 { border-width:0; } .displaynone { display:none; } .displayblock { display:block; } .displayinlineblock { display:inline-block; } .displayflex { display:flex; } .clearboth { clear:both; } .maxwidth100 { max-width:100%; } .cursordefault { cursor:default; } .overflowyauto { overflow-y:auto; } .overflowxhidden { overflow-x:hidden; } .overflowauto { overflow:auto; } .fontsize20px { font-size:20px; } .height40px { height:40px; } .height200px { height:200px; } .maxheight200px { max-height:200px; } .height250px { height:250px; } .height255px { height:255px; } .height290px { height:290px; } .height300px { height:300px; } .maxheight300px { max-height:300px; } .maxwidth500px { max-width:500px; } .marginbottom30px { margin-bottom:30px; } .marginleft-15px { margin-left:-15px; } .marginleft10px { margin-left:10px; } .width350px { width:350px; } .marginleft15px { margin-left:15px; } .marginleft20px { margin-left:20px; } .marginright15px { margin-right:15px; } .marginright20px { margin-right:20px; } .margintop0px { margin-top:0; } .margintop-20px { margin-top:-20px; } .margintop-1px { margin-top:-1px; } .margintop-5px { margin-top:-5px; } .margintop10px { margin-top:10px; } .maxheight150px { max-height:150px; } .paddingbottom5px { padding-bottom:5px; } .paddingbottom15px { padding-bottom:15px; } .paddingbottom20px { padding-bottom:20px; } .paddingleft0 { padding-left:0; } .paddingleft5px { padding-left:5px; } .paddingleft10px { padding-left:10px; } .paddingleft15px { padding-left:15px; } .paddingleft40px { padding-left:40px; } .paddingright10px { padding-right:10px; } .paddingright15px { padding-right:15px; } .paddingtop1px { padding-top:1px; } .paddingtop5px { padding-top:5px; } .paddingtop10px { padding-top:10px; } .paddingtop20px { padding-top:20px; } .padding0px { padding:0; } .padding5px { padding:5px; } .padding10px { padding:10px; } .paddingtop15px { padding-top:15px; } .positionrelative { position:relative; } .positionabsolute { position:absolute; } .marginleft5px { margin-left:5px; } .width40px { width:40px; } .width130px { width:130px; } .marginright10px { margin-right:10px; } .margin0px { margin:0; } .top0 { top:0; } .margintop-10px { margin-top:-10px; } .margin10px { margin:10px; } .padding15px { padding:15px; } .resizeboth { resize:both; } .borderwidththin { border-width:thin; } .borderstyledotted { border-style:dotted; } .width800px { width:800px; } .height500px { height:500px; } .fontstyleitalic { font-style:italic; } .width30px { width:30px; } .width30 { width:30%; } .opacity5 { opacity:.5; } .marginleft30px { margin-left:30px; } .fontweightbold { font-weight:700; } .height50vh { height:50vh; } .width80px { width:80px; } .width20px { width:20px; } .marginauto { margin:auto; } .left0 { left:0; } .right0 { right:0; } .width98 { width:98%; } #mySidebar { transition:top .3s; } #mySidebar2 { transition:top .3s; } #topsmartbutton { position:fixed; left:0; top:0; z-index:9999; } #isolatedivupi { isolation:isolate; all:initial; } #divsecs { position:fixed; top:30px; right:0; z-index:10000; text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #e60073,0 0 5px #e60073,0 0 5px #e60073,0 0 60px #e60073,0 0 5px #e60073; } #yesnowaitdiv { width:186px; margin:0 auto; display:none; } .imgreverse { cursor:pointer; } .imgreverse:hover { -webkit-filter:invert(1); filter:invert(1); } .emojis { font-size:2em; cursor:pointer; } .imgresponsive { width:100%; max-width:550px; height:auto; } .colorblack { color:#000; } .colorred { color:red; } .pointer { cursor:pointer; } .dataletters { content:attr(data-letters); filter:drop-shadow(8px 8px 10px gray); display:inline-block; font-size:22px; font-weight:700; width:50px; height:50px; line-height:50px; text-align:center; border-radius:50%; background:#000; vertical-align:middle; margin-right:1em; color:#fff; } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; } input[type=number] { -moz-appearance:textfield; } #userpwd { font-family:monospace; } .frmbannerdiv { display:block; } .h3 { font-size:24px; } .alink { text-decoration:none; } .section { margin-right:0; cursor:pointer; font-family:Raleway; font-size:16px; display:inline-block; vertical-align:top; text-align:left; padding:5px; } .section:hover { background-color:#666; } .simplebutton { cursor:pointer; } .esplanadewin { background-color:#fffff5; } .esplanadewintext { background-color:#fff; } .divtextarea { width:100%; border-style:solid; border-width:1px; } .emojibox { background:#c1c1c1!important; width:296px; height:200px; position:absolute; top:0; left:0; border-style:solid; border-width:1px; z-index:99999; border-radius:15px; box-shadow:5px 5px 5px #e6e6e6; visibility:hidden; } .emojiboxclose { background:#c1c1c1!important; border-radius:15px; box-shadow:5px 5px 5px #e6e6e6; } .emojiboxin { margin-left:5px; margin-right:5px; background-color:#fff!important; height:164px; clear:both; overflow-y:scroll; font-size:24px; } .esplanadewinchild { background-color:#e6e6db; } .blink { animation:blink-animation .5s steps(5,start) infinite; -webkit-animation:blink-animation 1s steps(5,start) infinite; } @keyframes blink-animation{ to { visibility:hidden; } } @-webkit-keyframes blink-animation { to { visibility:hidden }; } .glow { font-size:20px; animation:glow .5s ease-in-out infinite alternate; } @-webkit-keyframes glow { from { text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #e60073,0 0 40px #e60073,0 0 50px #e60073,0 0 60px #e60073,0 0 70px #e60073 } to { text-shadow:0 0 20px #fff,0 0 30px #ff4da6,0 0 40px #ff4da6,0 0 50px #ff4da6,0 0 60px #ff4da6,0 0 70px #ff4da6,0 0 80px #ff4da6 }; } .ck-editor__editable { max-width:100%!important; } .ck-editor__editable p { margin:0; } .ck-editor__editable { resize:vertical; } .text-huge { font-size:1.8em; } figure { margin-left:0; padding-left:0; width:100%; } .tablesarticles { border-collapse:collapse; margin-left:0; table-layout:fixed; width:100%; } .tdarticlestitle { background-color:#666; padding:10px; text-align:center; white-space:-o-pre-wrap; word-wrap:break-word; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; } .tdarticlescontents { padding:10px; text-align:center; white-space:-o-pre-wrap; word-wrap:break-word; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; } .tdarticlesimages { background-color:#f1f1f1; padding:10px; text-align:center; white-space:-o-pre-wrap; word-wrap:break-word; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; } #scrolltotop { content:url('totop.png'); display:none; position:fixed; bottom:25px; right:0; z-index:999; padding:10px; cursor:pointer; } #scrolltotop:hover { background-color:#222; } .go2parent { padding:10px; cursor:pointer; content:url('back.png'); } .go2parent:hover { background-color:#222; } .mytopbar2 { padding:10px; cursor:pointer; } .mytopbar2:hover { background-color:#222; } #tobottom { content:url('tobottom.png'); position:fixed; right:0; z-index:9999; padding:10px; cursor:pointer; } #tobottom:hover { background-color:#222; } .tolink { z-index:99; padding:10px; cursor:pointer; } .tolink:hover { background-color:#222; } .wraptext { white-space:-o-pre-wrap; word-wrap:break-word; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; } #fixeddiv { border-style:dotted; border-width:1px; position:fixed; right:5px; bottom:0; height:120px; width:260px; background-color:#f2f2f2; z-index:1000; display:none; animation:animatebottom .4s; } @keyframes animatebottom{ from { bottom:-240px; opacity:0; } to { bottom:0; opacity:1; } } #fixeddiv2 { border-style:dotted; border-width:1px; position:fixed; right:5px; bottom:0; height:30px; width:30px; z-index:999; display:block; } .dropdown { position:relative; display:inline-block; float:right; } .dropdown-content { font-weight:700; text-align:center; display:none; position:absolute; background-color:#f1f1f1; min-width:25px; box-shadow:0 8px 16px 0 #0003; z-index:1; } .dropdown-content a { color:#000; padding:12px 16px; text-decoration:none; display:block; } .dropdown-content a:hover { background-color:#ddd; } .dropdown:hover .dropdown-content { display:block; } .dropdown:hover .dropbtn { background-color:#3e8e41; } .dropup { position:relative; display:inline-block; } .dropup-content { display:none; position:absolute; background-color:#f1f1f1; min-width:160px; bottom:50px; z-index:1; margin-bottom:-10px; } .dropup-content a { color:#000; padding:12px 16px; text-decoration:none; display:block; } .dropup-content a:hover { background-color:#ccc; } .dropup:hover .dropup-content { display:block; } .dropup:hover .dropbtn { background-color:#2980B9; } progress { height:40px; width:100%; border-radius:0; box-shadow:0 0 0 0 #ffff; } #progressstatus { font-size:20px; font-weight:700; z-index:999; color:#fff; } .smoothscrolling { scroll-behavior:smooth; overflow:auto; -webkit-overflow-scrolling:touch; } #captchaimg { border-radius:7px; padding:2px; } .somefiles { margin-top:30px; margin-bottom:20px; height:100px; overflow-y:scroll; width:100%; display:none; } .labelunderlined { text-decoration:underline; cursor:pointer; } #bottomhelpdesk { position:fixed; bottom:0; left:15px; font-size:24px; cursor:pointer; border-radius:10px; padding:2px; } #bottomhelpdesk:hover { background-color:#222; } #bottomhelpdesk-image { position:fixed; bottom:40px; margin-left:5px;} #bottomhelpdesk-imagedisplayed {background-color: #c1c1c1; border-radius:8px; box-shadow:0 10px 20px #0003; display:none; cursor:pointer; font-size: 24px; font-weight: 700;} .submenu { display:none; } .tdleft { width:10%; } .PaddingL0R0 { padding-left:0; padding-right:0; } .smalldivgreen { background-color:green; color:#fff; font-size:13px; padding-left:8px; padding-right:8px; border-radius:5px; } .smalldivred { background-color:red; color:#fff; font-size:13px; padding-left:8px; padding-right:8px; border-radius:5px; } .sticky { position:-webkit-sticky; position:sticky; top:0; z-index:1; transition:top .3s; } .fixedcontent { top:0; position:fixed; overflow-y:scroll; overflow-x:hidden; width:100%; } .centerlogin { margin:0 auto; max-width:300px; } .borderhover:hover { border-style:dotted; border-width:1px; } .rightborder { border-right-style:dotted; border-width:1px; } .bannereditpen { cursor:pointer; content:url('penwhite.png'); position:absolute; top:0; left:0; padding:5px; } .bannereditpen:hover { border-style:solid; padding:5px; margin-top:-5px; } .texteditdiv { float:left; } .textattachpen { content:url('attach_file.png'); padding:5px; } .step1 { float:right; content:url('1.png'); } .step2 { float:right; content:url('2.png'); } .step3 { float:right; content:url('3.png'); } .step4 { float:right; content:url('4.png'); } .step5 { float:right; content:url('5.png'); } .step6 { float:right; content:url('6.png'); } .zoom { transition:transform .1s; margin:0 auto; } .zoom:hover { -ms-transform:scale(1.004); -webkit-transform:scale(1.004); transform:scale(1.004); } .sectionsimage { max-width:100%; filter:drop-shadow(8px 8px 10px gray); } .usersimage { max-width:100%; filter:drop-shadow(8px 8px 10px gray); } .articlesimage { max-width:100%; filter:drop-shadow(8px 8px 10px gray); } .suppliersimage { max-width:100%; filter:drop-shadow(8px 8px 10px gray); } .userslistimage { width:50px; height:50px; filter:drop-shadow(8px 8px 10px gray); border-radius:50%; } .articleslistimage { width:50px; height:50px; filter:drop-shadow(8px 8px 10px gray); border-radius:50%; } .supplierslistimage { width:50px; height:50px; filter:drop-shadow(8px 8px 10px gray); border-radius:50%; } .listimage { width:80px; filter:drop-shadow(8px 8px 10px gray); } .fileslistimage { filter:drop-shadow(8px 8px 10px gray); } .spanreset { cursor:pointer; position:relative; top:-10px; left:-15px; } .spanreset:hover { border-radius:20%; background:grey; color:#fff; } .spanresetuserregister { float:right; cursor:pointer; position:relative; margin-top:-60px; } .spanresetsubscribers:hover { border-radius:20%; background:grey; color:#fff; } .spanresetevents { float:right; cursor:pointer; position:relative; margin-top:-60px; } .spanresetevents:hover { border-radius:20%; background:grey; color:#fff; } .dtransheight { transition:height .5s; transition-timing-function:linear; visibility:hidden; height:0; overflow:hidden; padding:8px; margin:-8px; } .switch { position:relative; display:inline-block; width:40px; height:24px; } .switch input { opacity:0; width:0; height:0; } .slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#216f32; -webkit-transition:.4s; transition:.4s; } .slider:before { position:absolute; content:""; height:16px; width:16px; left:4px; bottom:4px; background-color:#fff; -webkit-transition:.4s; transition:.4s; } input:checked + .slider { background-color:#2196F3; } input:focus + .slider { box-shadow:0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform:translateX(16px); -ms-transform:translateX(16px); transform:translateX(16px); } .slider.round { border-radius:24px; } .slider.round:before { border-radius:50%; } ::-webkit-scrollbar { width:12px; } ::-webkit-scrollbar-track { box-shadow:inset 0 0 8px #fff; border-radius:4px; } ::-webkit-scrollbar-thumb { background:#828282; border-radius:4px; } ::-webkit-scrollbar-thumb:hover { background:#8f8f8f; } .w3-teal,.w3-hover-teal:hover { color:#fff!important; background-color:#4d0000!important; } .labeleditor { background-color:#4d0000; color:#fff; } .labelstop { width:100%; background-color:#4d0000; color:#fff; } .labelssubscriptions,.labelsspecialprofil { width:100%; background-color:#4d0000; color:#fff; font-size:22px; } .labelsselectedservicesteams { width:100%; background-color:#036; color:#fff; font-size:22px; } .wrapper:after { content:''; display:block; clear:both; } .spacer { height:99px; } .loader { border:16px solid #f3f3f3; border-radius:50%; border-top:16px solid #3498db; width:30px; height:30px; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg) } 100% { -webkit-transform:rotate(360deg) }; } @keyframes spin{ 0% { transform:rotate(0deg); } 100% { transform:rotate(360deg); } } #animatorpersontocontactdiv,#subscriberchildrenpersoninchargefiscdiv,#subscriberchildrenpersontocontactdiv,#subscribermoneysenderdiv,#subscriberemergencypersondiv { animation:fadein 2s; -moz-animation:fadein 2s; -webkit-animation:fadein 2s; -o-animation:fadein 2s; } @keyframes fadein{ from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { from { opacity:0 } to { opacity:1 }; } @-webkit-keyframes fadein { from { opacity:0 } to { opacity:1 }; } @-o-keyframes fadein { from { opacity:0 } to { opacity:1 }; } .LoginInput { width:80%; font-size:16px; border:1px dotted #ddd; color:#000; padding:5px; font-family:Raleway; } .glow-LoginInput:hover { color:#ffff; box-shadow:0 5px 15px #915cb666; color:#000; } .button,.buttonfileupload,.buttonfiledownload,.docedit,.docdownload,.docdelete { border:1px solid #ddd; text-decoration:none; color:#fffc; background:grey; padding:10px 15px; border-radius:15px; font-weight:400; font-family:Raleway; font-size:16px; line-height:normal; cursor:pointer; } .buttonfileupload { background-image:url(_upload.png); background-repeat:no-repeat; background-position:left; } .buttonfiledownload { background-image:url(_download.png); background-repeat:no-repeat; background-position:left; } .docedit { background-image:url(_docedit.png); background-repeat:no-repeat; background-position:left; } .docdelete { background-image:url(_docdelete.png); background-repeat:no-repeat; background-position:left; } .docdownload { background-image:url(_docdownload.png); background-repeat:no-repeat; background-position:left; padding:10px 40px; } .glow-button:hover { color:#ffff; box-shadow:0 5px 10px #915cb666; } /* Boutons standard + emprunt/distribution : même taille (thème clair) */ button.button, #btnsubmit.button { box-sizing: border-box !important; font-family: Raleway !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.25 !important; padding: 10px 18px !important; min-height: 44px !important; border-radius: 15px !important; vertical-align: middle !important; } button.btn-loan-borrow, button.btn-loan-take { display: inline-block !important; box-sizing: border-box !important; font-family: Raleway !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.25 !important; padding: 10px 18px !important; min-height: 44px !important; border: 1px solid #ddd !important; border-radius: 15px !important; vertical-align: middle !important; text-decoration: none !important; cursor: pointer !important; } .btn-loan-borrow { background-color:#1565c0 !important; color:#fff !important; } .btn-loan-borrow:hover { background-color:#0d47a1 !important; color:#fff !important; } .btn-loan-take { background-color:#2e7d32 !important; color:#fff !important; } .btn-loan-take:hover { background-color:#1b5e20 !important; color:#fff !important; } .btn-loan-accept { background-color:#2e7d32 !important; color:#fff !important; } .btn-loan-accept:hover { background-color:#1b5e20 !important; color:#fff !important; } .btn-loan-refuse { background-color:#c62828 !important; color:#fff !important; } .btn-loan-refuse:hover { background-color:#8e0000 !important; color:#fff !important; } .btn-loan-cancel { background-color:#ef6c00 !important; color:#fff !important; } .btn-loan-cancel:hover { background-color:#e65100 !important; color:#fff !important; } .glow-div-normal { padding:10px; border-radius:4px; box-shadow:0 5px 15px #915cb666; background-color:#efffff; } .glow-div:hover { border-radius:4px; box-shadow:0 5px 15px #915cb666; background-color:#efffff; } .formerrormessage { color:red; font-size:16px; font-family:Raleway; font-weight:700; } #bannerimgbig { display:inline-block; overflow:hidden; height:65px; transition:height .5s; transition-timing-function:linear; } #bannerimglogo { height:53px; display:none; } @media (max-width:992px){ .w3-sidebar.w3-collapse { display:none; } .w3-main { margin-left:0!important; margin-right:0!important; } .w3-auto { max-width:100%; } .w3-sidebar2 { display:none; } .mytopbar { display:block!important; } #innerdiv90 { width:100%; } #innerdivleft,#innerdivright,#innerdivleft75,#innerdivright25 { width:100%; } #bannerimgbig { display:none; } #centeredbannertext { display:none; } #bannerimglogo { display:inline-block; } #userconnect { position:absolute; right:5px; top:10px; } .rightborder { border-right-style:none; } .smartcontainer { padding-left:0; padding-right:0; } #filestype { width:70%; overflow-x:hidden; } #divsecs { top:0; } #divselectedserviceusers { width:90%; } #budgetdescription { width:100%; } #budgetmemberid { width:100%; } } #galleries { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #galleries td { text-align:left; padding:12px; } #galleries th { cursor:pointer; padding:12px; text-align:left; background-color:#c0c; color:#fff; } #galleries th:hover { background-color:#000; } #galleries tr { border-bottom:1px solid #ddd; } #galleries tr:nth-child(odd) { background-color:#fff; } #galleries tr:nth-child(even) { background-color:#fffff5; } #galleries tr:nth-child(even):hover { background-color:#000; color:#fff; } #galleries tr:nth-child(odd):hover { background-color:#000; color:#fff; } #servicessections { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; } #servicessections td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #servicessections tr { border:1px dotted #000; cursor:pointer; } #servicessections tr:hover { background-color:#f1f1f1; } #servicescategories { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; } #servicescategories td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #servicescategories tr { border:1px dotted #000; cursor:pointer; } #servicescategories tr:hover { background-color:#f1f1f1; } #servicesdetails { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; } #servicesdetails td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #servicesdetails tr { border:1px dotted #000; cursor:pointer; } #servicesdetails tr:hover { background-color:#f1f1f1; } #servicesusers { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; } #servicesusers td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #servicesusers tr { border:1px dotted #000; cursor:pointer; } #servicesusers tr:hover { background-color:#f1f1f1; } #servicesselected { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; color:#000; background-color:#f0f0f5; } #servicesselected td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #servicesselected tr { border:1px dotted #000; cursor:pointer; } #servicesselected tr:hover { background-color:#000; color:#fff; } .servicessectionsli { font-size:16px; padding:12px; width:100%; font-family:Raleway; color:#fff; list-style:none; font-weight:700; background-color:#2e2e1f; } .servicessectionsli :hover { background-color:#f1f1f1; cursor:pointer; } .servicescategoriesli { font-size:16px; width:100%; font-family:Raleway; color:#000; list-style:none; font-weight:700; background-color:#b8b894; padding:12px 12px 12px 30px; } .servicescategoriesli :hover { background-color:#f1f1f1; cursor:pointer; } .servicesdetailsli { font-size:16px; width:100%; font-family:Raleway; color:#000; list-style:none; font-weight:700; background-color:#e0e0d1; padding:12px 12px 12px 60px; } .servicesdetailsli :hover { background-color:#f1f1f1; cursor:pointer; } #servicessearched { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #servicessearched th { width:100%; padding:12px; text-align:left; background-color:#996; color:#fff; } #servicessearched td { width:100%; text-align:left; padding:12px; } #servicessearched tr { border-bottom:1px solid #ddd; } #servicessearched tr:nth-child(odd) { background-color:#fff; } #servicessearched tr:nth-child(even) { background-color:#fffff5; } #servicessearched tr:nth-child(even):hover { background-color:#000; color:#fff; } #servicessearched tr:nth-child(odd):hover { background-color:#000; color:#fff; } #teams { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; } #teams td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #teams tr { border:1px dotted #000; cursor:pointer; } #teams tr:hover { background-color:#f1f1f1; } #teamssections { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; } #teamssections td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #teamssections tr { border:1px dotted #000; cursor:pointer; } #teamssections tr:hover { background-color:#f1f1f1; } #teamscategories { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; } #teamscategories td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #teamscategories tr { border:1px dotted #000; cursor:pointer; } #teamscategories tr:hover { background-color:#f1f1f1; } #teamsdetails { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; } #teamsdetails td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #teamsdetails tr { border:1px dotted #000; cursor:pointer; } #teamsdetails tr:hover { background-color:#f1f1f1; } #teamsreferents { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; } #teamsreferents td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #teamsreferents tr { border:1px dotted #000; cursor:pointer; } #teamsreferents tr:hover { background-color:#f1f1f1; } #teamsusers { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; } #teamsusers td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #teamsusers tr { border:1px dotted #000; cursor:pointer; } #teamsusers tr:hover { background-color:#f1f1f1; } #teamsselected { border-collapse:collapse; width:100%; font-family:Raleway; border:1px dotted #000; table-layout:fixed; color:#000; background-color:#f0f0f5; } #teamsselected th { cursor:default; padding:12px; text-align:left; background-color:#fff; color:#000; } #teamsselected td { text-align:left; padding:12px; padding-bottom:0; border:1px dotted #000; word-wrap:break-word; } #teamsselected tr { border:1px dotted #000; cursor:pointer; } #teamsselected tr:hover { background-color:#000; color:#fff; } .teamssectionsli { font-size:16px; padding:12px; width:100%; font-family:Raleway; color:#000; list-style:none; font-weight:700; background-color:#a2a276; } .teamssectionsli :hover { background-color:#f1f1f1; cursor:pointer; } .teamscategoriesli { font-size:16px; width:100%; font-family:Raleway; color:#000; list-style:none; font-weight:700; background-color:#b8b894; padding:12px 12px 12px 30px; } .teamscategoriesli :hover { background-color:#f1f1f1; cursor:pointer; } .teamsdetailsli { font-size:16px; width:100%; font-family:Raleway; color:#000; list-style:none; font-weight:700; background-color:#e0e0d1; padding:12px 12px 12px 60px; } .teamsdetailsli :hover { background-color:#f1f1f1; cursor:pointer; } #teamssearched { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #teamssearched th { width:100%; padding:12px; text-align:left; background-color:#996; color:#fff; } #teamssearched td { width:100%; text-align:left; padding:12px; } #teamssearched tr { border-bottom:1px solid #ddd; } #teamssearched tr:nth-child(odd) { background-color:#fff; } #teamssearched tr:nth-child(even) { background-color:#fffff5; } #teamssearched tr:nth-child(even):hover { background-color:#000; color:#fff; } #teamssearched tr:nth-child(odd):hover { background-color:#000; color:#fff; } #sectionslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;} #userslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;} #articleslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;} #supplierslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;} #loanslist {display:flex; align-items:center; gap:12px; flex-wrap:wrap;} .wraps {display:flex; align-items:center; gap:12px; flex-wrap:wrap;} #users { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #users td { text-align:left; padding:12px; } #users th { cursor:pointer; padding:12px; text-align:left; background-color:#206020; color:#fff; } #users th:hover { background-color:#000; } #users tr { border-bottom:1px solid #ddd; } #users tr:nth-child(odd) { background-color:#fff; } #users tr:nth-child(even) { background-color:#fffff5; } #users tr:nth-child(even):hover { background-color:#000; color:#fff; } #users tr:nth-child(odd):hover { background-color:#000; color:#fff; } #articles { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #articles td { text-align:left; padding:12px; } #articles th { cursor:pointer; padding:12px; text-align:left; background-color:#2d2d86; color:#fff; } #articles th:hover { background-color:#000; } #articles tr { border-bottom:1px solid #ddd; } #articles tr:nth-child(odd) { background-color:#fff; } #articles tr:nth-child(even) { background-color:#fffff5; } #articles tr:nth-child(even):hover { background-color:#000; color:#fff; } #articles tr:nth-child(odd):hover { background-color:#000; color:#fff; } #suppliers { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #suppliers td { text-align:left; padding:12px; } #suppliers th { cursor:pointer; padding:12px; text-align:left; background-color:#739900; color:#fff; } #suppliers th:hover { background-color:#000; } #suppliers tr { border-bottom:1px solid #ddd; } #suppliers tr:nth-child(odd) { background-color:#fff; } #suppliers tr:nth-child(even) { background-color:#fffff5; } #suppliers tr:nth-child(even):hover { background-color:#000; color:#fff; } #suppliers tr:nth-child(odd):hover { background-color:#000; color:#fff; } #sections { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #sections td { text-align:left; padding:12px; } #sections th { cursor:pointer; padding:12px; text-align:left; background-color:#993300; color:#fff; } #sections th:hover { background-color:#000; } #sections tr { border-bottom:1px solid #ddd; } #sections tr:nth-child(odd) { background-color:#fff; } #sections tr:nth-child(even) { background-color:#fffff5; } #sections tr:nth-child(even):hover { background-color:#000; color:#fff; } #sections tr:nth-child(odd):hover { background-color:#000; color:#fff; } #loans { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #loans td { text-align:left; padding:12px; } #loans th { cursor:pointer; padding:12px; text-align:left; background-color:#0066ff; color:#fff; } #loans th:hover { background-color:#000; } #loans tr { border-bottom:1px solid #ddd; } #loans tr:nth-child(odd) { background-color:#fff; } #loans tr:nth-child(even) { background-color:#fffff5; } #loans tr:nth-child(even):hover { background-color:#000; color:#fff; } #loans tr:nth-child(odd):hover { background-color:#000; color:#fff; } #loanswaiting { border-collapse:collapse; width:100%; font-family:Raleway; } #loanswaiting td { text-align:left; padding:12px; vertical-align:middle; } #loanswaiting th { padding:12px; text-align:left; background-color:#0066ff; color:#fff; } #loanswaiting tr { border-bottom:1px solid #ddd; } #loanswaiting tr:nth-child(odd) { background-color:#fff; } #loanswaiting tr:nth-child(even) { background-color:#fffff5; } /* loans_approve — Accepter / Refuser */ #loanswaiting label.loan-decision-accept, #loanswaiting label.loan-decision-refuse { cursor: pointer; display: inline-block; padding: 6px 12px; margin: 2px 4px 2px 0; border-radius: 8px; user-select: none; transition: background-color 0.15s ease, color 0.15s ease; } #loanswaiting label.loan-decision-accept:hover { background-color: #c8e6c9; color: #1b5e20; } #loanswaiting label.loan-decision-refuse:hover { background-color: #ffcdd2; color: #b71c1c; } #loanswaiting label.loan-decision-accept:has(input:checked) { background-color: #81c784; color: #1b5e20; font-weight: 600; } #loanswaiting label.loan-decision-refuse:has(input:checked) { background-color: #e57373; color: #fff; font-weight: 600; } #tribes { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #tribes td { text-align:left; padding:12px; } #tribes th { cursor:pointer; padding:12px; text-align:left; background-color:#739900; color:#fff; } #tribes th:hover { background-color:#000; } #tribes tr { border-bottom:1px solid #ddd; } #tribes tr:nth-child(odd) { background-color:#fff; } #tribes tr:nth-child(even) { background-color:#fffff5; } #tribes tr:nth-child(even):hover { background-color:#000; color:#fff; } #tribes tr:nth-child(odd):hover { background-color:#000; color:#fff; } #files { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #files td { text-align:left; padding:12px; } #files th { cursor:pointer; padding:12px; text-align:left; background-color:#3d5c5c; color:#fff; } #files th:hover { background-color:#000; } #files tr { border-bottom:1px solid #ddd; } #files tr:nth-child(odd) { background-color:#fff; } #files tr:nth-child(even) { background-color:#fffff5; } #files tr:nth-child(even):hover { background-color:#000; color:#fff; } #files tr:nth-child(odd):hover { background-color:#000; color:#fff; } #shares { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #shares td { text-align:left; padding:12px; } #shares th { cursor:pointer; padding:12px; text-align:left; background-color:#007acc; color:#fff; } #shares th:hover { background-color:#000; } #shares tr { border-bottom:1px solid #ddd; } #shares tr:nth-child(odd) { background-color:#fff; } #shares tr:nth-child(even) { background-color:#fffff5; } #shares tr:nth-child(even):hover { background-color:#000; color:#fff; } #shares tr:nth-child(odd):hover { background-color:#000; color:#fff; } #newsletters { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #newsletters td { text-align:left; padding:12px; } #newsletters th { cursor:pointer; padding:12px; text-align:left; background-color:#606; color:#fff; } #newsletters th:hover { background-color:#000; } #newsletters tr { border-bottom:1px solid #ddd; } #newsletters tr:nth-child(odd) { background-color:#fff; } #newsletters tr:nth-child(even) { background-color:#fffff5; } #newsletters tr:nth-child(even):hover { background-color:#000; color:#fff; } #newsletters tr:nth-child(odd):hover { background-color:#000; color:#fff; } #webmail { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #webmail td { text-align:left; padding:12px; } #webmail th { cursor:pointer; padding:12px; text-align:left; background-color:#994d00; color:#fff; } #webmail th:hover { background-color:#000; } #webmail tr { border-bottom:1px solid #ddd; } #webmail tr:nth-child(odd) { background-color:#fff; } #webmail tr:nth-child(even) { background-color:#fffff5; } #webmail tr:nth-child(even):hover { background-color:#000; color:#fff; } #webmail tr:nth-child(odd):hover { background-color:#000; color:#fff; } #budget { border-collapse:collapse; font-family:Raleway; cursor:pointer; width:100%; } #budget td { text-align:left; padding:12px; } #budget th { cursor:pointer; padding:12px; text-align:left; background-color:#660; color:#fff; } #budget th:hover { background-color:#000; } #budget tr { border-bottom:1px solid #ddd; } #budget tr:nth-child(odd) { background-color:#fff; } #budget tr:nth-child(even) { background-color:#fffff5; } #budget tr:nth-child(even):hover { background-color:#000; color:#fff; } #budget tr:nth-child(odd):hover { background-color:#000; color:#fff; } #albums { border-collapse:collapse; width:100%; font-family:Raleway; cursor:pointer; } #albums td { text-align:left; padding:12px; } #albums th { cursor:pointer; padding:12px; text-align:left; background-color:#4d2600; color:#fff; } #albums th:hover { background-color:#000; } #albums tr { border-bottom:1px solid #ddd; } #albums tr:nth-child(odd) { background-color:#fff; } #albums tr:nth-child(even) { background-color:#fffff5; } #albums tr:nth-child(even):hover { background-color:#000; color:#fff; } #albums tr:nth-child(odd):hover { background-color:#000; color:#fff; } .SearchInput { background-position:right 15px top 10px; font-size:16px; padding:5px; border:1px solid #ddd; margin-bottom:12px; font-family:Raleway; color:#000; background-color:#fffff0; background-image:url(searchicon.png); background-repeat:no-repeat; font-weight:700; border-radius:15px; } .glow-SearchInput:hover { box-shadow:0 5px 15px #915cb666; } .select { font-size:16px; font-family:Raleway; padding:8px 9px 8px 8px; border:1px solid #ddd; margin-bottom:12px; color:#000; background-color:#fffff0; border-radius:15px; } .glow-select:hover { color:#000f; box-shadow:0 5px 15px #915cb666; } .NormalInput { width:100%; box-sizing:border-box; font-size:16px; border:1px dotted #ddd; padding:5px; font-family:Raleway; background-color:#fffff0; color:#000; font-weight:700; border-radius:15px; } .NormalInput.width140 { width:140px; } .glow-NormalInput:hover { color:#ffff; box-shadow:0 5px 15px #915cb666; color:#000; } .width88 { width:99%; } .servicesselectedbox { background-color:#fffff0; font-weight:700; } #innerdivfullwidth { float:left; width:100%; display:inline-block; padding:15px; padding-top:0; } #innerdivleft { float:left; width:50%; display:inline-block; padding:15px; padding-top:0; } #innerdivright { float:left; width:50%; display:inline-block; padding:15px; padding-top:0; } #innerdivright2 { float:left; width:50%; display:inline-block; padding:15px; padding-top:0; } #innerdivleft75 { float:left; width:85%; display:inline-block; padding:15px; padding-top:0; } #innerdivright25 { float:left; width:15%; display:inline-block; padding:15px; padding-top:0; } #innerdiv90 { float:left; width:90%; display:inline-block; padding:15px; padding-top:0; } #innerdivcenter { margin:0 auto; max-width:500px; padding:15px; } .imgcontainer { text-align:center; margin:14px 0 12px; position:relative; } .avatar { max-width:40%; border-radius:50%; content:url('avatar3.png'); } .wrapcss {display:inline-block;} .container { padding:16px; } span.psw { float:right; padding-top:16px; } .modal { display:none; position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:#000; background-color:#0006; padding-top:2px; } .modal-content { background-color:#fefefe; margin:1% auto 50%; border:1px solid #888; width:300px; } .animate { -webkit-animation:animatezoom .6s; animation:animatezoom .6s; } @-webkit-keyframes animatezoom { from { -webkit-transform:scale(0) } to { -webkit-transform:scale(1) }; } @keyframes animatezoom{ from { transform:scale(0); } to { transform:scale(1); } } @media screen and (max-width: 300px){ span.psw { display:block; float:none; } } @media only screen and (max-width: 1920px){ #innerdiv90 { width:92%; } } @media only screen and (max-width: 1600px){ #innerdiv90 { width:90%; } } @media only screen and (max-width: 1366px){ #innerdivright2 { width:100%; } #innerdiv90 { width:90%; } } @media only screen and (max-width: 1280px){ #innerdiv90 { width:88%; } } @media only screen and (max-width: 1024px){ #innerdiv90 { width:100%; } } @media only screen and (max-width: 700px){ .w3-sidebar { left:0; top:55px; } .bottomlesel { display:none; } #innerdiv90 { width:100%; } #innerdivleft,#innerdivright,#innerdivright25 { width:100%; } #innerdivleft75 { width:110%; } #innerdivright25 { width:105%; } #bannerimgbig { display:none; } #centeredbannertext { display:none; } #bannerimglogo { display:inline-block; } #userconnect { position:absolute; right:5px; top:10px; } .rightborder { border-right-style:none; } .smartcontainer { padding-left:0; padding-right:0; } #filestype { width:70%; overflow-x:hidden; } .buttonleft,.buttonright { width:100%; } .gonextline { clear:both; display:block; width:100%; } #divsecs { top:0; } #budgetdescription { width:90%; } #budgetmemberid { width:90%; } .wrapcss { flex-direction: column; /* forces next line */ align-items: flex-end; /* keep it right-aligned */ margin-left:-9px; } } .images-gallery { border-radius:7px; cursor:pointer; border:1px solid #000; } .images-gallery:hover { animation:shake .5s; animation-iteration-count:1; } @keyframes shake{ 0% { transform:translate(1px,1px) rotate(0deg); } 10% { transform:translate(-1px,-2px) rotate(-1deg); } 20% { transform:translate(-3px,0px) rotate(1deg); } 30% { transform:translate(3px,2px) rotate(0deg); } 40% { transform:translate(1px,-1px) rotate(1deg); } 50% { transform:translate(-1px,2px) rotate(-1deg); } 60% { transform:translate(-3px,1px) rotate(0deg); } 70% { transform:translate(3px,1px) rotate(-1deg); } 80% { transform:translate(-1px,-1px) rotate(1deg); } 90% { transform:translate(1px,2px) rotate(0deg); } 100% { transform:translate(1px,-2px) rotate(-1deg); } } .images-gallery-image-progressbar { position:absolute; bottom:16px; left:10px; color:#f1f1f1; font-size:30px; font-weight:700; } .images-gallery-image-info { position:relative; text-align:center; bottom:45px; color:#f1f1f1; font-size:20px; text-shadow:2px 2px 3px grey; } .images-gallery-image-edit { position:absolute; top:-10px; left:0; cursor:pointer; color:#f1f1f1; font-size:30px; font-weight:700; } .images-gallery-image-edit2 { position:absolute; top:5px; left:0; cursor:pointer; color:#f1f1f1; text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #e60073,0 0 5px #e60073,0 0 5px #e60073,0 0 60px #e60073,0 0 5px #e60073; } .images-banner-image-edit { position:absolute; top:-15px; right:50px; cursor:pointer; color:#f1f1f1; font-size:30px; font-weight:700; } .images-banner-image-default { position:absolute; top:-15px; right:0; cursor:pointer; color:#f1f1f1; font-size:30px; font-weight:700; } .images-gallery-image-delete { position:absolute; top:-15px; right:0; cursor:pointer; color:#f1f1f1; font-size:40px; font-weight:700; } .images-gallery-image-rotate { position:absolute; bottom:0; left:0; cursor:pointer; color:#f1f1f1; font-size:20px; font-weight:700 } .images-gallery-container2 { border-radius:15px; position:relative; text-align:center; cursor:pointer; border:1px solid #000; color:#fff; font-size:20px; margin-bottom:20px; padding:10px; background-color:#036; transition:transform .2s; } .images-gallery-container2:hover { background-color:#fff; color:#036; font-weight:700; -ms-transform:scale(1.04); -webkit-transform:scale(1.04); transform:scale(1.04); } .images-gallery-container { position:relative; text-align:center; color:#fff; } .images-gallery-container-people { position:relative; text-align:left; color:#fff; max-width:100%; } .images-gallery-right-center { display:none; position:absolute; top:50%; right:16px; cursor:pointer; } .images-gallery-right-center:hover { transition:.5s ease; opacity:.5; box-shadow:0 0 2px 2px #ffff; } .images-gallery-left-center { display:none; position:absolute; top:50%; left:16px; cursor:pointer; } .images-gallery-left-center:hover { transition:.5s ease; opacity:.5; box-shadow:0 0 2px 2px #ffff; } #images-gallery-modal-img { animation:fadein 2s; -moz-animation:fadein 2s; -webkit-animation:fadein 2s; -o-animation:fadein 2s; width:100%; height:99.5%; object-fit:contain; } @keyframes fadein{ from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { from { opacity:0 } to { opacity:1 }; } @-webkit-keyframes fadein { from { opacity:0 } to { opacity:1 }; } @-o-keyframes fadein { from { opacity:0 } to { opacity:1 }; } .images-gallery-row { display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0 4px; } .images-gallery-column { -ms-flex:25%; flex:25%; max-width:25%; padding:0 4px; } .images-gallery-column img { margin-top:8px; vertical-align:middle; width:100%; overflow-y:hidden; } @media screen and (max-width: 800px){ .images-gallery-column { -ms-flex:50%; flex:50%; max-width:50%; } } @media screen and (max-width: 600px){ .images-gallery-column { -ms-flex:100%; flex:100%; max-width:100%; } } .images-gallery-modal { display:none; position:fixed; z-index:1; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:#000; } .images-gallery-modal-content { max-width:100%; height:auto; text-align:center; } .images-gallery-modal-number { position:absolute; top:15px; left:16px; color:#f1f1f1; font-size:30px; font-weight:700; transition:.3s; } .images-gallery-modal-close { position:absolute; top:0; right:16px; color:#f1f1f1; font-size:60px; font-weight:700; transition:.3s; } .images-gallery-modal-close:hover,.images-gallery-modal-close:focus { color:#bbb; text-decoration:none; cursor:pointer; } @-webkit-keyframes zoom { from { -webkit-transform:scale(0) } to { -webkit-transform:scale(1) }; } @keyframes zoom{ from { transform:scale(0); } to { transform:scale(1); } } @media only screen and (max-width: 700px){ .images-gallery-modal-content { width:100%; } } #tooltip { visibility:hidden; } .tooltip { position:relative; display:inline-block; } .tooltip .tooltiptext { visibility:hidden; width:200px; background-color:#555; color:#fff; text-align:center; border-radius:6px; padding:5px; position:absolute; z-index:1; bottom:150%; left:50%; margin-left:-75px; opacity:0; transition:opacity .3s; } .tooltip .tooltiptext::after { content:""; position:absolute; top:100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color:#555 transparent transparent; } .tooltip:hover .tooltiptext { visibility:visible; opacity:1; } .blink { font-size: 16px; font-weight: bold; color: #0000FF; animation: blink 1s infinite step-start; } @keyframes blink { 50% { opacity: 0; } } .hover-label { display: inline-block; margin: 10 4 4 4; border-radius: 10px; transition: all 0.2s ease;} .hover-label:hover { color:#000f; box-shadow:0 5px 15px #915cb666;} #img1 {cursor:zoom-in;} /* Bouton Export CSV (listes) */ .list-actions-bar { overflow: hidden; min-height: 44px; } .list-actions-bar .button-export { float: right; } .button-export { display: inline-block; background-color: #546e7a !important; color: #fff !important; border: 1px solid #ddd; text-decoration: none; padding: 10px 15px; border-radius: 15px; font-weight: 400; font-family: Raleway, sans-serif; font-size: 16px; line-height: normal; cursor: pointer; } .button-export:hover { background-color: #455a64 !important; color: #fff !important; }