/* General */ body { margin:0px; padding:0px; color:#606060; } body, div { font-family:Arial; -webkit-text-size-adjust:none; font-weight:500; unicode-bidi:normal; } h1 { font-size:14px; position:relative; z-index:2; text-align:center; font-family: 'Montserrat', sans-serif; margin:0px; font-weight:700; text-transform:uppercase; } a { text-decoration: underline; transition: 500ms; transition-property:all; } a:hover { text-decoration: none; } form { margin:0px; } input, textarea, select { border:1px solid #dbdbdb; background-color:#fbfbfb; color:#606060; font-size:14px; padding:4px; overflow:hidden; } input.button { color:#ffffff; font-size:14px; overflow:hidden; min-width:120px; text-transform:uppercase; cursor:pointer; border:0px; padding:5px; transition: 500ms; transition-property:all; } textarea { width:100%; height:150px; padding:4px; } file, textarea, select, input[type="text"], input[type="password"], input[type="button"] { -webkit-appearance: none; border-radius:3px;} .us { background-image:url('icon-flag-us.jpg'); } .ru { background-image:url('icon-flag-ru.jpg'); } .il { background-image:url('icon-flag-il.jpg'); } .ua { background-image:url('icon-flag-ua.jpg'); } .am { background-image:url('icon-flag-am.jpg'); } .by { background-image:url('icon-flag-by.jpg'); } div.Rentout span.NO, div.Status span.Disabled, .error, .mandatory { color:red; } .success { color:#57ba98; } div.Space { clear:both; height:0px; font-size:0px; display:block; } div.Work-Space { min-height:100%; overflow:hidden; text-align:left; background-color:#ffffff; } div.h1 { font-size:0px; display:block; } /* QUICK BUTTONS */ div.QuickButtons { position:fixed; right:10px; display:inline-block; z-index:900; } div.QuickButtons div { float:left; width:44px; height:44px; margin-left:5px; overflow:hidden; border-radius:3px; } div.QuickButtons a { z-index:900; display:block; height:44px; background-size:34px 34px; background-repeat:no-repeat; background-position:center center; overflow:hidden; } div.QuickButtons div.GoTop a { background-image:url(Icon-Up.png); width:44px; } div.QuickButtons div.CallMe { width:190px; } div.QuickButtons div.CallMe a { font-size:12px; background-image:url(icon-phone.png); background-size:24px 24px; display:block; background-position:10px 10px; color:#ffffff; text-transform:uppercase; text-decoration:none; padding:15px 10px 10px 47px; } /* MAIN */ div.Main { display:block; } div.Main-Content { display:block; text-align:center; } /* MAIN NAVI */ div.Main-Navi { position:fixed; background-color: #DFDFDF; vertical-align:top; } div.Main-Navi ul { list-style-type:none; margin:0px; padding:0px; display:block; overflow:hidden; } div.Main-Navi ul li { display:block; overflow:hidden; } div.Main-Navi ul li a { display:block; overflow:hidden; font-size:0px; background-repeat:no-repeat; background-position:center center; } div.Main-Navi ul li div { display:block; overflow:hidden; } div.Main-Navi ul li div.Navi-Dashboard a { background-image:url(Icon-Home.png); } div.Main-Navi ul li.active div.Navi-Dashboard a, div.Main-Navi ul li div.Navi-Dashboard a:hover { background-image:url(Icon-Home-Active.png); } div.Main-Navi ul li div.Navi-Calendars a { background-image:url(Icon-Calendar.png); } div.Main-Navi ul li.active div.Navi-Calendars a, div.Main-Navi ul li div.Navi-Calendar a:hover { background-image:url(Icon-Calendar-Active.png); } div.Main-Navi ul li div.Navi-Customers a { background-image:url(Icon-Customers.png); } div.Main-Navi ul li.active div.Navi-Customers a, div.Main-Navi ul li div.Navi-Customers a:hover { background-image:url(Icon-Customers-Active.png); } div.Main-Navi ul li div.Navi-Apartments a { background-image:url(Icon-Apartments.png); } div.Main-Navi ul li.active div.Navi-Apartments a, div.Main-Navi ul li div.Navi-Apartments a:hover { background-image:url(Icon-Apartments-Active.png); } div.Main-Navi ul li div.Navi-Checkouts a { background-image:url(Icon-Checkouts.png); } div.Main-Navi ul li.active div.Navi-Checkouts a, div.Main-Navi ul li div.Navi-Checkouts a:hover { background-image:url(Icon-Checkouts-Active.png); } div.Main-Navi ul li div.Navi-Checkins a { background-image:url(Icon-Checkins.png); } div.Main-Navi ul li.active div.Navi-Checkins a, div.Main-Navi ul li div.Navi-Checkins a:hover { background-image:url(Icon-Checkins-Active.png); } div.Main-Navi ul li div.Navi-Settings a { background-image:url(Icon-Settings.png); } div.Main-Navi ul li.active div.Navi-Settings a, div.Main-Navi ul li div.Navi-Settings a:hover { background-image:url(Icon-Settings-Active.png); } div.Main-Navi ul li div.Navi-Logout a { background-image:url(Icon-Logout.png); } div.Main-Navi ul li.active div.Navi-Logout a, div.Main-Navi ul li div.Navi-Logout a:hover { background-image:url(Icon-Logout-Active.png); } div.Main-Navi ul li div.Navi-Costs a { background-image:url(Icon-Costs.png); } div.Main-Navi ul li.active div.Navi-Costs a, div.Main-Navi ul li div.Navi-Costs a:hover { background-image:url(Icon-Costs-Active.png); } /* SECOND NAVI */ div.Second-Navi { } div.Second-Navi ul { list-style-type:none; margin:0px; padding:0px; display:block; overflow:hidden; } div.Second-Navi ul li { display:block; overflow:hidden; background-color:#DFDFDF; border-radius:3px; cursor:pointer; } div.Second-Navi ul li a { display:block; overflow:hidden; background-repeat:no-repeat; background-position:center center; } div.Second-Navi ul li span { display:block; overflow:hidden; } /* MAIN */ div.Main-Content { } div.Main-Area { display:block; } /* NAVI PAGES */ div.NavPages { height:35px; overflow:hidden; } div.NavPages ul { list-style-type: none; height:35px; margin:0px; padding:0px; display:inline-block; overflow:hidden; } div.NavPages ul li { float:left; overflow:hidden; border-radius:3px; margin-left:1px; height:35px; min-width:35px; align:center;text-align:center; font-size: 14px; } div.NavPages ul li.Caption { font-size:14px; font-weight:500; padding:10px; overflow:hidden; text-align:right; } div.NavPages ul li a { color:#606060; display:block; height:100%; font-size:14px; text-decoration: none; font-weight:500; padding:10px 12px 10px 12px; background:#dfdfdf; display:block; } div.NavPages ul li a.active, div.NavPages ul li a:hover { color:#ffffff; } div.NavPages ul li.Next a { background-image:url(Icon-Nav-Right.png); background-position:center center;background-repeat:no-repeat; background-color: #dfdfdf; background-size:25px 25px; padding:0px; } div.NavPages ul li.Previous a { background-image:url(Icon-Nav-Left.png); background-position:center center;background-repeat:no-repeat; background-color: #dfdfdf; background-size:25px 25px; padding:0px; } div.NavPages ul li.Next a:hover { background-image:url(Icon-Right.png); } div.NavPages ul li.Previous a:hover { background-image:url(Icon-Left.png); } /* HOME */ div.Home { display:block; text-align:center; } div.Home strong { display:block; font-size:25px; margin-top:60px; } div.Home div.Text { font-size:16px; margin-top:60px; padding:0px 20px 0px 20px; } div.Home div.Buttons { display:inline-block; font-size:16px; margin-top:60px; width:250px; overflow:hidden; } div.Home div.Buttons a { border-radius:3px; margin-top:1px; display:block; overflow:hidden; padding:10px; text-transform:uppercase; text-decoration:none; color:#ffffff; } /* PAGE */ div.Page, div.Booking, div.Customer, div.Apartment, div.StaffGroup, div.CostsMonthly, div.ApartmentGroup, div.ApartmentReport { display:block; overflow:hidden; } div.Page-Area, div.Booking-Area, div.Customer-Area, div.Apartment-Area, div.StaffGroup-Area, div.CostsMonthly-Area, div.ApartmentGroup-Area, div.ApartmentReport-Area { display:block; overflow:hidden; } /* STATISTICS */ div.Statistics { display:block; overflow:hidden; border:1px solid #DFDFDF; border-radius:3px; } div.Statistics span.Positive { color:green; } div.Statistics span.Negative { color:red; } div.Statistics-Area { display:block; overflow:hidden; } div.Statistics-Head { display:block; overflow:hidden; background-color:#DFDFDF; height:35px; } div.Statistics-Head div.Caption { margin:10px; font-weight:bold; } div.Statistics-Head div.Selector { display:block; overflow:hidden; float:right; height:35px; border-left:1px solid #ffffff; width:35px; background-color:#DFDFDF; } div.Statistics-Head div.Selector a { display:block; height:35px; width:35px; background-size:20px 20px; background-position:center center; background-repeat:no-repeat; } div.Statistics-Head div.Selector a.Up { background-image: url(Icon-Up.png); } div.Statistics-Head div.Selector a.Down { background-image: url(Icon-Down.png); } div.Statistics-Head div.Total { display:block; overflow:hidden; float:right; margin:10px; font-weight:bold; } div.Statistics-List { display:block; overflow:hidden; height:0px; transition: 500ms; transition-property:all; } div.Statistics-Item { display:block; overflow:hidden; border-top:1px solid #DFDFDF; } div.Statistics-Item-Text { display:block; overflow:hidden; padding:20px; text-align:center; font-weight:bold; } div.Statistics-Item-Area { display:block; overflow:hidden; margin:9px; } div.Statistics-Item-Caption { display:block; overflow:hidden; margin:9px; font-weight:bold; text-align:center; text-transform:uppercase; } div.Statistics-Total-Area { display:block; overflow:hidden; background-color:#DFDFDF; padding:9px; text-align:right; font-weight:bold; } div.Statistics-Item div.Day { display:block; overflow:hidden; float:left; width:30px; } div.Statistics-Item div.Label { display:block; overflow:hidden; float:right; } div.Statistics-Item span.Wait { display:block; overflow:hidden; background-color:#e5eeff; } div.Statistics-Item span.CheckedIn { display:block; overflow:hidden; background-color:#f9fff2; } /* QUICK ACIONS */ div.Quick-Actions { display:block; overflow:hidden; } div.Quick-Actions-Area { display:block; overflow:hidden; } div.Quick-Actions-Area div.Item { display:block; overflow:hidden; text-align:center; margin-top:1px; height:35px; background-color:#dfdfdf; border-radius:3px; } div.Quick-Actions-Area div.Item a { display:block; overflow:hidden; padding:10px; text-transform:uppercase; text-decoration:none; color:#ffffff; } /* CALENDAR */ div.Calendars-Area { display:block; overflow:hidden; border:1px solid #dfdfdf; background-color:#dfdfdf; border-radius:3px; } div.Calendars-Area-Content { display:block; overflow:hidden; } div.Calendars-Days { display:block; overflow:hidden; width:50px; background-color:#dfdfdf; float:left; } div.Calendars-Days ul { display:block; overflow:hidden; list-style-type:none; margin:0px; padding:0px; } div.Calendars-Days ul li { display:block; overflow:hidden; border-bottom:1px solid #ffffff; text-align:center; height:20px; border-right:1px solid #ffffff; } div.Calendars-Days ul li:first-child { font-weight:bold; } div.Calendars-Days ul li:first-child span { padding:4px 2px 4px 2px; } div.Calendars-Days ul li:last-child { border-bottom:0px !important; } div.Calendars-Days ul li span { display:block; overflow:hidden; padding:4px 2px 4px 2px; font-size:10px; } div.Calendars-Days ul li.Current { border-top:1px solid #000; border-bottom:1px solid #000; margin-top:-1px; } div.Calendars-Bookings { display:block; overflow:hidden; overflow-x:scroll; } div.Calendars-Bookings-Scroll { display:block; overflow:hidden; width:5000px; } div.Calendars-Bookings ul { display:block; overflow:hidden; list-style-type:none; margin:0px; padding:0px; } div.Calendars-Bookings ul li.Apartment-Item { display:block; overflow:hidden; width:51px; float:left; } div.Calendars-Bookings ul li.last-child { display:block; overflow:hidden; width:50px; } div.Calendars-Bookings ol { display:block; overflow:hidden; width:100%; list-style-type:none; margin:0px; padding:0px; } div.Calendars-Bookings ol li { height:20px; font-size:10px; background-color:#ffffff; display:block; overflow:hidden; text-align:center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; } div.Calendars-Bookings ol li span.Num { height:6px; text-align:right; display:block; margin:1px 2px 0px 0px; font-size:5px; font-weight:normal; } div.Calendars-Bookings ol li span.Caption { margin-top:-7px; } div.Calendars-Bookings ol li:first-child { font-weight:bold; border-bottom:1px solid #ffffff; background-color:#dfdfdf; border-right:1px solid #ffffff; } div.Calendars-Bookings ol li:first-child span span { padding:4px 2px 4px 2px; } div.Calendars-Bookings ol li:last-child { border-bottom:0px solid #ffffff !important; } div.Calendars-Bookings ol li.Current { border-top:1px solid #000; border-bottom:1px solid #000; margin-top:-1px; } div.Calendars-Bookings ol li span { display:block; overflow:hidden; } div.Calendars-Bookings ol li span.NotLinked { padding:4px 2px 4px 2px; } div.Calendars-Bookings ol li span.Linked a { display:block; overflow:hidden; padding:4px 2px 4px 2px; text-decoration:none; color:#606060; } div.Calendars-Bookings ol li span.Negative { display:block; overflow:hidden; background-color:#f3dbdb; } div.Calendars-Bookings ol li span.Closed { display:block; overflow:hidden; background-color:#EBEBEB; } div.Calendars-Bookings ol li span.Wait, div.Calendars-Bookings ol li span.Reserve { display:block; overflow:hidden; background-color:#e5eeff; } div.Calendars-Bookings ol li span.Total, div.Calendars-Bookings ol li span.Positive, div.Calendars-Bookings ol li span.CheckedIn { display:block; overflow:hidden; background-color:#f9fff2; } div.Calendars-Bookings ol li span.Deposit { background-image:url(Icon-Plus-Red.png);background-position:right 2px bottom 3px;background-repeat:no-repeat; background-size:7px 7px; } /* SUBOBJECTS */ div.SubObjects { display:block; overflow:hidden; } div.SubObjects-Area { display:block; overflow:hidden; text-align:center; } div.SubObjects-Top { display:block; overflow:hidden; } div.Objects { overflow:hidden; } div.Objects-Area { overflow:hidden; text-align:center; } /* SUBOBJECTS DATER */ div.Subobjects-Date { height:35px; display:block; overflow:hidden; border-radius:3px; } div.Subobjects-Date a.Current { display:block; text-align:center; overflow:hidden; padding:10px 20px 10px 20px; text-transform:uppercase; text-decoration:none; color:#ffffff; } div.Subobjects-Date a.Next { background-image:url(Icon-Right.png); background-size:22px 22px; background-position:center center; background-repeat:no-repeat; display:block; overflow:hidden; width:35px; height:35px; float:right; border-left:1px solid #ffffff; } div.Subobjects-Date a.Previous{ background-image:url(Icon-Left.png); background-size:22px 22px; background-position:center center; background-repeat:no-repeat; display:block; overflow:hidden; width:35px; height:35px; float:left; border-right:1px solid #ffffff; } /* SUBOBJECTS ADD */ div.Subobjects-Adding { display:block; height:35px; overflow:hidden; border-radius:3px; } div.Subobjects-Adding div.Icon { height:35px; width:35px; display:block; overflow:hidden; float:left; background-image: url(Icon-Plus.png); background-size:30px 30px; background-position:center center; background-repeat:no-repeat; border-right:1px solid #ffffff; } div.Subobjects-Adding div.Caption { height:35px; display:block; overflow:hidden; } div.Subobjects-Adding div.Caption a { color:#ffffff; text-transform:uppercase; display:block; padding:10px 20px 10px 20px; text-decoration:none; } /* SUBOBJECTS SORTER */ div.Menu-Sorter { } div.Menu-Sorter div.Caption { display:block; } div.Menu-Sorter div.Current-Info { display:block; height:35px; overflow:hidden; border-radius:3px;} div.Menu-Sorter div.Info { height:35px; overflow:hidden; display:block; } div.Menu-Sorter div.Info a { color:#ffffff; text-transform:uppercase; display:block; padding:10px; text-decoration:none; } div.Menu-Sorter div.Info a.Desc { background-image:url(Icon-Sort-Desc.png); background-repeat:no-repeat; background-size:auto 35px; background-position:right center; } div.Menu-Sorter div.Info a.Asc { background-image:url(Icon-Sort-Asc.png); background-repeat:no-repeat; background-size:auto 35px; background-position:right center; } div.Menu-Sorter div.Selector { height:35px; width:35px; display:block; float:right; border-left:1px solid #ffffff; } div.Menu-Sorter div.Selector a { display:block; height:35px; width:35px; background-size:20px 20px; background-position:center center; background-repeat:no-repeat; } div.Menu-Sorter div.Selector a.Up { background-image: url(Icon-Up.png); } div.Menu-Sorter div.Selector a.Down { background-image: url(Icon-Down.png); } div.Menu-Sorter div.Listing { z-index:200; border-radius:3px; height:0px; overflow:hidden; transition: 500ms; transition-property:all; } div.Menu-Sorter div.Listing ul { margin:0px; padding:0px; overflow:hidden; list-style-type: none; } div.Menu-Sorter div.Listing li { height:35px; overflow:hidden; border-top:1px solid #ffffff;} div.Menu-Sorter div.Listing li a { color:#ffffff; text-decoration:none; text-transform:uppercase; display:block; text-align:left; padding:10px; } /* SUBOBJECTS HEAD */ div.SubObjects-Head { display:block; overflow:hidden; height:35px; background-color:#dfdfdf; border-radius:3px 3px 0px 0px; border-right:1px solid #dbdbdb; } div.SubObjects-Head div { display:block; overflow:hidden; border-left:1px solid #ffffff; } div.SubObjects-Head div span { display:block; overflow:hidden; font-weight:bold; } div.SubObjects-Head div.Space { margin:0px; padding:0px; } div.SubObjects-Head div.Num { width:35px; float:left; text-align:center; border-left:1px solid #dbdbdb; } div.SubObjects-Head div.AmountB { float:left; text-align:center; border-left:1px solid #dbdbdb; } div.SubObjects-Head div.CustomersName { border-left:1px solid #dbdbdb; } /* SUBOBJECTS ITEMS */ div.Api-Item, div.Cost-Item, div.Budget-Item, div.Assets-Item, div.Channel-Item, div.Checkout-Item, div.Customer-Item, div.Apartment-Item, div.Apartment-Item, div.StaffGroup-Item, div.CostCategory-Item, div.ApartmentGroup-Item { display:block; height:37px; overflow:hidden; border-bottom:1px solid #dbdbdb; } div.Assets-Item, div.Checkout-Item, div.Customer-Item, div.Apartment-Item, div.StaffGroup-Item, div.ApartmentGroup-Item { cursor:pointer; } div.Api-Item-Area, div.Cost-Item-Area, div.Budget-Item-Area, div.Assets-Item-Area, div.Channel-Item-Area, div.Checkout-Item-Area, div.Apartment-Item-Area, div.StaffGroup-Item-Area, div.CostCategory-Item-Area, div.ApartmentGroup-Item-Area { display:block; overflow:hidden; height:35px; text-align:left; overflow:hidden; margin:1px 0px 1px 0px; border-right:1px solid #dbdbdb; } div.Customer-Item-Area { display:block; overflow:hidden; height:35px; text-align:left; overflow:hidden; margin:1px 0px 1px 0px; } div.Api-Item-Area span, div.Cost-Item-Area span, div.Budget-Item-Area span, div.Assets-Item-Area span, div.Channel-Item-Area span, div.Checkout-Item-Area span, div.Customer-Item-Area span, div.Apartment-Item-Area span, div.StaffGroup-Item-Area span, div.CostCategory-Item-Area span, div.ApartmentGroup-Item-Area span { display:block; overflow:hidden; } div.Api-Item div.Num, div.Cost-Item div.Num, div.Assets-Item div.Num, div.Channel-Item div.Num, div.Checkout-Item div.Num, div.Apartment-Item div.Num, div.StaffGroup-Item div.Num, div.CostCategory-Item div.Num, div.ApartmentGroup-Item div.Num { width:35px; height:35px; text-align:center; float:left; overflow:hidden; border-left:1px solid #dbdbdb; } /* NAME */ div.Api-Item div.Name, div.Cost-Item div.Name, div.Assets-Item div.Name, div.Budget-Item div.AmountB, div.Channel-Item div.Name, div.Checkout-Item div.Name, div.Apartment-Item div.Name, div.StaffGroup-Item div.Name, div.CostCategory-Item div.Name, div.ApartmentGroup-Item div.Name { display:block; overflow:hidden; border-left:1px solid #dbdbdb; } div.Customer-Item-Area div.Name { margin:3px 0px 0px 5px; font-weight:bold; font-size:13px; } div.Customer-Item-Area div.PhoneNumber { margin:2px 0px 0px 5px; font-size:10px; } div.Api-Item div.Name, div.Cost-Item div.Name, div.Channel-Item div.Name, div.Checkout-Item div.Name, div.Customer-Item div.Name, div.Apartment-Item div.Name, div.StaffGroup-Item div.Name, div.CostCategory-Item div.Name, div.ApartmentGroup-Item div.Name { text-decoration:none; } /* OTHER */ div.SubObjects-Head div.Days, div.SubObjects-Head div.Month, div.SubObjects-Head div.Type, div.SubObjects-Head div.Rooms, div.SubObjects-Head div.Total, div.SubObjects-Head div.Status, div.SubObjects-Head div.BStatus, div.SubObjects-Head div.Checkin, div.SubObjects-Head div.Actions, div.SubObjects-Head div.Rentout, div.SubObjects-Head div.Capacity { float:right; text-align:center; } div.Api-Item div.Type, div.Api-Item div.Total, div.Api-Item div.Status, div.Cost-Item div.Type, div.Cost-Item div.Amount, div.Cost-Item div.Status, div.Budget-Item div.Month, div.Budget-Item div.Actions, div.Assets-Item div.Actions, div.Channel-Item div.Type, div.Channel-Item div.Total, div.Channel-Item div.Actions, div.StaffGroup-Item div.Total, div.StaffGroup-Item div.Status, div.Apartment-Item div.Rentout, div.Apartment-Item div.Status, div.Apartment-Item div.Capacity, div.Apartment-Item div.Rooms, div.Apartment-Item div.Rentout, div.CostCategory-Item div.Type, div.CostCategory-Item div.Actions, div.Checkout-Item div.Days, div.Checkout-Item div.Rooms, div.Checkout-Item div.BStatus, div.Checkout-Item div.Checkin, div.ApartmentGroup-Item div.Status, div.ApartmentGroup-Item div.Total { display:block; overflow:hidden; text-align:center; float:right; border-left:1px solid #dbdbdb;} /* ACTIONS */ div.Api-Item div.Actions, div.Budget-Item div.Actions, div.Assets-Item div.Actions, div.CostCategory-Item div.Actions, div.Channel-Item span.personal div.Actions { display:block; } div.Channel-Item span.system div.Actions { display:none; } div.Api-Item div.Actions a, div.Cost-Item div.Actions a, div.Budget-Item div.Actions a, div.Assets-Item div.Actions a, div.Channel-Item div.Actions a, div.CostCategory-Item div.Actions a { background-size:10px 10px; background-position:center center; background-repeat:no-repeat; border-radius:3px; display:block; font-size:0px; overflow:hidden; width:20px; height:20px; margin:8px 1px 7px 0px; float:right; background-color:#dfdfdf; } div.Api-Item div.Actions a.Delete, div.Cost-Item div.Actions a.Delete, div.Budget-Item div.Actions a.Delete, div.Assets-Item div.Actions a.Delete, div.Channel-Item div.Actions a.Delete, div.CostCategory-Item div.Actions a.Delete { background-image:url(Icon-Drop.png); margin-right:7px; } div.Api-Item div.Actions a.Edit, div.Cost-Item div.Actions a.Edit, div.Budget-Item div.Actions a.Edit, div.Assets-Item div.Actions a.Edit, div.Channel-Item div.Actions a.Edit, div.CostCategory-Item div.Actions a.Edit { background-image:url(Icon-Edit.png); } div.Api-Item:hover div.Actions, div.Cost-Item:hover div.Actions, div.Channel-Item:hover span.personal div.Actions, div.CostCategory-Item:hover div.Actions { display:block; } div.SubObjects-Head div.Actions, div.Budget-Item div.Actions, div.Assets-Item div.Actions, div.Channel-Item div.Actions, div.CostCategory-Item div.Actions { border:0px; } div.Channel-Item div.Type, div.CostCategory-Item div.Type, div.Checkout-Item div.Rooms, div.Apartment-Item div.Rooms { border-left:1px solid #dbdbdb; } div.Checkout-Item:hover div.Name, div.Customer-Item:hover div.Name, div.Customer-Item:hover div.PhoneNumber, div.Customer-Item:hover div.Bookings, div.Customer-Item:hover div.Documents, div.StaffGroup-Item:hover div.Name, div.Assets-Item:hover div.Name, div.Apartment-Item:hover div.Rentout span.YES, div.Apartment-Item:hover div.Status span.Active, div.Apartment-Item:hover div.Name, div.ApartmentGroup-Item:hover div.Name { color:#ffffff; border-radius:0px; } div.Checkout-Item:hover div.Checkout-Item-Area, div.Apartment-Item:hover div.Apartment-Item-Area { border-right:0px; } div.Customer-Item:hover div.Bookings, div.Customer-Item:hover div.Documents { border-left:1px solid #ffffff; } div.Customer-Item div.Documents, div.Customer-Item div.Bookings { display:block; overflow:hidden; border-radius:3px;float:right; text-align:center; width:35px; height:35px; margin-left:1px; background-color:#DFDFDF; } div.Customer-Item div.Documents div.Val, div.Customer-Item div.Bookings div.Val { display:block; overflow:hidden; text-align:center; margin-top:9px; } /* APARTMENTS */ div.Apartment div.Apartment-Image { display:block; overflow: hidden; } div.Apartment div.Apartment-Image div.Image { background-color:#DFDFDF; border-radius:3px; display:block; overflow:hidden; } div.Apartment div.Image-Layer { background-size:cover; background-position:center; display:block; overflow:hidden; } div.Apartment div.Apartment-Image div.Calendar-Area { border:1px solid #DFDFDF; border-radius:3px; } div.Apartment div.Apartment-Image div.Calendar div.Caption { font-weight:bold; } div.Apartment div.Apartment-Image div.Link input[type="button"] { float:right; cursor:pointer; } div.Apartment div.Apartment-Info { display:block; overflow: hidden; } div.Apartment div.Buttons a { color:#ffffff; padding:10px; text-decoration:none; display:block; text-transform:uppercase; text-align:center; border-radius:3px; margin-top:1px; } div.Apartment-Photos { display:block; overflow:hidden; } div.Apartment-Photos-Area { display:block; overflow:hidden; } div.Apartment-Photos div.Apartment-Photo-Item { cursor:pointer; border-radius:3px; background-size:cover; background-position:center; display:block; overflow:hidden; background-color:#DFDFDF; } div.Apartment-Photos div.Apartment-Photo-Item a { position:absolute; z-index:0; display:block; background-size:50%; background-position:center center; background-repeat:no-repeat; } div.Apartment-Photos div.Apartment-Photo-Item a:hover { background-image:url(Icon-Zoom.png); } div.Apartment-Photos div.Apartment-Photo-Item ul { position:absolute; z-index:100; display:none; height:20px; list-style-type:none; margin:0px; padding:0px; overflow:hidden; } div.Apartment-Photos div.Apartment-Photo-Item:hover ul { display:block; } div.Apartment-Photos div.Apartment-Photo-Item ul li { background-size:12px 12px; background-position:center center; background-repeat:no-repeat; border-radius:3px; float:left; margin-left:5px; font-size:0px; background-color:#DFDFDF; width:20px; height:20px; cursor:pointer; display:block; overflow:hidden; } div.Apartment-Photos div.Apartment-Photo-Item ul li.Delete { background-image:url(Icon-Drop.png); } div.Apartment-Photos div.Apartment-Photo-Item ul li.MoveUp { background-image:url(Icon-Up.png); } div.Apartment-Photos div.Apartment-Photo-Item ul li.MoveDown { background-image:url(Icon-Down.png); } /* CUSTOMERS */ div.Customer div.Customer-Info1 { display:block; overflow: hidden; } div.Customer div.Customer-Info2 { display:block; overflow: hidden; } div.Customer-Bookings { display:block; overflow:hidden; border:1px solid #DFDFDF; border-radius:3px; } div.Customer-Bookings-Area { display:block; overflow:hidden; } div.Customer-Bookings-Head { display:block; overflow:hidden; background-color:#DFDFDF; height:35px; } div.Customer-Bookings-Head div.Caption { margin:10px; font-weight:bold; } div.Customer-Bookings div.Booking-Item { border-top:1px solid #DFDFDF; } div.Customer-Bookings div.Booking-Item div.Image { display:block; overflow:hidden; float:left; margin-right:10px; background-color:#DFDFDF; border-radius:3px; height:45px; width:45px; } div.Customer-Bookings div.Booking-Item div.Image-Layer { display:block; overflow:hidden; height:45px; width:45px; background-size:cover; background-position:center; } div.Customer-Bookings div.Booking-Item div.Info { display:block; overflow:hidden; height:45px; } div.Customer-Bookings div.Booking-Item div.Info-Name { display:block; overflow:hidden; height:18px; } div.Customer-Bookings div.Booking-Item div.Info-Details { font-size:11px; } div.Customer-Bookings div.Booking-Item div.Info-Name div.Name { display:block; overflow:hidden; height:18px; float:left;font-size:12px; font-weight:bold; } div.Customer-Bookings div.Booking-Item div.Actions { display:block; overflow:hidden; float:right; margin-left:9px; height:18px; width:38px; } div.Customer-Bookings div.Booking-Item div.Actions a { float:left; background-size:10px 10px; background-position:center center; background-repeat:no-repeat; border-radius:3px; display:block; font-size:0px; overflow:hidden; width:18px; height:18px; background-color:#dfdfdf; margin-left:1px; } div.Customer-Bookings div.Booking-Item div.Actions a.Delete { background-image:url(Icon-Drop.png); } div.Customer-Bookings div.Booking-Item div.Actions a.Edit { background-image:url(Icon-Edit.png); } div.Customer-Bookings div.More { border-top:1px solid #DFDFDF; text-align:center; padding:9px; } div.Customer div.Buttons { display:block; overflow:hidden; } div.Customer div.Buttons a { display:block; overflow:hidden; border-radius:3px; text-transform:uppercase; height:35px; text-decoration:none; color:#ffffff; } div.Customer div.Buttons a span { display:block; overflow:hidden; padding:10px; text-align:center; } /* BOOKINGS */ div.Booking div.Booking-Info1 { display:block; overflow: hidden; } div.Booking div.Booking-Info2 { display:block; overflow: hidden; } div.Booking div.Buttons { display:block; overflow:hidden; } div.Booking div.Buttons a { display:block; overflow:hidden; border-radius:3px; text-transform:uppercase; height:35px; text-decoration:none; color:#ffffff; } div.Booking div.Buttons a span { display:block; overflow:hidden; padding:10px; text-align:center; } div.Booking div.Sendto { height:35px; width:35px; display:block; float:right; border-left:1px solid #ffffff; } div.Booking div.Sendto a { display:block; overflow:hidden; background-size:35px 35px; background-position:center center; background-repeat:no-repeat; background-color:#DFDFDF; margin-left:1px; float:right; height:35px; width:35px; } div.Booking div.Sendto a.Whatsapp { background-image:url(Icon-Whatsapp.png); } div.Booking div.Sendto a.Telegram { background-image:url(Icon-Telegram.png); } div.Booking div.Selector { height:35px; width:35px; display:block; float:right; border-left:1px solid #ffffff; } div.Booking div.Selector a { display:block; height:35px; width:35px; background-size:20px 20px; background-position:center center; background-repeat:no-repeat; } div.Booking div.Selector a.Up { background-image: url(Icon-Up.png); } div.Booking div.Selector a.Down { background-image: url(Icon-Down.png); } /* COSTS MONTHLY */ div.CostsMonthly div.CostsMonthly-Info1 { display:block; overflow: hidden; } div.CostsMonthly div.CostsMonthly-Info2 { display:block; overflow: hidden; } /* APARTMENT REPORT */ div.ApartmentReport div.ApartmentReport-Info1 { display:block; overflow: hidden; } div.ApartmentReport div.ApartmentReport-Info2 { display:block; overflow: hidden; } /* APARTMENT GROUP */ div.ApartmentGroup div.ApartmentGroup-Info1 { display:block; overflow: hidden; } div.ApartmentGroup div.ApartmentGroup-Info2 { display:block; overflow: hidden; } div.ApartmentGroup-SeasonalPrices { display:block; overflow:hidden; border:1px solid #DFDFDF; border-radius:3px; } div.ApartmentGroup-SeasonalPrices-Area { display:block; overflow:hidden; } div.ApartmentGroup-SeasonalPrices-Head { display:block; overflow:hidden; background-color:#DFDFDF; height:35px; } div.ApartmentGroup-SeasonalPrices-Head div.Caption { margin:10px; font-weight:bold; } div.ApartmentGroup-SeasonalPrices-Head div.Action { float:right; border-left:1px solid #ffffff; display:block; overflow:hidden; width:35px; height:35px; } div.ApartmentGroup-SeasonalPrices-Head div.Action a { color:#ffffff; display:block; overflow:hidden;font-size:0px; width:35px; height:35px; background-size:16px 16px; background-position:center center; background-repeat:no-repeat; } div.ApartmentGroup-SeasonalPrices-Head div.Action a { background-image: url(Icon-Add.png); } div.ApartmentGroup div.SeasonPrice-Item { border-top:1px solid #DFDFDF; } div.ApartmentGroup div.SeasonPrice-Item div.Image { display:block; overflow:hidden; float:left; margin-right:10px; background-color:#DFDFDF; border-radius:3px; height:45px; width:45px; } div.ApartmentGroup div.SeasonPrice-Item div.Info-Details { font-size:11px; } div.ApartmentGroup div.SeasonPrice-Item div.Actions { display:block; overflow:hidden; float:right; margin-left:9px; height:18px; width:38px; } div.ApartmentGroup div.SeasonPrice-Item div.Actions a { float:left; background-size:10px 10px; background-position:center center; background-repeat:no-repeat; border-radius:3px; display:block; font-size:0px; overflow:hidden; width:18px; height:18px; background-color:#dfdfdf; margin-left:1px; } div.ApartmentGroup div.SeasonPrice-Item div.Actions a.Delete { background-image:url(Icon-Drop.png); } div.ApartmentGroup div.SeasonPrice-Item div.Actions a.Edit { background-image:url(Icon-Edit.png); } /* STAFF GROUP */ div.StaffGroup div.StaffGroup-Info1 { display:block; overflow: hidden; } div.StaffGroup div.StaffGroup-Info2 { display:block; overflow: hidden; } div.StaffGroup-UsersAccess { display:block; overflow:hidden; border:1px solid #DFDFDF; border-radius:3px; } div.StaffGroup-UsersAccess-Area { display:block; overflow:hidden; } div.StaffGroup-UsersAccess-Head { display:block; overflow:hidden; background-color:#DFDFDF; height:35px; } div.StaffGroup-UsersAccess-Head div.Caption { margin:10px; font-weight:bold; } div.StaffGroup-UsersAccess-Head div.Action { float:right; border-left:1px solid #ffffff; display:block; overflow:hidden; width:35px; height:35px; } div.StaffGroup-UsersAccess-Head div.Action a { color:#ffffff; display:block; overflow:hidden;font-size:0px; width:35px; height:35px; background-size:16px 16px; background-position:center center; background-repeat:no-repeat; } div.StaffGroup-UsersAccess-Head div.Action a { background-image: url(Icon-Add.png); } div.StaffGroup div.UsersAccess-Item { border-top:1px solid #DFDFDF; } div.StaffGroup div.UsersAccess-Item div.Image { display:block; overflow:hidden; float:left; margin-right:10px; background-color:#DFDFDF; border-radius:3px; height:45px; width:45px; } div.StaffGroup div.UsersAccess-Item div.Info-Details { font-size:11px; } div.StaffGroup div.UsersAccess-Item div.Actions { display:block; overflow:hidden; float:right; margin-left:9px; height:18px; width:38px; } div.StaffGroup div.UsersAccess-Item div.Actions a { float:left; background-size:10px 10px; background-position:center center; background-repeat:no-repeat; border-radius:3px; display:block; font-size:0px; overflow:hidden; width:18px; height:18px; background-color:#dfdfdf; margin-left:1px; } div.StaffGroup div.UsersAccess-Item div.Actions a.Delete { background-image:url(Icon-Drop.png); } div.StaffGroup div.UsersAccess-Item div.Actions a.Edit { background-image:url(Icon-Edit.png); } /* INFO FORMS */ /* ok - SearchText */ div.SearchText { display:block; overflow:hidden; } div.SearchText-Area { display:block; overflow:hidden; } div.SearchText div.Search-Text { overflow:hidden; background-color:#DFDFDF; border-radius:3px; } div.SearchText div.Search-Text-Area { display:block; overflow:hidden; margin:0px 5px 0px 5px; } div.SearchText div.Search-Text input { display:block; width:100%; } div.SearchText div.Search-Button { overflow:hidden; } div.SearchText div.Search-Button input { transition: 0ms; transition-property:all; } /* ok - MyInfo */ div.MyInfo { display:block; overflow:hidden; border:1px solid #DFDFDF; border-radius:3px; } div.MyInfo-Area { display:block; overflow:hidden; } div.MyInfo div.Image { float:left; display:block; cursor:pointer; overflow:hidden; background:#dfdfdf; background-image:url(Icon-Camera.png); background-size:50%;background-position:center; background-repeat:no-repeat; border-radius:3px;} div.MyInfo div.Name { font-weight:bold; font-size:16px; } div.MyInfo div.Name a { margin-left:10px; font-weight:normal; font-size:14px; } div.MyInfo span.Name { font-weight:bold; } div.MyInfo div.Subscription { margin-top:10px; } /* INPUT FORMS */ /* ok - Authorization */ div.AuthorizationForm { display:table; width:100%; height:100%; } div.AuthorizationForm-Area { display:table-cell; width:100%; height:100%; text-align: center; vertical-align: middle; } div.AuthorizationForm-Content { display:inline-block; width:340px !important; } div.AuthorizationForm div.Result-Success { border:1px solid #DFDFDF; border-radius:3px; text-align:center; padding:30px; font-weight:bold; } div.AuthorizationForm div.Result-Errors { color:red; background:#f4c1c6; border-radius:3px; text-align:left; } div.AuthorizationForm div.Result-Errors ul { padding:0px; margin:0px; margin-top:5px; margin-bottom:5px; } div.AuthorizationForm div.Result-Errors ul li { margin-right:30px; margin-left:30px; padding:0px; word-wrap:break-word; font-size:12px; } div.AuthorizationForm div.BlockInputInfo { overflow:hidden; text-align:center; border-radius:3px; } div.AuthorizationForm div.BlockInput { verflow:hidden; border:1px solid #dfdfdf; border-radius:3px; } div.AuthorizationForm div.Item { margin-top:10px; } div.AuthorizationForm div.Item div.Caption { font-weight:bold; text-align:left; } div.AuthorizationForm div.Item div.Intext { padding:0px; } div.AuthorizationForm span.Phone-Prefix { display:block; float:left; height:26px; margin-right:0px; width:52px; } div.AuthorizationForm span.Phone-Prefix select { border-radius:3px 0px 0px 3px; width:100%; font-size:0px; height:26px; background-position: 4px 4px !important; background-size: 24px !important; background-repeat:no-repeat; } div.AuthorizationForm span.Phone-Prefix div.Prefix-Listing { border-radius:3px; background-color:#ffffff; overflow-y: scroll; overflow-x:hidden; width:50px; max-height:110px; padding:0 !important; display:none; position:absolute; border:1px solid #dbdbdb; margin-top:1px; } div.AuthorizationForm span.Phone-Prefix div.Prefix-Listing ul { margin:0;padding:1px; list-style-type: none; } div.AuthorizationForm span.Phone-Prefix div.Prefix-Listing ul li { height:22px; cursor:pointer; font-size:0px; text-align:left; background-size: 24px !important; background-position: 3 3px !important; background-repeat:no-repeat; } div.AuthorizationForm span.Phone-Prefix div.Prefix-Listing ul li:hover { background-color:#dedede;} div.AuthorizationForm span.Phone { display:block; margin-left:52px; } div.AuthorizationForm span.Phone input { border-radius:0px 3px 3px 0px; display:block; border-left:0px; } div.AuthorizationForm div.Buttons { display:block; overflow:hidden; } div.AuthorizationForm div.Buttons input { width:100%; height:35px; } div.AuthorizationForm div.Remember { display:inline-block; text-align:left; } div.AuthorizationForm div.Remember input { float:left; margin:1px 6px 0px 0px; width:auto !important; } div.AuthorizationForm div.Buttons-Auth { display:block;overflow:hidden; } div.AuthorizationForm div.Buttons-Auth div { display:block;overflow:hidden; height:35px; border-radius:3px; margin-top:1px;} div.AuthorizationForm div.Buttons-Auth a { background-repeat:no-repeat; display:block;overflow:hidden; background-color:#dedede; padding:10px; text-transform:uppercase; text-decoration:none; color:#ffffff; } div.AuthorizationForm div.Buttons-Auth a.Google { background-position:10 10;background-size:16px 16px; background-image:url(Icon-Google.png); } div.AuthorizationForm div.Buttons-Auth a.Apple { background-position:10 8; background-size:18px 18px; background-image:url(Icon-Apple.png); } /* ok - Registration */ div.RegistrationForm { display:table; width:100%; height:100%; bottom:0; } div.RegistrationForm-Area { display:table-cell; width:100%; height:100%; text-align: center; vertical-align: middle; overflow-y: scroll; } div.RegistrationForm-Content { display:inline-block; } div.RegistrationForm div.Result-Errors { color:red; background:#f4c1c6; border-radius:3px; text-align:left; } div.RegistrationForm div.Result-Errors ul { padding:0px; margin:0px; margin-top:5px; margin-bottom:5px; } div.RegistrationForm div.Result-Errors ul li { margin-right:30px; margin-left:30px; padding:0px; word-wrap:break-word; font-size:12px; } div.RegistrationForm div.BlockInputInfo { overflow:hidden; background:#dfdfdf; text-align:center; border-radius:3px; } div.RegistrationForm div.BlockInput { overflow:hidden; border:1px solid #dfdfdf; border-radius:3px; } div.RegistrationForm div.Item { margin-top:10px; } div.RegistrationForm div.Item div.Caption { font-weight:bold; text-align:left; } div.RegistrationForm div.Item div.Intext { padding:0px; } div.RegistrationForm div.Item div.Info { margin-top:5px; text-align:center; font-size:10px; } div.RegistrationForm div.Item div.Buttons { font-size:12px; text-align:center; } div.RegistrationForm div.Item div.Buttons input{ margin-bottom:5px; } div.RegistrationForm div.Item div.Agree-Text { font-size:12px; text-align:center; padding:0px 10px 10px 10px; } /* ok - Editor Form */ div.EditorForm { display:block; } div.EditorForm div.Result-Errors { color:red; background:#f4c1c6; border-radius:3px; } div.EditorForm div.Result-Errors ul { padding:0px; margin:0px; margin-top:5px; margin-bottom:5px; } div.EditorForm div.Result-Errors ul li { margin-right:30px; margin-left:30px; padding:0px; word-wrap:break-word; font-size:12px; } div.EditorForm div.Block { display:block; overflow:hidden;border:1px solid #dfdfdf; border-radius:3px; } div.EditorForm div.BlockHead { display:block; overflow:hidden; background-color: #DFDFDF; height:35px; } div.EditorForm div.BlockHead div.Action { display:block; overflow:hidden; width:35px; height:35px; } div.EditorForm div.BlockHead div.Action a { color:#ffffff; display:block; overflow:hidden;font-size:0px; border-left:1px solid #ffffff; width:35px; height:35px; background-size:16px 16px; background-position:center center; background-repeat:no-repeat; } div.EditorForm div.BlockHead div.Action a.Edit { background-image: url(Icon-Edit.png); } div.EditorForm div.BlockHead div.Action a.View { background-image: url(Icon-Close.png); } div.EditorForm div.BlockHead div.Action a.Add { background-image: url(Icon-Add.png); } div.EditorForm div.BlockInputEmpty { background:#dfdfdf; text-align:center; font-weight:bold; border-radius:3px; } div.EditorForm div.BlockHead div.Caption { font-weight:bold; float:left; } div.EditorForm div.BlockHead div.Action { float:right; } div.EditorForm div.Item div.Caption { font-weight:bold; text-align:left; } div.EditorForm div.Item div.Info { margin-top:5px; font-size:10px; width:100%; } div.EditorForm div.Item div.Intext div.Checkbox { height:18px; overflow:hidden; } div.EditorForm div.Item div.Intext select { width:100%; } div.EditorForm div.Item div.Intext select.Ages { width:auto; } div.EditorForm div.Item div.Intext select.Date-Day { float:left; } div.EditorForm div.Item div.Intext select.Date-Month { float:left; } div.EditorForm div.Item div.Button small { margin-top:5px; display:block; } div.EditorForm div.Item div.Intext input[type="text"] { width:100%; } div.EditorForm div.Item div.Intext input[type="password"] { width:100%; } div.EditorForm div.Item div.Intext input[type="checkbox"] { width:auto; float:left; margin-right:2px; } div.EditorForm div.Item div.Intext input[type="radio"] { width:auto; float:left; margin-right:2px; } div.EditorForm div.Add { display:block; overflow:hidden; text-align:center; } div.EditorForm div.Add a { font-weight:bold; } div.EditorForm div.Preview { display:block; overflow:hidden; text-align:center; border-top:1px solid #dfdfdf; } div.EditorForm div.Preview a { font-weight:bold; } div.EditorForm div.Photo { cursor:pointer; background-color:#DFDFDF; border-radius:3px; display:block; overflow:hidden; background-size:cover; background-position:center center; background-repeat:no-repeat; } div.EditorForm div.Photo a { position:absolute; z-index:0; display:block; border-radius:3px; overflow:hidden; background-size:50%; background-position:center center; background-repeat:no-repeat; } div.EditorForm div.Photo a.Zoom:hover { background-image:url(Icon-Zoom.png); } div.EditorForm div.Photo a.Upload { background-image:url(Icon-Camera.png); font-size:0px; background-size:35%; } div.EditorForm div.Photo a.Upload:Hover { background-image:url(Icon-Camera-Active.png); font-size:0px; background-size:35%; } div.EditorForm div.Photo ul { position:absolute; z-index:100; display:none; height:20px; list-style-type:none; margin:0px; padding:0px; overflow:hidden; } div.EditorForm div.Photo:hover ul { display:block; } div.EditorForm div.Photo ul li { background-size:12px 12px; background-position:center center; background-repeat:no-repeat; border-radius:3px; font-size:0px; background-color:#DFDFDF; width:20px; height:20px; cursor:pointer; display:block; overflow:hidden; } div.EditorForm div.Photo ul li.Delete { background-image:url(Icon-Drop.png); } div.EditorForm div.PhoneNumber { border-bottom:1px solid #dfdfdf; display:block; overflow:hidden; } div.EditorForm div.PhoneNumber div.Num { float:left; display:block; overflow:hidden; } div.EditorForm div.PhoneNumber div.Actions { float:right; display:block; overflow:hidden; } div.EditorForm div.PhoneNumber div.Actions a { color:red; } div.EditorForm div.PhoneNumber div.Actions a.Delete { font-size:0px; background-image:url(Icon-Drop.png); background-size:10px 10px; background-position:center center; background-repeat:no-repeat; border-radius:3px; font-size:0px; width:16px; height:16px; cursor:pointer; display:block; overflow:hidden; } div.EditorForm div.Api { border-bottom:1px solid #dfdfdf; display:block; overflow:hidden; } div.EditorForm div.Api div.Num { float:left; display:block; overflow:hidden; } div.EditorForm div.Api div.Actions { float:right; display:block; overflow:hidden; } div.EditorForm div.Api div.Actions a { color:red; } div.EditorForm div.Api div.Actions a.Delete { font-size:0px; background-image:url(Icon-Drop.png); background-size:10px 10px; background-position:center center; background-repeat:no-repeat; border-radius:3px; font-size:0px; width:16px; height:16px; cursor:pointer; display:block; overflow:hidden; } /* POPUP */ /* general */ #Popup { z-index:1000; display:table; position:fixed; top:0;bottom:0;left:0;right:0; width:100%; height:100%; } #PopupBackground { z-index:1000; position:absolute; top:0;bottom:0;left:0;right:0; display:block; width:100%; height:100%; background:url(popbox_opacity.png); } #PopupArea { display:table-cell; width:100%; height:100%; overflow:hidden; text-align:center; vertical-align:middle; } #PopupBoxBorder { position:absolute; display:block; overflow:hidden; top:20px;bottom:20px;left:20px;right:20px; } #PopupBox { display:table; overflow:hidden; width:100%; height:100%; } #PopupBoxArea { display:table-cell; overflow:hidden; width:100%; height:100%; text-align:center; vertical-align:middle; } #PopupContentTable { display:table; overflow:hidden; width:auto; height:auto; } #PopupContentTableCell { display:table-cell; overflow:hidden; width:auto; height:auto; text-align:center; vertical-align:middle; } #PopupContent { display:block; overflow:hidden; } #PopupContentArea { width:auto; height:auto; } #PopupLoader { background:#ffffff; padding:10px 20px 7px 10px; cursor:pointer; border-radius:3px; } #PopupLoaderArea { height:20px; font-size:12px; background:url(PopBox_Loader.gif) no-repeat 0px 0px; background-size:auto 20px; padding-left:30px; padding-top:3px; font-weight:bold; color:#808080; } #PopupTable { display:table; overflow:hidden; background:#ffffff; border-radius:3px; } #PopupMessagesLoader { text-align:center; } /* popup content */ div.PopupHead { display:table-row; height:35px; overflow:hidden; } div.PopupHeadArea { display:block; height:35px; overflow:hidden; width:100%; } div.PopupHeadArea div.Caption { float:left; text-align:left; overflow:hidden; text-transform:uppercase; margin-top:11px; height:14px; overflow:hidden;} div.PopupHeadArea div.Caption-Area { margin-left:10px; font-size:12px; font-weight:normal; color:#ffffff; } div.PopupHeadArea div.Close { float:right; height:35px; width:35px; } div.PopupHead div.Close img { height:35px; border-radius:3px; overflow:hidden; } div.PopupResult { display:table-row; background:#ffffff; height:0px; } div.PopupResult div.PopupErrors { font-size:12px; border-radius:3px; margin:10px 10px 0px 10px; background:#f4c1c6; padding:10px 10px 10px 10px; overflow:hidden; text-align:left; } div.PopupResult div.PopupSuccess { font-size:14px; border-radius:3px; margin:10px 10px 0px 10px; border:1px solid #dbdbdb; background:#fbfbfb; padding:20px 25px 20px 25px; overflow:hidden; text-align:center; } div.PopupResult div.PopupSuccess #PopupOverflow { font-weight:bold; } div.PopupResult div.PopupErrors div { font-size:12px; } div.PopupResult div.PopupErrors ul { padding:0px; margin:0px; margin-top:5px;margin-bottom:5px; } div.PopupResult div.PopupErrors ul li { font-size:12px; margin-right:30px; margin-left:30px; padding:0px; word-wrap:break-word; } div.PopupVspace { display:table-row; background:#ffffff; height:10px; overflow:hidden; } div.PopupMain { display:table-row; background:#ffffff; } div.PopupMainArea { margin:10px 10px 0px 10px; width:auto; height:auto; overflow:hidden; border:1px solid #dbdbdb; border-radius:3px; } div.PopupMainAreaImage { margin:10px 10px 0px 10px; width:auto; height:auto; overflow:hidden; } div.PopupButtons { display:table-row; background:#ffffff; } div.PopupButtonsArea { margin:0px 10px 0px 10px; } div.PopupFoot { display:table-row; background:#ffffff; height:10px; overflow:hidden; } div.PopupFieldDescription { display:table-row; height:13px; overflow:hidden; } div.PopupFieldDescriptionArea { margin:3px 15px 0px 15px; color: #7D7D7D; text-align:center; font-size: 9px; } /* any */ #PopupOverflow { display:inline-block; width:100%; height:100%; overflow:hidden; } #PopupOverflow form { margin:0px; padding:0px; } /* alert */ div.PopupAlert { overflow:hidden; margin:10px; } div.PopupAlert div.Item { display:table; width:100%; max-width:250px; text-align:center; align:center; vertical-align:middle; } div.PopupAlert div.Description { display:table; width:100%; max-width:350px; text-align:center; align:center; vertical-align:middle; } div.PopupAlert div.Text { display:table-cell; width:auto; height:auto; text-align:center; align:center; vertical-align:middle; } div.PopupAlert div.Image { display:table-cell; width:auto; height:auto; text-align:center; align:center; vertical-align:middle; margin-right:10px; } div.PopupAlert div.Image img { height:60px; width:60px; overflow:hidden; } div.PopupAlert div.DeleteName { margin-top:10px; } /* upload */ div.PopupUpload { overflow:hidden; padding:10px; margin:5px; } div.PopupUpload input { width:100%; border:0px; padding:0px; } div.PopupUpload div.FileInfo { width:100%; border:0px; font-size: 11px; margin-top: 5px; text-align:left; align:left; } /* edit field */ div.PopupAdd { display:block; margin:0px 10px 10px 10px; } div.PopupAddInput { display:block; } div.PopupAddInput div.Item { margin-top:10px; } div.PopupAddInput div.Item div.Caption { font-weight:700; text-align:left; } div.PopupAddInput div.Item div.Intext { } div.PopupAdd input { display:inline-block; padding:4px; overflow:hidden; } div.PopupAdd textarea { display:inline-block; padding:4px; overflow:hidden; } div.PopupAdd span.Phone-Prefix { display:block; float:left; height:26px; margin-right:0px; width:52px; } div.PopupAdd span.Phone-Prefix select { border-radius:3px 0px 0px 3px; width:100%; font-size:0px; height:26px; background-position: 4px 4px !important; background-size: 24px !important; background-repeat:no-repeat; } div.PopupAdd span.Phone-Prefix div.Prefix-Listing { border-radius:3px; background-color:#ffffff; overflow-y: scroll; overflow-x:hidden; width:50px; max-height:110px; padding:0 !important; display:none; position:absolute; border:1px solid #dbdbdb; margin-top:1px; } div.PopupAdd span.Phone-Prefix div.Prefix-Listing ul { margin:0;padding:1px; list-style-type: none; } div.PopupAdd span.Phone-Prefix div.Prefix-Listing ul li { height:22px; cursor:pointer; font-size:0px; text-align:left; background-size: 24px !important; background-position: 3 3px !important; background-repeat:no-repeat; } div.PopupAdd span.Phone-Prefix div.Prefix-Listing ul li:hover { background-color:#dedede;} div.PopupAdd span.Phone { display:block; margin-left:52px; } div.PopupAdd span.Phone input { border-radius:0px 3px 3px 0px; display:block; border-left:0px; } div.PopupAdd span.Price { display:block; overflow:hidden; text-align:left; } /* image */ #PopupOverflowImage { display:block; overflow:hidden; } #PopupOverflowImage img { display:table; overflow:hidden; } #PopupOverflowImage div.Control { position:absolute; display:table; width:inherit;height:inherit; } #PopupOverflowImage div.Control-Left { display:table-cell; width:50%;height:100%; } #PopupOverflowImage div.Control-Left a { display:block; width:100%;height:100%; background-repeat:no-repeat; background-position:left center; } #PopupOverflowImage div.Control-Right { display:table-cell; width:50%;height:100%; } #PopupOverflowImage div.Control-Right a { display:block; width:100%;height:100%; background-repeat:no-repeat; background-position:right center; }