/* PROFILE PAGE */ .profile-table tr{ border-bottom : 1px solid #E4E6E9; padding-bottom : 10px; } .profile-table td{ padding: 15px 0px; } /* Containers ----------------------------------------------------------------- */ .profile-box { margin-top: 50px; padding-top: 50px; } .form-row { padding-top: 15px; padding-right: 0px; padding-bottom: 15px; border-bottom : 1px solid #E4E6E9; } #preference-options { display: none; } /* Labels --------------------------------------------------------------------- */ .profile-label { padding: 0px; line-height: 42px; margin-bottom: 0px; } /* Text ----------------------------------------------------------------------- */ #location, #mail, #email, #telephone, #mobile, #preferences { padding: 0px; line-height: 42px; margin-bottom: 0px; } #location-btn, #mail-btn, #telephone-btn, #mobile-btn, #preferences-btn, #preferences-container { float:right; } /* Buttons ------------------------------------------------------------------------------------- */ .btn-default-style { font-size: 20px; background-color: #2E3942; text-transform: uppercase; color: #fff; letter-spacing: 0px; border-radius: 0px; white-space: normal; } .btn-default-style:hover { color: #fff; background-color: #129AF0; border-color: #129AF0; } .btn-default-style2 { font-family: 'Open Sans', sans-serif; font-size: 14px; letter-spacing: 0px; line-height: 26px; border-radius: 0px; white-space: normal; border: 2px solid #2E3942; background-color: #fff; color: #2E3942; } .btn-book, .btn-wait { background-color: #2E3942; border-color: #2E3942; } .btn-book:hover, .btn-wait:hover { color: #fff; background-color: #129AF0; border-color: #129AF0; } .btn-book:disabled:hover, .btn-wait:disabled:hover { color: #fff; background-color: #129AF0; border-color: #129AF0; } .btn-full { color: #fff; background-color: #8B9299; border-color: #8B9299; } .btn-full:disabled:hover { color: #fff; background-color: #8B9299; border-color: #8B9299; } .btn-cancel { line-height: 26px; } .btn-cancel, .btn-wait-cancel, .btn-wait-cancel2 { border: 2px solid; border-color: #2E3942; background-color: #fff; color: #2E3942; } .btn-cancel:hover, .btn-wait-cancel:hover, .btn-default-style2:hover { background-color: #fff; border-color: #129AF0; color: #129AF0; } .btn-cancel:disabled, .btn-wait-cancel:disabled { background-color: #fff; border-color: #129AF0; color: #129AF0; } .btn-default-style:focus { color : #fff; } .btn-book:focus, .btn-wait:focus { color: #fff; background-color: #129AF0; } .btn-cancel:focus { background-color: #fff; border-color: #129AF0; color: #129AF0; } .btn-filter-mobile { background-color: #F5F8F9; border: 1px solid #8B9299; vertical-align: middle; } .btn-filter-mobile:focus { text-decoration: none; } .btn-circle { width: 20px; height: 20px; text-align: center; padding: 4px 0; font-size: 9px; line-height: 1.428571429; border-radius: 15px; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 25px; } .btn-preference-ok { background-color: #6FAA12; border-color: #6FAA12; } .btn-preference-cancel { background-color: #D50304; border-color: #D50304; } .btn-preference-ok, .btn-preference-cancel { width: 58px; height: 42px; color: #fff; border-radius: 0px; } .btn-preference-ok:hover, .btn-preference-cancel:hover { background-color: #219ff0; color: #fff; } /*------------------------------------- MEDIA QUERIES ----------------------------------------------- */ @media (max-width: 480px){ button#location-btn{ float:none !important; } #location-container, #mail-container, #telephone-container, #mobile-container{ margin:0; width: 100%; } .preference-col{ padding: 0; } #location-btn, #mail-btn, #telephone-btn, #mobile-btn, #preferences-btn, #preferences-container { float:left; } #preferences-container{ width: 100%; } .form-row { padding-top: 15px; padding-right: 0px; padding-bottom: 15px; border-bottom : 1px solid #E4E6E9; } .profile-label { padding: 0px; line-height: 21px; margin-bottom: 0px; } #location, #mail, #email, #telephone, #mobile, #preferences { padding: 0px; line-height: 21px; margin-bottom: 0px; } .msg-box { color: #6FAA12; float: right; text-align: right; line-height: 22px; padding-right: 0px; } .msg-box button{ float: right; } legend { border-bottom: none; } #preferences { padding: 0px; line-height: 21px; margin-bottom: 0px; margin-top: 20px; } } @media (min-width: 992px) { #location, #mail, #email, #telephone, #mobile, #preferences { padding: 0px; line-height: 42px; margin-bottom: 0px; } .profile-label { padding: 0px; line-height: 42px; margin-bottom: 0px; } }