body {font-family:Calibri, Arial;color:#222;cursor: default;}
.welcome {max-width: 400px;border: 1px solid #6c757d;padding: 20px;margin: 13% auto 0;background: #fff;text-align:center;}
.horseven_logo {font-size:40px;width:100%;}
.horseven_logo img {width:85%;max-width: 340px;}
.login {font-size:17px;width:100%;}
.brclear{clear:both;}
fieldset {border: unset;padding: unset;margin: unset;}
fieldset legend, .frame-type-felogin_login p {display:none;}
.frame-type-felogin_login form {width: 70%;margin: auto;}

.headline{width: 100px;height: 40px;background: #6c757d;color: #fff;line-height: 2.5rem;font-size: 25px;text-align: center;margin: -10px -20px 0 auto;box-shadow: 0px 0px 40px;}
input[type="text"],input[type="password"] {margin-bottom:5px;border:1px solid #666;width:calc(100% - 12px);padding:5px;font-size:17px;text-align: center;}
.backgroundpicture {position:fixed;width:100%;height: 100%;left: 0;top: 0;z-index: -1;background: rgb(255,255,255);background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(108,117,125,1) 100%);overflow: hidden;}
.welcome h3 {text-transform: uppercase;font-size: 28px;margin: 7px 0px;padding: 0 0 10px 0;color: #666;border-bottom: 1px solid #ccc;}
input[type="submit"], select {margin-top: 10px;}
.logout_area {border-top: 1px solid #ccc;padding: 10px 0 0;margin: 7px 0px;}
.logout_area input[type="submit"] {border: unset;padding: 5px 20px;background: #ccc;color: #fff;font-size: 18px;cursor: pointer;margin-top: 0px;}
.logout_area input[type="submit"]:hover {background: #6c757d;}
.username {padding: 5px 0 0;text-align: left;color: #666;}
input.home_button {border: 1px solid #6c757d;padding: 5px 20px;background: #6c757d;color: #fff;font-size: 18px;cursor: pointer;margin-top: 0px;}
input.home_button:hover {background: #fff;color:#6c757d;}

.menu_page {width: 100%;border-radius:10px;padding: 10px;color: #666;}
.menu_page:hover {background-color:#eeeeee;cursor:pointer;color:#6c757d;}
.menu_page:hover .icon {background-color:#6c757d;}
.menu_page .icon {width: 40px;height: 40px;float: left;border-radius: 50%;background: #ccc;padding: 13px;margin-left: 15px;fill:#fff;}
.menu_page .icon img {width: 100%;}
.menu_page .title {font-size: 30px;line-height: 3rem;text-align: left;padding-left: 110px;}
.menu_page .title p {margin: 0;padding: 0;font-size: 15px;line-height: 1px;}
.menu_page .title span {color:#6c757d;}
a.menu_page_link .menu_page {width: 70%;margin: auto;}
a.menu_page_link {text-decoration: none;}
.custom_scroll {overflow: auto;max-height: 300px;}
.custom_scroll::-webkit-scrollbar {width: 10px;}
.custom_scroll::-webkit-scrollbar-track {background: #f1f1f1;}
.custom_scroll::-webkit-scrollbar-thumb {background: #ccc;}
.custom_scroll::-webkit-scrollbar-thumb:hover {background: #6c757d;cursor:pointer !important;}

.button_hs {border: 1px solid #ccc;padding: 10px 20px;font-size: 17px;background: #ccc;color: #fff;width:100%;}
.button_hs.enable {border: 1px solid #6c757d;background: #6c757d;cursor:pointer;}
.button_hs.enable:hover {border: 1px solid #6c757d;background: #fff;cursor:pointer;color:#6c757d;}
.colum_30 {width:30%;float:left;}
.colum_70 {width:70%;float:left;}
.colum_100 {width:100%;float:left;}
.link_impressum {text-decoration: none;color: #666;}
.impressum {border-top: 1px solid #ccc;width:100%;margin: 15px 0 0;padding: 10px 0 0 0;}

.error_message {padding: 10px 0;}
.error_message.red{border:1px solid #E23404;background-color: #FFF3E8;}
.error_message.green{border:1px solid #006400;background-color: #daffda;}