.loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('http://takeawaysoftware.com/systemlogo/thetakeawaylogo.gif') 50% 50% no-repeat rgb(249,249,249); } #modalDivOrderType .modal-dialog { width: 600px !important; } #modalDivOrderType .delblock + .delblock { float: right; } #modalDivOrderType .delblock { margin-right: 0; margin-bottom: 12px; margin-left: 0; padding: 6px; padding-left: 18px; padding-left: 20px; } #modalDivOrderType #DeliveryDistance, #modalDivOrderType #DeliveryTime { margin-top: 8px; } #modalDivOrderType #placeOrderContinue { margin-right: 10px; } #modalDivOrderType .input-group-btn > .btn { border: 1px solid #999; border-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } #modalDivOrderType #fancyBoxMap { padding-top: 12px !important; padding-bottom: 8px; } #modalDivOrderType #DeliveryTime::after, #modalDivOrderType .delblock::after { display: block; clear: both; content: ''; } #modalDivOrderType #DeliveryTime > .input-group { width: 47% !important; margin-right: 15px; } #modalDivOrderType #nowlater { margin: 0; padding: 3px; font-size: 14px; padding-bottom: 6px; } #modalDivOrderType input[type='radio'], #modalDivOrderType input[type='checkbox'] { position: relative; top: 6px; width: 18px; height: 18px; top: 3px; } #modalDivOrderType #ordertimeoverride{ margin-left:10px; } #modalDivOrderType .fa-user, #modalDivOrderType .fa-truck{ margin-right: 10px; } @media only screen and (max-width: 767px){ .social-thumb{ display:block; margin-top: 5px; } .social-text{display: none} .link-book-table{margin-top:0;} #topmenumobile .thumb-special-offers{ margin-bottom: 10px; } .icon-thumb{ text-align: right; } #mainmenu{ top: 0; } } #topmenumobile .media:first-child{ padding: 0 15px; } #wholepage{ padding-top: 0px; } #header{ position: static; margin-bottom: 15px; padding: 15px 0!important; } div#topmenumobile { display: flex; align-items: center; } .social-info { min-width: 125px; margin-left: auto; text-align: right; } .media, .media .media { margin-top: 0px; } @media only screen and (max-width: 767px){ /* #topmenumobile .media > a { float: none !important; display:block; margin-bottom: 10px } */ #topmenumobile .media-body div, #topmenumobile .media-body i{ font-size: 12px; } .social-info{ min-width: 182px; } } @media only screen and (max-width: 413px){ .social-info{ min-width: 135px; } #topmenumobile .media-body div{font-size: 10px} } #topmenumobile .u-display-block .glyphicon { font: normal normal normal 14px/1 FontAwesome; } .social-info.social-info{ -ms-flex-item-align: start;align-self: flex-start; } @media only screen and (max-width: 767px){ .link-book-table{ padding: 6px 8px; } #topmenumobile .media-heading{ font-size: 16px; } .link-review{ display: inline-block !important; } } .social-thumb .social-icon{padding-left: 5px} #topmenumobile .media:first-child{padding-left:0;padding-right:0;} @media only screen and (max-width: 413px){ .social-info { min-width: 155px; } /* #topmenumobile .media > a{float: none !important;} */ } .photo .overlay{ width: 100% !important; max-width: 100% !important; } @media (min-width: 768px){ .photo img { width: 90px !important; } } .is-affixed .inner-wrapper-sticky { left: auto !important; padding-bottom: 20px; } #categories, #pricecolumn{will-change: min-height;} .sidebar__inner{ transform: translate(0, 0); / For browsers don't support translate3d. / transform: translate3d(0, 0, 0); will-change: position, transform; } @media only screen and (max-width: 991px) { .is-affixed .inner-wrapper-sticky { left: auto !important; position: static !important; transform: none !important; width: auto !important; } } .bootstrap-select .filter-option { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; text-align: left; }