html {
    display: block;
    height: 100%;
}
body {
  font-family:  "Lucida Grande",Verdana,Arial,Helvetica,sans-serif !important;
}
.login-page {
  background-image: url(/skins/larry/images/regies_background.jpg) !important;
  background: #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}


#login-form input {
    border-radius: .3rem !important;
}

button.mainaction {
    border-radius: .3rem !important;

}
#login-form {
  overflow: visible;
  margin: 10% auto !important;
  /* background: rgba(255, 255, 255, 0.9); */
  background: rgba(255, 255, 255, 0.5);
  font-size: 1.1em;
  border-radius: .3rem !important;
  max-width: 520px !important;
  width: 60% !important;
  box-shadow: 0em 1px 8px 0px rgba(0, 0, 0, .6) !important
}

#login-form .box-inner {
  padding: 30px 40px 0px 40px;
  background: none !important;
  backdrop-filter :blur(6px)
}

#login-form h1 {
  font-weight: bold;
  text-align: center;
  color: #1399b8;
}


#login-form .box-inner .center {
    text-align: center;
}

#login-form #bottomline {
    margin: 0;
    padding: 8px;
    font-size: 90%;
    color: white ;
    text-align: center;
    background-color: rgba(0, 0, 0, .45) !important;
    box-shadow: inset 0em 1px 6px 0px rgba(0, 0, 0, .35) !important;
}
label {
    white-space: normal;
}

#toplogo {
    margin-top: -15px;
}

#login-form .box-inner p.formbuttons input.button,
#login-form .box-inner p.formbuttons button.submit,
#login-form .box-inner p.formbuttons input,
#login-form .box-inner p.formbuttons input:active,
#login-form .box-inner p.formbuttons a.mainaction {
  background: #1399b8;
  color: #fff;
}

#login-form .formbuttons input:hover,
#login-form .formbuttons button.submit:hover {
  background-color: #0D6F85;
}

body.xcolor-0075c8 button.mainaction,
body.xcolor-0075c8 input.button.mainaction,
body.xcolor-0075c8 #look-and-feel-shortcut a,
body.xcolor-0075c8 input.switchbox-input:checked + label.switchbox {
  background-color: #1399b8 !important;
  border-color: #1399b8 !important;
}
body.xcolor-0075c8 button.mainaction:hover, body.xcolor-0075c8 button.mainaction:focus, body.xcolor-0075c8 button.mainaction:active,
body.xcolor-0075c8 input.button.mainaction:hover,
body.xcolor-0075c8 input.button.mainaction:focus,
body.xcolor-0075c8 input.button.mainaction:active,
body.xcolor-0075c8 #look-and-feel-shortcut a:hover,
body.xcolor-0075c8 #look-and-feel-shortcut a:focus,
body.xcolor-0075c8 #look-and-feel-shortcut a:active,
body.xcolor-0075c8 input.switchbox-input:checked + label.switchbox:hover,
body.xcolor-0075c8 input.switchbox-input:checked + label.switchbox:focus,
body.xcolor-0075c8 input.switchbox-input:checked + label.switchbox:active {
  border-color: #0D6F85 !important;
  background-color: #0D6F85 !important;
}

body.xcolor-0075c8 .uibox .boxtitle,
body.xcolor-0075c8 .uibox .listing thead td,
body.xcolor-0075c8 .uibox .listing thead th,
body.xcolor-0075c8 .records-table thead td,
body.xcolor-0075c8 .records-table thead th,
body.xcolor-0075c8 #topnav,
body.xcolor-0075c8 #topline,
body.xcolor-0075c8.minimal #topline,
body.xcolor-0075c8 ul#planner_controls li a,
body.xcolor-0075c8 .googie_list form img,
body.xcolor-0075c8.iframe h1.boxtitle,
body.xcolor-0075c8.xcalendar .ui-datepicker .ui-datepicker-header,
body.xmobile.xcolor-0075c8 #main-menu,
body.xmobile.xcolor-0075c8 .popup-close,
body.xmobile.xcolor-0075c8 #mailboxlist li.mailbox a .unreadcount,
body.xmobile.xcolor-0075c8 #messagelistcontainer .boxpagenav a.icon,
body.xmobile.xcolor-0075c8 #messagestack div,
body.xmobile.xcolor-0075c8 .boxfooter .listbutton,
body.xmobile.xcolor-0075c8 .popup-box .popup-close,
body.xmobile.xcolor-0075c8 #contactphoto .formlinks a,
body.xmobile.xcolor-0075c8 .contactfieldcontent a.contactfieldbutton,
body.xmobile.xcolor-0075c8 #compose-attachments a.button {
  background: #1399b8 !important;
  color: #fff !important;
}

