/*----------------------------------------------- Base ------------------------------------------------*/ body { background: none repeat scroll 0% 0% #f2f3f0; color: #000000; font-family: "AvenirRegular"; font-size: 90%; margin: 0px; border-top: 8px solid #d8e048; font-size: 15px; } .clearfix:after { content: "."; display: block; height: 0; overflow: hidden; clear:both; } b, strong { font-weight: normal !important; font-family: "AvenirBold"; } a { color: black; transition: all 0.2s ease; } a:hover { text-decoration: none; color: #545454; } a:active, a:focus {outline: none;} sup {padding-right: 5px;} .previous-page-button { background-image: url('../img/back.png'); background-repeat: no-repeat; background-color: #d7dc4d; background-size: 7px; background-position: 8.5px center; min-height: 33px; min-width: 33px; display: inline-block; transition: all 0.2s ease; padding: 7px 16px 6px 30px; vertical-align: top;} .previous-page-button:hover { background-color: #e0e36f; } select[multiple], select[size] { height: auto !important; background-color: #f2f3ef !important; border: 0px !important; margin-left: -4px !important; padding: 10px 15px !important; } select[multiple]{height:300px !important;} select {border-radius: none;} .layout_sportform_error div#container { display: inline-block; left: 50%; position: relative; margin-left: -202.5px; margin-top: 175px; } h3 { font-family: 'AvenirBold'; text-transform: uppercase; margin-top: 20px; font-size: 20px; } h4 { font-family: 'AvenirBold'; text-transform: uppercase; margin-top: 10px; font-size: 16px; } .row { margin: 0px -15px 30px; } .small-font { font-size: 14px; color: black; font-family: "AvenirRegular"; } /*----------------------------------------------- Header ------------------------------------------------*/ .layout_sportformadmin div.welcome-message { margin-bottom: 16px; } .layout_sportformadmin #main-nav { margin-bottom: 53px; } #header { height: 325px; width: 1170px; margin-left: auto; margin-right: auto; } .header-top { margin-top: 90px; position: relative; } div.header-nav { height: 115px; margin-top: 100px; position: relative; } .brand { background-image: url('../img/logo-sportamt.png'); background-repeat: no-repeat; background-size: 100% 100%; text-indent: -9000px; position: relative; left: 0px; width: 135px; height: 61px; display: inline-block; } .teaser { display: inline-block; text-indent: -9000px; } .nav-button { float: right; color: black; text-decoration: none; position: relative; right: 0px; top: 33px; font-family: "AvenirBold"; font-size: 17px; width: auto; } .nav-button:hover { color: black; text-decoration: none; } .layout_sportformadmin .nav-button { width: auto; } .nav-button.logout { width: 122px; } #header > a.nav-button > span { display: block; float: left; } .menuicon-left { width: 15px; line-height: 16px; margin-top: 2px; margin-right: 2px; float: right; margin-left: 15px; } .nav-button .icon-bar { background-image: none; background-color: #BD1A32; display: block; width: 15px; height: 4px; margin: 2px 0px 0px; } /*----------------------------------------------- Modal ------------------------------------------------*/ #video .modal-dialog { margin-top: 80px; width: 90%; padding-bottom: 55%; width: 960px; padding-bottom: 580px; } #video iframe { position: absolute; width: 100%; height: 100%; } .modal-backdrop.in { opacity: .86; } /*----------------------------------------------- Navigation ------------------------------------------------*/ #main-nav { } #main-nav li a { background-color: #d7dc4d; padding: 7px 0px; color: black; width: 175px; text-align: center; font-family: "AvenirBold"; font-size: 15px; text-transform: uppercase; transition: all 0.2s ease; } #main-nav li a:hover { background-color: #e0e36f; } #main-nav li a.active { background-color: #e0e36f; } #main-nav li a span { border-left: 1px solid #e2e96b; display: block; padding: 8px 0px; width: 100%; } #main-nav li:first-child a span { border-left: 0px; } #main-nav .menu-mail {width:120px;} #main-nav .menu-mail span {width:120px;} /*----------------------------------------------- Content ------------------------------------------------*/ #content { width: 1170px; margin-left: auto; margin-right: auto; margin-bottom: 100px; } #content .sportFormUsersIndex > div.row { margin: 0px; margin-bottom: 15px; } .welcome-message p { color: #BD1A32; font-family: "AvenirLight"; text-transform: uppercase; font-size: 25px; margin-bottom: -10px; } .welcome-message strong { color: black; font-family: "AvenirBold"; font-size: 25px; text-transform: uppercase; font-weight: normal; margin-top: 5px; display: block; } #SportFormUserAdminAddAddresses { background-color: white; } /*----------------------------------------------- Icons ------------------------------------------------*/ .edit-ico { background-image: url('../img/edit.png'); background-repeat: no-repeat; height: 26px; width: 26px; display: inline-block; background-size: 100%; padding: 2.5px 0px; cursor: pointer; } .duplicate-ico { background-image: url('../img/duplicate-image.svg'); background-repeat: no-repeat; height: 26px; width: 26px; display: inline-block; background-size: 100%; padding: 2.5px 0px; cursor: pointer; } .remove-ico { background-image: url('../img/remove.png'); background-repeat: no-repeat; height: 26px; width: 26px; display: inline-block; background-size: 100%; padding: 2.5px 0px; cursor: pointer; } .check-ico { background-image: url('../img/check_lightgrey.png'); background-repeat: no-repeat; transition: all 0.2s ease; height: 26px; width: 26px; display: inline-block; background-size: 100%; padding: 2.5px 0px; cursor: pointer; } .check-ico:hover, .check-ico:checked { background-image: url('../img/check.png'); background-repeat: no-repeat; border: none !important; box-shadow: none !important; outline: 0px auto -webkit-focus-ring-color; } .delete-ico { background-image: url('../img/delete_black.png'); background-repeat: no-repeat; transition: all 0.2s ease; height: 26px; width: 26px; display: inline-block; background-size: 100%; padding: 2.5px 0px; cursor: pointer; } .delete-ico:hover, .delete-ico:checked { background-image: url('../img/delete.png'); background-repeat: no-repeat; border: none !important; box-shadow: none !important; outline: 0px auto -webkit-focus-ring-color; } .check-ico:focus, .delete-ico:focus { border: none !important; box-shadow: none !important; outline: 0px !important; } .check-ico-undone { background-image: url('../img/check_lightgrey.png'); background-repeat: no-repeat; transition: all 0.2s ease; height: 26px; width: 26px; display: inline-block; background-size: 100%; padding: 2.5px 0px;} .check-ico-halfdone { background-image: url('../img/check_lightgrey.png'); background-repeat: no-repeat; transition: all 0.2s ease; height: 26px; width: 26px; display: inline-block; background-size: 100%; padding: 2.5px 0px;} .check-ico-done { background-image: url('../img/check.png'); background-repeat: no-repeat; transition: all 0.2s ease; height: 26px; width: 26px; display: inline-block; background-size: 100%; padding: 2.5px 0px;} /*minus.png*/ .more {background-image: url('../img/plus.png'); background-repeat: no-repeat; height: 23px; width: 23px; display: inline-block; background-size: 100%; cursor:pointer; } .less {background-image: url('../img/minus.png'); background-repeat: no-repeat; height: 23px; width: 23px; display: inline-block; background-size: 100%; cursor:pointer; } .remove-ausfall-js { float: right; display: block; height: 45px; padding-right: 35px; } .remove-ausfall-js i { margin-top: 12px; margin-bottom:-3px; height: 20px; width: 20px; margin-right: 10px; } /*----------------------------------------------- General ------------------------------------------------*/ .link-button { margin-top:30px; } #overlay { width: 100%; height: 100%; position: fixed; z-index: 999; opacity: 1; background-color: rgba(0,0,0,0.5); top: 0; left: 0; right: 0; bottom: 0; } #overlay-span { color: white; text-transform: uppercase; position: absolute; z-index: 1000; opacity: 1 !important; font-weight: 700; margin-top: -15.5px; margin-left: 36%; margin-right: 36%; top: 50%; width: 28%; text-align: center; font-size: 50px; font-family: "AvenirRegular"; } .ghost-btn, .ghost-btn svg, .ghost-btn svg path { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .ghost-btn { border-width: 1px; border-color: rgb(218, 218, 218); border-style: solid; cursor: pointer; color: black; font-size: 12px; text-transform: uppercase; display: inline-block; padding: 18px 20px 17px 90px; font-family: "AvenirBold"; position: relative; } .ghost-btn:hover { background-color: rgb(217, 217, 66); border-color: rgb(217, 217, 66); } .ghost-btn:focus { background-color: rgb(187, 187, 48); border-color: rgb(187, 187, 48); } .ghost-btn svg { position: absolute; left: 20px; top: 12px; } .ghost-btn svg path { fill: #a4a4a4; stroke: #a4a4a4; } .ghost-btn:hover svg path { fill: #747401; stroke: #747401; } .ghost-btn:focus svg path { fill: #373700; stroke: #373700; } .ghost-btn svg circle { fill: transparent; } .header-nav .ghost-btn { position: absolute; right: 0; top: 0px; } .submit-container .input.submit, .submit-container input[type="submit"] { display: inline-block; } .submit-container .sportform-button { margin-right: 20px; } /*----------------------------------------------- Tables ------------------------------------------------*/ table tr td { padding: 2px 10px; } .green-block .table-header-row { background-color: #d7dc4d; padding: 20px 0px; } /*----------------------------------------------- Edit Forms ------------------------------------------------*/ /* User edit */ .useredit .coordination-container.bill .coordination-container-fields, .useredit .contact-container.bill .contact-container-fields { float: none; } .useredit .coordination-container.bill { height: 400px; } #SportFormUserAdminAddForm fieldset { height: 194px; } .sportFormUsers.form { background-color: white; border-top: 6px solid #D9E149; box-shadow: 0px 0px 35px #bbbbbb; padding: 35px 30px; padding-bottom: 60px; } .password-fields input {border:none; background-color: #F2F3EF;} .coordination-container { width: 702px; height: 194px; display: inline-block; position: relative; top: 0px; } .coordination-container-fields { padding-right: 30px; border-right: 1px solid #da7d8c; } .coordination-container.bill > .coordination-container-fields { padding-right: 0px; } .contact-container { width: 404px; height: 194px; display: inline-block; position: relative; } div.contact-container-fields { margin-left: 27px; } .coordination-container-fields > div, .contact-container-fields > div { margin-top: 10px; } form label { text-transform: uppercase; color: #d7dc4d; font-family: "AvenirBold"; font-weight: normal !important; width: 40%; display: inline-block; font-size: 16px; } form input[type="text"], input[type="text"], input[type="password"], form input[type="number"], form input[type="email"], form input[type="tel"] { border: 0px; background-color: #f2f3ef; -webkit-appearance: none; text-indent: 15px; width: 60%; } form input:focus { border: 0px; outline: 0px; } .contact-container label { width: 186px; } h3.edit-form-title { text-align: center; margin: 0px; margin-bottom: 30px; color: black; font-family: "AvenirBold"; font-size: 17px; text-transform: uppercase; } #SportFormUserOrganisation { width: 517.5px !important; box-sizing: border-box; display: inline-block; } #SportFormUserFistName { display: inline-block; } #SportFormUserAdminAddForm input, #SportFormUserAdminEditForm input { width: 191px; height: 28px; } .first_name, .last_name, .street, .street_no, .place, .plz { display: inline-block; width: 300px; } .first_name, .street_no, .place { margin-left: 24px; } .bill_organisation { width: 300px; margin-bottom: 11px; } .first_name label, .street_no label, .place label { width: 111px; } .sportform-button { float: none; background-color: #d7dc4d; border: 0px; font-family: "AvenirBold"; text-transform: uppercase; font-size: 16px; min-width: 160px; height: 50px; margin-top: 30px; padding: 0 30px; transition: all 0.2s ease; display: block; } .sportform-button:hover { background-color: #e0e36f; } .sportform-button.wide { width: 300px; text-align: center; } a.sportform-button { text-align: center; color: black; text-decoration: none; padding: 15px; display: inline-block; } a.sportform-button.disabled { pointer-events: none; cursor: default; background-color: #a9a9a9; } a.sportform-button:hover { text-align: center; color: black; } #SportFormUserComment:focus, input:focus, { border-color: #d7dc4d !important; outline-color: #d7dc4d !important; } /*User Edit*/ .useredit { box-shadow: none !important; background-color: transparent !important; border-top: 0px !important; padding: 0px 0px !important; } .useredit > form > fieldset > .contact-adress-row { padding-bottom: 0px; margin-bottom: 50px; } .useredit > form > fieldset > .contact-adress-row, .useredit > form > fieldset > .bill-adress-row { background-color: white; box-shadow: 0px 0px 35px #bbbbbb; padding: 35px 30px; padding-bottom: 60px; } .useredit > form > fieldset > .contact-adress-row-header, .useredit > form > fieldset > .bill-adress-row-header { text-align: center; background-color: #d8e048; height: 60px; box-shadow: 0px 0px 35px #bbbbbb; } .useredit > form > fieldset > .contact-adress-row-header h2, .useredit > form > fieldset > .bill-adress-row-header h2 { font-family: "AvenirBold"; text-transform: uppercase; font-size: 19px; margin: 0px; padding: 20px 0px; } .coordination-container.bill { width: 100%; height: 213px; } .coordination-container.bill .coordination-container-fields, .contact-container.bill .contact-container-fields { height: 138px; display: block; float: left; } .bill .coordination-container-fields { border-right: 0px; } .useredit input[type="text"], .useredit input[type="number"], .useredit #SportFormUserEmail { width: 191px; } .useredit .bill input[type="text"] { width: 290px; } .bill label { width: 100px; } .useredit .coordination-container.bill .street_no, .useredit .coordination-container.bill .street { margin-top: 0px; } .useredit #SportFormUserOrganisation { width: 517.5px !important; } .useredit .coordination-container.bill .coordination-container-fields { margin-top:10px; } .bill-adress-row > .bill { width: 835px; margin: 0px auto; position: relative; display: block; } table tr.user-index-content-row.current-reservation td { padding-bottom: 20px; } /* Admin Index View */ .sportFormUsers.adminindex, .sportFormAdminsImport, .sportFormEmailTemplates { background-color: white; border-top: 0px solid #D9E149; box-shadow: 0px 0px 35px #bbbbbb; padding: 0px 0px; padding-bottom: 30px; } .sportFormUsers.adminindex table { width: 100%; } .user-index-header-row, .holiday-index-header-row { background-color: #d7dc4d; height: 55px; } .user-index-header-row th, .holiday-index-header-row th { text-align: center; color: black; font-family: "AvenirBold"; font-size: 13px; text-transform: uppercase; font-weight: normal; } .user-index-header-row th a, .holiday-index-header-row th a { color: black; font-family: "AvenirBold"; font-size: 16px; text-transform: uppercase; } .user-index-header-row th a:hover, .holiday-index-header-row th a:hover { color: black; text-decoration: none; } .sportFormUsers.adminindex table td, .reservation-information-container td { text-align: center; height: 30px; border-left: 1px solid #efeff0; font-size: 14px; } .sportFormUsers.adminindex table td:first-child { border-left: 0px; } .sportFormUsers.adminindex table th span , .reservation-information-container th span, th span{ text-align: center; line-height: 16px; padding: 0 8px; border-left: 1px solid #e2e96b; font-size: 14px; display: block; } .sportFormUsers.adminindex table th:first-child span, .reservation-information-container th:first-child span, th:first-child span { border-left: 0px; } tbody tr:nth-child(2) > td { padding-top: 20px !important; } td { border-left: 1px solid #efeff0; } td:first-child { border-left: 0px; } .white-space { height: 20px; } .sportFormUsers.adminindex .user-index-content-row > td:first-child { text-align: left; width: 525px; padding-left: 35px; padding-right: 35px; } .form.adminedit.sportFormHolidays.sportFormUsers.adminindex .user-index-content-row > td:first-child { text-align: left; width: 350px; padding-left: 35px; padding-right: 35px; } .sportform-res-amount { width: 95px; } .progress-row { background-color: #f2f3ef; } .unfinished-row { background-color: #ffffff; } .finished-row { background-color: #ececd9; } /* Index View */ .reservation-data-msg, #flashMessage { text-transform: uppercase; background-image: url('../img/notify-icon.png'); background-repeat: no-repeat; background-position: left center; background-size: 12px 12px; padding-left: 32px; margin: 34px 0px 12px; display: block; margin-top: 0px; } .contact-information-container, .holiday-information-container, .reservation-information-container, .page-information-container { background-color: white; min-height: 200px; margin-bottom: 20px; box-shadow: 0px 0px 35px #bbbbbb; } .reservation-information-container { padding-bottom: 30px; } .sportFormUsersIndex .contact-information-container .row { margin: 0; } div.col-lg-6.holiday-information-container.page-information-container { padding: 0px 30px 20px; } .contact-adress-link, .bill-adress-link, .actual-year-link, .following-year-link { height: 63px; text-align: center; background-color: #f2f3ef; border-top: 6px solid #b7b7b6; transition: all 0.2s ease; padding: 19px 15px; font-family: "AvenirBold"; font-size: 14px; text-transform: uppercase; } .contact-information-container .contact-link > .active, .holiday-information-container .holiday-link > .active { background-color: white; border-top: 6px solid #d7dc4d; } .contact-link { margin-bottom: 0px; margin-top: 30px; } .contact-link > div, .holiday-link > div { cursor: default; font-family: "AvenirBold"; text-transform: uppercase; font-size: 17px; } .contact-content { margin-bottom: 5px; } div.col-lg-6.contact-information-container { width: 49%; } .contact-adress-container, .bill-adress-container, .actual-year-container, .following-year-container { margin-top: 10px; padding: 0px 15px; } .contact-adress-container.active, .bill-adress-container.active, .actual-year-container.active, .following-year-container.active { visibility: visible; opacity: 1; } div.col-lg-6.holiday-information-container { width: 49%; margin-left: 1%; } .holiday-information-container.page-information-container > .actual-year-container.active { position: relative; top: 0px; left: 0px; right: 0px; } .sportFormUsers.SportFormObjects.adminindex .user-index-content-row > td:first-child { text-align: left; width: 275px; padding-left: 35px; padding-right: 35px; } .sportFormUsers.SportFormObjects.adminindex .user-index-content-row > td:nth-child(2) { width: 225px; } .contact-information-content-container span { width: 174px; display: inline-block; font-family: "AvenirBold"; color: #d7dc4d; text-transform: uppercase; margin-bottom: 22px; } .contact-information-content-container > span.phone { margin-bottom: 30px; } .reservation-information-container { width: 100%; } .reservation-information-container td { text-align: center; } select#objectType { font-size: 13px; width: 200px; -webkit-appearance: menulist; border: 1px solid #929292; -moz-appearance: menulist; } select#objectType:focus { border: 1px solid #929292; font-size: 13px; width: 200px; outline: none; -webkit-appearance: menulist; -moz-appearance: menulist; border-color: black !important; outline-color: #d7dc4d !important; } div.labels ul {padding-left: 0px;} div.labels ul:after {content: ''; display: block; clear:both;} div.labels ul li {list-style-type: none; float: left; padding-left: 15px;} /*Holiday*/ .holiday-information-content-container table { margin-bottom: 10px; } .holiday-header-row { font-family: "AvenirBold"; color: #d7dc4d; text-transform: uppercase; border-bottom: 1px solid #d7dc4d; } .holiday-row { height: 50px; } .holiday-type { width: 340px; } .holiday-date { } .holiday-status { } .sportFormHolidays.adminindex { background-color: white; border-top: 0px solid #D9E149; box-shadow: 0px 0px 35px #bbbbbb; padding: 0px 0px; padding-bottom: 30px; } .sportFormHolidays.adminindex table { width: 100%; } .sportFormHolidays.adminindex table td { text-align: center; height: 30px; padding: 2.5px 0px; border-left: 1px solid #efeff0; font-size: 14px; } .sportFormHolidays.adminindex table td:first-child { border-left: 0px; } .sportFormHolidays.adminindex table th span { text-align: center; height: 30px; padding: 2.5px 0px; border-left: 1px solid #e2e96b; font-size: 14px; display: block; } .sportFormHolidays.adminindex table th:first-child span { border-left: 0px; } .sportFormHolidays.adminedit {min-height: 300px;; border-top: 6px solid #d7dc4d; padding: 30px; background-color: white; } .sportFormHolidays.adminedit form label { width: 202.5px; } /*Import*/ body:not(.layout_sportform) div.input.submit { height: 80px; } div.inline-submit .submit { display: inline-block; } .import-button { margin-top: 0px; float: none; display: block; text-indent: 0px; margin-top: 30px;} .sportFormAdminsImport div.input.submit { height: 85px; } .excel_file_input_container label { color: black; text-align: left; width: 100%; margin-bottom: 27px; } .sportFormAdminsImport { min-height: 216px; border-top: 6px solid #d7dc4d; padding: 30px; } #SportFormAdminExcelFile { background-color: white; text-indent: 0px; } .sportFormAdminsImport label { width: 60%; } .sportFormAdminsImport .import-header{ display: inline-block; margin-bottom: 20px;} #SportFormUserAdminAddAddresses label { margin: 23px 0px; } #SportFormUserAdminAddAddresses input[type="text"] { width: 30%; } /*Login*/ #SportFormUserResetpasswordForm div.login-mailadress.input.email { border-bottom: 4px solid #d8e048; padding-bottom: 35px; } .layout_sportform_login { background-color: #fafafa; } #SportFormUserLoginForm a { color: black; transition: all 0.2s ease; } #SportFormUserLoginForm a:hover { text-decoration: none; color: #545454; } .sportform-button.import-button.login-button { color: #d8e048; } .userslogin { box-shadow: none !important; border-top: 0px !important: } .userslogin.sportFormUsers.index { min-height: 266px; position: relative; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: #fafafa; } .userslogin.sportFormUsers.index #SportFormUserLoginForm, #SportFormUserResetpasswordForm { position: relative; width: 560px; margin: 7% auto; height: 524px; border: 0px !important; } .login-header { text-transform: uppercase; color: #d8e048; font-family: "AvenirBold"; font-size: 30px; } .logo-holder { background-image: url(../img/logo-sportamt-login.png); background-position: center center; background-repeat: no-repeat; height: 104px; width: 100%; margin-bottom: 100px; } .login-button { float: right; position: relative; background-color: transparent; width: auto; padding: 0px; margin-top: 0px; font-size: 30px; } .login-button:hover { background-color: transparent; color: grey; } input[type="email"], input[type="text"], input[type="password"], input[type="submit"] { -webkit-appearance: none !important; border-radius: 0px !important; } .layout_sportform_login div input[type="password"], .layout_sportform_login div input[type="email"], .layout_sportform_login div input[type="text"] { -webkit-appearance: none !important; background-color: transparent; border: 0px; border-bottom: 1px solid #81868d; text-indent: 2px; width: 366px; font-size: 23px; } input[type="password"]:-webkit-autofill, input[type="email"]:-webkit-autofill, input[type="text"]:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fafafa inset; } .layout_sportform_login div label { color: black; line-height: 27px; vertical-align: bottom; margin-bottom: 0px; width: 194px; font-size: 23px; } .login-mailadress { padding-top: 27px; margin-top: 35px; margin-bottom: 35px; border-top: 4px solid #d8e048; } .login-password { padding-bottom: 35px; margin-bottom: 35px; border-bottom: 4px solid #d8e048; } input[type=checkbox].checkbox-quadratic {position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;} input[type=checkbox].checkbox-quadratic + label.css-label { width:25px;padding-left:30px;height:25px; display:inline-block;line-height:25px;background-repeat:no-repeat;background-position: 0 0;font-size:25px;vertical-align:middle;cursor:pointer;} input[type=checkbox].checkbox-quadratic:checked + label.css-label {background-position: 0 -25px;} label.css-label { -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; text-indent: -99999px;} label.checkbox-approve { background-image: url(./images/csscheckbox_cc175727fb199789c4b01af773f234ac.png); } label.checkbox-deny { background-image: url(./images/csscheckbox_cc175727fb199789c4b01af773f234ad.png); } label.surrounding-label input[type="checkbox"] { display: none; } label.surrounding-label span { -webkit-appearance: none; outline: 1px solid #dee36f; height: 15px !important; width: 15px; -moz-appearance: none; background-image: none !important; display: inline-block !important; background-color: white; border: 1px solid white !important; } label.surrounding-label :checked + span { background-color: #d7dc4d; border: 2px solid white !important; } label.surrounding-label { width: 5%; } /*CLOSED OBJECTS*/ .green-block { background-color: white; border-top: 6px solid #d8e048; padding: 0px 20px 20px; box-shadow: 0px 0px 20px #ddd; } .date_wrapper { float:none; } .sportFormClosedObjects { background-color: white; border-top: 6px solid #d8e048; } .sportFormClosedObjects { width: 100%; } .sportFormClosedObjects .table-header-row, .table-header-row { font-size: 14px; color: black; font-family: "AvenirBold"; text-transform: uppercase; } .sportFormClosedObjects .input.checkbox { display: inline-block; padding: 0px; } .sportFormClosedObjects .input.checkbox input[type="checkbox"] { display: block; } .sportFormClosedObjects .table-body-content { height: auto; display: block; width: 100%; } .sportFormClosedObjects table thead, .table-body-content-container { display: block; } .closed-holiday-section { width: 400px; display: inline-block; padding-left: 35px; } .closed-from-section { width: 200px; display: inline-block; } .closed-till-section { width: 200px; display: inline-block; } .closed-usage-section { width: 15%; float: right; display: inline-block; } .table-body-content .closed-holiday-section { width: 400px; display: inline-block; margin: 13px 0px;} .table-body-content .closed-from-section { width: 200px; display: inline-block; margin: 13px 0px;} .table-body-content .closed-till-section { width: 200px; display: inline-block; margin: 13px 0px;} .table-body-content .closed-usage-section { display: inline-block; margin: 9px 0px;} .additional-dates { width: 40%; margin-bottom: 30px; } .additional-dates div {display:block;margin-bottom:5px; position: relative; } .additional-dates input { width: 90% !important; } .elements { padding-bottom:5px; position: absolute; right: 0; } #SportFormClosedObjectAddForm .closed-holiday-section, #SportFormClosedObjectAddForm .closed-from-section, #SportFormClosedObjectAddForm .closed-till-section, #SportFormClosedObjectAddForm .closed-usage-section { height: 19px; } #SportFormClosedObjectDeny, #SportFormClosedObjectApprove { -webkit-appearance: none; -moz-appearance: none; margin: 0px; padding: 0px; padding-left: 15px !important; } #SportFormClosedObjectDeny { padding-left: 0px !important; } .table-body-content .green { background-color: #f7f9e5; margin-right: 0; } .table-body-content .transparent { margin-right: 0; } .table-body-content { margin-bottom:40px;} #SportFormClosedObjectApprove { display: none; } #SportFormClosedObjectApprove:checked + label { display:inline-block; width:19px; height:19px; background:url('../img/check.png'); } label.holidaycheck-approve input[type="checkbox"] {display:none;} label.holidaycheck-approve span { background-image: url('../img/check_min.png'); background-repeat: no-repeat; transition: all 0.2s ease; height: 27px; width: 27px; display: inline-block; background-size: 100%; padding: 2.5px 0px; cursor: pointer; } label.holidaycheck-approve :checked + span { background-image: url('../img/check_hover_min.png'); } label.holidaycheck-deny input[type="checkbox"] {display:none;} label.holidaycheck-deny span { background-image: url('../img/delete_black_min.png'); background-repeat: no-repeat; transition: all 0.2s ease; height: 27px; width: 27px; display: inline-block; background-size: 100%; padding: 2.5px 0px; cursor: pointer; margin-left: 10px; } label.holidaycheck-deny :checked + span { background-image: url('../img/delete_min.png'); } .holidaycheck-approve, .holidaycheck-deny { width: 20px; } .sportFormClosedObjects .table-body-content span.closed-usage-section { margin: 9px 0px; height: 27px !important; } /* nanoScrollerJS */ .nano { background: #bba; height: 100px; } .nano .nano-content { padding: 0px; } .nano .nano-pane { background: #888; } .nano .nano-slider { background: #111; } /* Calendar */ .applyBtn.btn.btn-small.btn-success { background-color: #d8e048; border-color: #d8e048; } .available { transition: all 0.1s ease !important; } .available.active { background-color: #d8e048 !important; border-color: #d8e048 !important; color: white !important; font-family: "AvenirBold" !important; } .available.in-range { background-color: #f7f9e5 !important; border-color: #f7f9e5 !important; } .daterangepicker .calendar th { font-family: "AvenirBold" !important; } .daterangepicker .calendar td, .range_inputs { font-family: "AvenirRegular" !important; } /* MAILING */ a.sportform-button.orga-button { padding: 4px 10px; font-size: 14px; font-family: 'AvenirRegular'; width: 390px !important; height: 28px; margin-top: 0px !important; margin-bottom: 30px; } .sportFormEmailTemplates { border-top: 6px solid #D9E149; padding: 30px 35px; } .sportFormEmailTemplates td { text-align: center; } .sportFormEmailTemplates table { width: 100%; } .sportFormEmailTemplates th.actions { width: 100px; } textarea#SportFormEmailTemplateMessage, textarea#SportFormClosedWeekMessage, textarea#SportFormClosedObjectComment { -webkit-appearance: none; border: 0px; background-color: #f2f3ef; padding-left: 15px; padding-top: 15px; } textarea#SportFormEmailTemplateMessage:focus, textarea#SportFormClosedObjectComment:focus { outline: none; border: none; } form#SportFormEmailTemplateAdminEditForm { width: 50%; float: none; display: inline-block; height: 275px; } .sportFormEmailTemplates.form { min-height: 340px; } .mailtemplate-placeholder-container { width: 50%; display: block; height: 275px; } .sportFormEmailService.sportFormClosedObjects.sportFormUsers.adminindex .sportform-button { display: block; width: 265px; margin-top: 10px; } .check-column { max-width: 50px !important; width: 50px !important; padding-left: 35px; padding-right: 35px; } .check-column span { text-align: left !important; } .orga-column { text-align: left !important; } td.orga-column { padding-left: 35px !important; padding-right: 35px !important; } .obj-column { width: 220px; text-align: left !important; padding-left: 35px !important; padding-right: 35px !important; } td:last-child { } tr.user-index-content-row:hover { background-color: #f7f9e5; } .sportFormEmailService { background-color: white !important; border-top: 6px solid #d8e048 !important; padding: 35px 30px !important; } .sportFormEmailService table { width: 100%; } .sportFormEmailService .surrounding-label label { width: 20px; } .sportFormEmailService .sportform-button { width: 180px; float: none; } th label.surrounding-label span { margin-top: 3px; } input.sportform-button.search-button { float: none; margin-bottom: 40px; } .user-index-content-row td:first-child { text-align: left; padding-left: 20px; } #reservation-search-container {margin-left:30px;margin-bottom:30px;padding-top:30px; margin-right: 30px;} #reservation-search-container label, #reservation-search-container input[type="text"] { width: auto; margin-top: 10px; min-width: 93px; } #reservation-search-container input[type="text"], #reservation-search-container select { width: 450px; margin-left: 30px; } #reservation-search-container input[type="submit"] { float: right; margin-top: 0px; margin-bottom: 25px; padding: 0px 35px; min-width: 170px; } /*profile */ .smtp-config { margin-top:15px; } /* * sperrtage user view */ .sportFormClosedObjects .comment { } .sportFormClosedObjects .description-container { margin-left:440px; } .col-lg-6.holiday-information-container.page-information-container label { width: 300px !important; } .sportFormClosedObjects .description-container #SportFormObjectType { width:300px; } .sportFormUsers.adminindex .paginator { width: 100%; text-align: center; margin-top: 25px; } .sportFormUsers.adminindex .paginator span { padding-left: 10px; } .sportFormUsers.adminindex .paginator span a { color: #dadacf; } .sportFormUsers.adminindex .paginator span.current, .sportFormUsers.adminindex .paginator span a:hover { color: #000000; } .sportFormUsers.adminindex .paginator .prev.disabled, .sportFormUsers.adminindex .paginator .next.disabled { display: none; } .sportFormUsers.adminindex .paginator .prev a, .sportFormUsers.adminindex .paginator .first a { text-indent: -9999px; display: inline-block; background-image: url(../img/back_grey.png); background-repeat: no-repeat; background-position: right center; background-size: contain; width: 15px; } .sportFormUsers.adminindex .paginator .first a { width: 26px; background-repeat: repeat-x; } .sportFormUsers.adminindex .paginator .prev a:hover, .sportFormUsers.adminindex .paginator .first a:hover { background-image: url(../img/back_black.png); } .sportFormUsers.adminindex .paginator .next a, .sportFormUsers.adminindex .paginator .last a { text-indent: 9999px; display: inline-block; background-image: url(../img/back_grey.png); background-repeat: no-repeat; background-position: left center; background-size: contain; width: 15px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .sportFormUsers.adminindex .paginator .last a { width: 26px; background-repeat: repeat-x; } .sportFormUsers.adminindex .paginator .next a:hover, .sportFormUsers.adminindex .paginator .last a:hover { background-image: url(../img/back_black.png); } #add-user-index { background-color: #ffffff; padding: 10px 15px 25px 15px; margin-left: -15px; margin-bottom: 50px; box-shadow: 0px 0px 35px #bbbbbb; } #change-user-index { background-color: #ffffff; padding: 10px 15px 25px 15px; margin-left: -15px; margin-bottom: 50px; box-shadow: 0px 0px 35px #bbbbbb; } .sportFormUsers.adminindex table td.actions {white-space: nowrap;} table tr.user-index-content-row td {padding: 2px 4px;} #SportFormUserSearchbar {max-width: 350px;} .sportFormAdminsImport input[type=number] { width: 150px; } body .sweet-alert { font-family: "AvenirRegular"; border-radius: 0;} body .sweet-alert button { border-radius: 0; } form#SportFormObjectAdminSetHolidaysForm label { border-bottom: 1px solid #DEDEDE; padding: 10px 0px; }