body.xcolor-0075c8 .flatpickr-confirm,
body.xcolor-0075c8 .flatpickr-day.selected,
body.xmobile.xcolor-0075c8 #countcontrols .pagenavbuttons a.button:not(.disabled) {
  background-color: #1399b8 !important;
}

body.xcolor-0075c8 .popupmenu,
body.xcolor-0075c8 #messagestack div,
body.xcolor-0075c8 #rcmKSearchpane,
body.xcolor-0075c8 .xtabs.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  border-color: #1399b8 !important;
}

body.xcolor-0075c8 a.rowLink:hover,
body.xcolor-0075c8 #remote-objects-message a:hover {
  background-color: #0D6F85!important;
  
}

body.xcolor-0075c8 #topnav a.button-selected,
body.xcolor-0075c8 #topnav a:hover,
body.xcolor-0075c8 #topnav a:focus,
body.xcolor-0075c8 body.mailbox #inboxButton a {
  background-color: #0D6F85 !important;
  color: #fff !important;
}

body.xcolor-0075c8 .toolbar a.button,
body.xcolor-0075c8 .toolbar a.button:before,
body.xcolor-0075c8 a.iconbutton,
body.xdesktop.xcolor-0075c8 .dropbutton .dropbuttontip,
body.xmobile.xcolor-0075c8 #mailbox list li.mailbox div.treetoggle,
body.xmobile.xcolor-0075c8 #directorylist li.addressbook div.collapsed,
body.xmobile.xcolor-0075c8 #directorylist li.addressbook div.expanded,
body.xmobile.xcolor-0075c8 .folderlist li.mailbox div.treetoggle:before {
  color: #1399b8 !important;
}

body.xcolor-0075c8 #main-menu a.active,
body.xcolor-0075c8 #xsidebar-button {
  color: #0D6F85 !important;
}


@media screen and (max-width: 1225px) {
  #login-form {
      width : 60%;
  }

}

@media screen and (max-width: 700px) {
  #login-form {
      height: 100%;
      width: 80%;
  }
  #login-form #bottomline {
      padding-bottom: 0.5px;
      background-color: rgba(255, 255, 255, 0.1) !important;
      box-shadow: inset 0em 1px 6px 0px rgba(0, 0, 0, .35)!important;
  }
  #messagetoolbar .junk {
    background-image: unset !important;
  }
  #messagetoolbar .notjunk {
    background-image: unset !important;
  }
  #topnav a.button-selected span.button-inner {
    color: #fff;
  }
}

html.xicons-material .xskin.xdesktop #topnav a.button-interface-options::before {
  content: url(/skins/larry/images/icon-langue.svg) !important;
}
#taskbar .button-interface-options {
  width: unset !important;
}
body.xlarry-font-icons #taskbar a.button-interface-options span.button-inner {
  display: inline-block !important;
}
/* html.xicons-material .xskin.xdesktop .toolbar a.button.junk:before {
  content: url(/skins/larry/images/junk-icon.svg) !important;
  fill: #23a638
} */

html.xicons-material .xskin.xdesktop #taskbar .minmodetoggle:before {
  display: none;
}

#taskbar {
  padding-right: 0;
}

html.xicons-material .xskin.xdesktop .mailbox.junk > a:before {
  content: url(/skins/larry/images/junk-icon1.svg) !important;
  width: 17px;
}

html.xicons-material .xskin.xdesktop .toolbar a.button.junk:before {
content: url(/skins/larry/images/junk-icon2-regie.svg) !important;
width: 22px;
height: 1.1em;
margin: 0 auto 0 auto;
padding: 0 0 2px;
}

html.xicons-material .xskin.xdesktop .toolbar a.button.back:before {
  content: url(/skins/larry/images/icon_annuler_regie.svg) !important;
  width: 20px;
height: 1.1em;
margin: 0 auto 0 auto;
padding: 0 0 2px;
}

html.xicons-material .xskin.xdesktop .boxpagenav a.icon.nextpage:before {
  content: url(/skins/larry/images/fleche_droite_contacts.svg) !important;
  width: 20px;
  top: -0.3em;
}

html.xicons-material .xskin.xdesktop .boxpagenav a.icon.prevpage:before {
  content: url(/skins/larry/images/fleche_gauche_contacts.svg) !important;
  width: 20px;
  top: -0.3em;
}

html.xicons-material .xskin.xdesktop .boxpagenav a.icon.firstpage:before {
  content: url(/skins/larry/images/double_fleches_gauche_contacts.svg) !important;
  width: 20px;
  top: -0.3em;
}

html.xicons-material .xskin.xdesktop .boxpagenav a.icon.lastpage:before {
  content: url(/skins/larry/images/double_fleches_droite_contacts.svg) !important;
  width: 20px;
  top: -0.3em;
}

html.xicons-material .listing.iconized li.enigma.keys > a:before {
  content: url(/skins/larry/images/autoresponse.svg) !important;
}