html,body,form,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,label,input,select,textarea { margin:0; padding:0; }
ul li { list-style-type:none; }
body,li,th,td,div,p,h1,h2,h3,h4,h5,a,input,select,textarea { font-family:"Saira Condensed",sans-serif; font-size:15px; line-height:17px; font-weight:400; font-style:normal; color:#000; }
textarea { overflow: auto; }
img { display:block; border:none; }
a { text-decoration:none; cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a:hover { text-decoration:none; }
table td { vertical-align:top; }
sup { line-height:1px; }

/*
body { overflow:overlay; }
body::-webkit-scrollbar		{ width:10px; }
body::-webkit-scrollbar-thumb { background:rgb(0,0,0,.7); border-radius:3px; }
body::-webkit-scrollbar-track { background:none; }
*/

.clear { clear:both; }
.clickable { cursor:pointer; -webkit-tap-highlight-color:transparent; }
.tooltip { z-index:100; position:absolute; visibility:hidden; font-size:11px; color:#ffffff; line-height:16px; background:#981F60; max-width:400px; padding:5px 8px 6px 8px; }
.indicator { visibility:visible; position:fixed; display:block; background:rgba(255,255,255,.9); bottom:10px; right:20px;  padding:3px; color:red; z-index:1000; font-size:14px;  }


.button			{ display:inline-block; font-size:15px; line-height:15px; font-weight:600; color:#fff; text-transform:uppercase; text-align:center; vertical-align:top; cursor:pointer; -webkit-tap-highlight-color:transparent; padding:10px 12px 9px 12px; letter-spacing:0.2px; margin-right:5px; background:#36f; border:0; border-radius:5px; -webkit-appearance:none; }
.button i		{ font-size:16px; line-height:15px; vertical-align:bottom; margin-left:-3px; }
.button-small	{ font-size:13px; line-height:13px; aletter-spacing:0.2px; atext-transform:uppercase; padding:6px 10px 6px 10px; }
.button-red		{ background:#c00; border-color:#c00; }
.button-green	{ background:#393; border-color:#393; }
.button-orange	{ background:#f90; border-color:#f90; }
.button-gray	{ background:#666; border-color:#666; cursor:default; }
.button-dotted	{ background:none; border-color:#666; border-style:dotted; border-width:1px; color:#000; cursor:default; }
.button-admin	{ background:#f60; border-color:#f60; }


/* ================================================== */



div.box-member-small { display:inline-block; vertical-align:top; width:65px; margin:0 14px 14px 0; background:#fff; text-align:center; }
div.box-member-small div.avatar { float:none; width:65px; height:65px; background-image:url(/img/mario.jpg) !important; background-color:#eee; background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:4px; }
div.box-member-small div.name { font-size:12px; line-height:16px; font-weight:400; color:#000; text-transform:uppercase; text-indent:-0.5px; padding:6px 0 0 0; }
div.box-member-small div.name span { display:block; font-size:12px; line-height:16px; font-weight:400; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div.box-member-small div.buttons .button { display:inline-block; font-size:13px; line-height:13px; aletter-spacing:0.2px; padding:6px 10px 6px 10px; margin:6px 0 0 0; }



/* ================================================== */


form label					{ cursor:pointer; -webkit-tap-highlight-color:transparent; }
form input[type=text]		{ font-size:16px; line-height:16px; font-weight:700; background:#f6f6f6; width:calc(100% - 12px); padding:4px 10px 3px 10px; margin:0; border:1px solid #ccc; border-radius:5px; }
form input[type=password]	{ font-size:16px; line-height:16px; font-weight:700; background:#f6f6f6; width:calc(100% - 12px); padding:4px 10px 3px 10px; margin:0; border:1px solid #ccc; border-radius:5px; }
form textarea				{ font-size:16px; line-height:16px; font-weight:700; background:#f6f6f6; width:calc(100% - 12px); padding:4px 10px 3px 10px; margin:0; border:1px solid #ccc; border-radius:5px; height:200px; vertical-align:top; }
form select					{ font-size:16px; line-height:16px; font-weight:700; background:#f6f6f6; width:calc(100%);        padding:0 6px 0 6px;      margin:0; border:1px solid #ccc; border-radius:5px; height:34px; }


form input[type=text].highlight		{ border:1px solid #f00; }
form input[type=password].highlight { border:1px solid #f00; }
form textarea.highlight				{ border:1px solid #f00; }
form select.highlight				{ border:1px solid #f00; font-weight:400; color:#f00; padding:5px 6px; }

form ::placeholder					{ font-weight:400; color:#999; }
form .highlight::placeholder		{ color:#f00; }
form .highlight input::placeholder	{ color:#f00; }

form i.fa-location-crosshairs				{ display:inline-block; float:right; margin:44px 2px 0 0; font-size:22px; color:#36f; cursor:pointer; -webkit-tap-highlight-color:transparent; }
form div.labelandfield						{ position:relative; display:inline-block; vertical-align:top; width:100%; margin-top:15px; }
form div.labelandfield label				{ display:inline-block; font-size:13px; line-height:14px; font-weight:300; letter-spacing:0.4px; color:#000; text-transform:uppercase; margin:0 0 6px 1px; }
form div.labelandfield label a				{ display:inline-block; font-size:13px; line-height:14px; font-weight:300; letter-spacing:0.4px; color:#bbb; text-transform:uppercase; margin-left:5px; }
form div.labelandfield label i.fa-asterisk	{ float:right; margin:1px 0 0 5px; font-size:12px; color:#777; }
form div.labelandfield i.fa-eye-slash		{ position:absolute; right:0; margin:11px 8px 0 0; color:#777; }
form div.labelandfield input[type=text]		{ width:calc(100% - 22px); }
form div.labelandfield input[type=password] { width:calc(100% - 22px); }
form div.labelandfield textarea				{ width:calc(100% - 22px); }
form div.labelandfield select				{ width:auto;  }
form div.labelandfield div.note				{ font-size:13px; line-height:13px; color:#000; font-weight:400; margin-top:31px; }
form div.labelandfield div.note	span		{ font-size:13px; line-height:13px; color:#666; font-weight:400; }
form div.labelandfield div.note	a			{ font-size:13px; line-height:13px; color:#000; font-weight:400; }

form div.checkbox							{ display:inline-block; vertical-align:top; width:100%; margin-top:15px; }
form div.checkbox span						{ display:block; font-size:12px; line-height:12px; aletter-spacing:1px; font-weight:400; color:#333; text-transform:uppercase; margin:0 0 19px 2px; }
form div.checkbox div						{ display:inline-block; vertical-align:top; font-size:17px; line-height:17px; margin:0 8px 0 2px; }
form div.checkbox div:last-of-type			{ margin-right:0; }
form div.checkbox div input					{ display:inline-block; vertical-align:top; font-size:17px; line-height:17px; margin-top:1px; }
form div.checkbox div label					{ display:inline-block; vertical-align:top; font-size:17px; line-height:17px; color:#000; font-weight:400; margin-left:7px; }

form div.checkbox_small						{ margin-top:18px; }
form div.checkbox_small div					{ font-size:14px; line-height:14px; margin-left:0; }
form div.checkbox_small div input			{ font-size:14px; line-height:14px; margin-top:0; margin-left:1px; }
form div.checkbox_small div label			{ font-size:14px; line-height:14px; }

form div.labelandfield_highlight label					{ color:#f00; }
form div.labelandfield_highlight label i.fa-asterisk	{ color:#f00; }
form div.labelandfield_highlight i.fa-eye-slash			{ color:#f00; }
form div.labelandfield_highlight input[type=text]		{ border:1px solid #f00; }
form div.labelandfield_highlight input[type=password]	{ border:1px solid #f00; }
form div.labelandfield_highlight textarea				{ border:1px solid #f00; }
form div.labelandfield_highlight select					{ border:1px solid #f00; }
form div.labelandfield_highlight ::placeholder			{ color:#f00; }

form div.checkbox_highlight span						{ color:#f00; }
form div.checkbox_highlight div input					{ border:1px solid #f00; }
form div.checkbox_highlight div label					{ color:#f00; }

form p.note { margin-top:15px; color:#666; font-size:14px; line-height:19px; }
form p.note i.fa-asterisk { display:inline-block; font-size:14px; margin-left:2px; width:15px; }
form p.note i.fa-eye-slash { display:inline-block; font-size:12px; width:17px; }

form div.required { font-size:13px; margin-top:15px; }
form div.buttons { margin-top:20px; }

/* ================================================== */


div ul.groups { margin-bottom:24px; text-align:left; }
div ul.groups li { font-size:12px; line-height:23px; color:#999; padding:3px 8px 0 0; margin-top:7px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:calc(100% - 8px); }
div ul.groups li:first-child { padding-top:0; margin-top:0; }
div ul.groups li a { display:inline-block; vertical-align:bottom; font-size:15px; line-height:15px; color:#000; background:#eee; padding:8px 10px 6px 10px; border-radius:5px; margin-right:8px; }
div ul.groups li a.active { background:#000; color:#fff; }
div ul.groups li a.admin { display:inline-block; vertical-align:top; background:none; padding:7px 0 0 0; margin:0; border-radius:0; }
div ul.groups li a.admin i { font-size:16px; line-height:16px; color:#ddd; }
div ul.groups li ul { margin-bottom:0; }
div ul.groups li ul li { background:url(/img/ul-continue.png) 0 0 no-repeat; background-size:17px auto; padding-left:13px; margin-left:13px; margin-top:0; }
div ul.groups li ul li:first-child { padding-top:3px; }
div ul.groups li ul li:last-child { background:url(/img/ul-last.png) 0 0 no-repeat; background-size:17px auto; }

div ul.groups_compact li { margin-top:0; }
div ul.groups_content li a { background:#eee; }



/* ================================================== */


div.bg { z-index:-1; position:fixed; width:100%; height:100%; background-color:#fefefe; background-position:center top; background-repeat:no-repeat; background-size:cover; }
div.bg div.layer { z-index:-1; position:fixed; width:100%; height:100%; }

div.container { width:calc(100% - 280px); }

div.main { padding:35px 85px 35px 35px; }
div.main div.header { padding-bottom:30px; }
div.main div.header div.top div.section { font-size:24px; line-height:28px; font-weight:300; color:#999; padding:0 0 5px 0; }
div.main div.header div.top h1 { font-size:44px; line-height:44px; font-weight:700; }
div.main div.header div.top h2 { font-size:28px; line-height:30px; font-weight:700; margin-top:10px; }
div.main div.header div.menu { margin-top:20px; background:#333; border-radius:12px; white-space:nowrap; overflow-x:auto; }
div.main div.header div.menu div { display:inline-block; padding:2px 4px 12px 12px; border-radius:12px; }
div.main div.header div.menu div a { display:inline-block; padding:7px 10px 6px 10px; font-size:16px; line-height:18px; font-weight:600; letter-spacing:0.1px; color:#000; background:#ccc; text-transform:uppercase; border-radius:5px; margin:10px 8px 0 0; }
div.main div.header div.menu div a:hover {  }
div.main div.header div.menu div a.active { background:#fff; }
div.main div.header div.menu div a i.fa-unlock { display:none; float:right; font-size:11px; margin:4px 0 0 7px; }
div.main div.header div.menu-withadmin { background:#555; }
div.main div.header div.menu-withadmin div.menu-public { background:#333; padding-right:29px; }
div.main div.header div.menu div.menu-admin { background:#555; margin-left:-24px; padding-left:12px; }
div.main div.header div.menu div.menu-admin i { font-size:16px; color:#999; margin:8px 10px 0 0; }

div.main div.content form.filters { display:block; margin:-10px 0 30px 0; }
div.main div.content form.filters select { display:inline-block; width:auto; margin:0 5px 5px 0; }
div.main div.content form.filters span.sep { border-right:1px dotted #ccc; padding-right:6px; margin-right:11px; }
div.main div.content form.filters a.button { padding-left:12px; padding-right:12px; }
div.main div.content form.filters a.button-arrow { padding:10px 9px 9px 12px; }
div.main div.content form.filters a.button-arrow i { font-size:15px; line-height:15px; color:#fff; }

div.main div.content h2 { display:inline-block; margin:35px 0 25px 0; font-size:30px; line-height:28px; font-weight:700; }
div.main div.content h3 { margin:25px 0 0 0; font-size:22px; line-height:20px; font-weight:700; }
div.main div.content p { margin-top:15px; }

div.main div.content div.calendar-box { display:table; vertical-align:top; background:#ddd; border-radius:12px; margin-bottom:16px; }
div.main div.content div.calendar-box div.date { z-index:400; position:relative; display:table-cell; vertical-align:top; width:74px; padding:12px 0 12px 12px; }
div.main div.content div.calendar-box div.date div.box { position:sticky; top:20px; text-align:center; background:#333; aborder-top:2px solid #bbb; border-radius:8px; width:100%; padding:15px 0 18px 0; abox-shadow:1px 1px 1px #999; }
div.main div.content div.calendar-box div.date div.box div.day { font-size:17px; line-height:20px; font-weight:700; color:#fff; text-transform:uppercase; padding-bottom:6px; }
div.main div.content div.calendar-box div.date div.box div.weekday { font-size:15px; line-height:12px; font-weight:400; color:#fff; atext-transform:uppercase; }
div.main div.content div.calendar-box div.events { z-index:500; position:relative; display:table-cell; vertical-align:top; padding:0 12px 12px 0; }
div.main div.content div.calendar-box div.events div.box-item { display:inline-block; vertical-align:top; background:#fff; border-radius:8px; margin:12px 0 0 12px; width:280px; box-shadow:0 0 3px #aaa; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content { padding:16px; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.time { font-size:15px; line-height:18px; font-weight:400; color:#333; padding:0 0 10px 0; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.group div.name a { display:inline-block; font-size:15px; line-height:15px; font-weight:700; background:#777; color:#fff; padding:5px 7px; border-radius:4px; /*font-size:16px; line-height:20px; font-weight:700; color:#000;*/ }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.group div.subgroup a { display:inline-block; font-size:13px; line-height:13px; font-weight:400; background:#aaa; color:#fff; padding:5px 7px; border-radius:4px; margin:1px 1px 0 0; /*font-size:15px; line-height:18px; font-weight:400; color:#333;*/ }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.title { font-size:25px; line-height:27px; font-weight:700; color:#000; padding:12px 0 0 0; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.title a { font-size:25px; line-height:27px; font-weight:700; color:#000; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details { margin-top:10px; border-top:1px dotted #999; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.place { padding-top:11px; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.place i { float:left; font-size:17px; color:#aaa; margin:0 0 0 1px; width:20px; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.place div.info { float:left; width:calc(100% - 21px); font-size:15px; line-height:18px; font-weight:400; color:#333; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.place div.info a { color:#333; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.place div.info span { white-space:nowrap; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.note { padding-top:4px; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.note i { float:left; font-size:14px; color:#aaa; margin-top:8px; width:21px; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.note div.info { float:left; width:calc(100% - 21px); font-size:15px; line-height:18px; font-weight:400; color:#333; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.note div.categories-items { float:left; width:calc(100% - 21px); }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.note div.categories-items div.type { float:left; font-size:15px; line-height:18px; font-weight:400; color:#333; padding:5px 15px 0 0; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.note div.categories-items div.type strong { font-size:16px; line-height:20px; color:#333; font-weight:700; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.categories { padding-top:4px; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.categories i { float:left; font-size:19px; color:#aaa; margin-top:5px; width:21px; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.categories div.categories-items { float:left; width:calc(100% - 21px); }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.categories div.categories-items div.type { float:left; font-size:15px; line-height:18px; font-weight:400; color:#333; padding:5px 15px 0 0; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.details div.categories div.categories-items div.type strong { font-size:16px; line-height:20px; color:#333; font-weight:700; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.links { padding-top:15px; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance { display:block; width:calc(100% - 22px); padding:9px 11px 7px 11px; margin-top:5px; border-radius:5px; cursor:pointer; -webkit-tap-highlight-color:transparent; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance:first-of-type { margin:15px 0 0 0; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance-10_confirmed		{ background:#0a0; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance-20_off			{ background:#c33; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance-25_unavailable	{ background:#c33; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance-30_denied			{ background:#c33; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance-40_invite			{ background:#06f; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance-45_uncertain		{ background:#333; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance-50_tbc			{ background:#999; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance-60_substitute		{ background:#f80; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance-70_processing		{ background:#999; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance div.user { float:left; width:calc(100% - 55px); font-size:15px; line-height:17px; font-weight:400; color:#fff; margin-right:10px; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance div.user strong { display:block; font-weight:700; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance div.user span { white-space:nowrap; }
div.main div.content div.calendar-box div.events div.box-item div.box-item-content div.attendance div.icon { float:right; margin-top:2px; }

div.main div.content div.section { display:table; background:#ddd; border-radius:12px; margin-bottom:12px; padding:0 12px 12px 0; }
div.main div.content div.section div.section-list-content { z-index:500; position:relative; display:table-cell;  }
div.main div.content div.section div.section-list-content-caption { z-index:500; position:relative; display:table-row;  }
div.main div.content div.section div.section-title { z-index:500; position:relative; font-size:24px; line-height:26px; font-weight:700; color:#000; margin:18px 18px 6px 18px; }
div.main div.content div.section div.section-title i { display:inline-block; margin-left:5px; font-size:22px; color:#36f; cursor:pointer; -webkit-tap-highlight-color:transparent; }
div.main div.content div.section div.section-text { z-index:500; position:relative; padding:6px 18px 6px 18px; }
div.main div.content div.section div.section-text p { margin:10px 0 0 0; }
div.main div.content div.section div.section-text p:first-child { margin:0 0 0 0; }
div.main div.content div.section div.section-text ul { padding:5px 0 0 30px; }
div.main div.content div.section div.section-text ul li { list-style-type:disc; }
div.main div.content div.section div.section-list-content-item { vertical-align:top; display:inline-block; background:#fff; border-radius:8px; margin:12px 0 0 12px; width:340px; box-shadow:0 0 3px #aaa; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content { padding:16px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.top { background:#333; border-radius:5px; padding:8px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.top div.infos { padding:5px 8px; font-size:16px; line-height:18px; color:#fff; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.top div.infos strong { font-size:18px; line-height:20px; font-weight:600; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.top div.infos span { display:block; margin-top:4px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.top div.infos i { float:right; display:block; margin:2px 0 0 15px; font-size:18px; cursor:pointer; -webkit-tap-highlight-color:transparent; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.details { padding:11px 0 0 0; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.details-item { padding-top:5px; margin-left:3px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.details-item i { float:left; font-size:18px; color:#aaa; width:22px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.details-item div.info { float:left; width:calc(100% - 22px); font-size:15px; line-height:18px; font-weight:400; color:#333; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.details-item div.info a { color:#333; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.details-item-gender i { font-size:18px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.details-item-city i { font-size:18px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.details-item-email i { font-size:15px; margin-top:1px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.details-item-phone i { font-size:14px; margin-top:1px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.payment-item { padding:7px 12px 5px 12px; border-top:1px dotted #999; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.payment-item span { white-space:nowrap; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.payment-item:first-of-type { border-top:none; border-top-left-radius:5px; border-top-right-radius:5px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content div.payment-item:last-of-type { border-bottom-left-radius:5px; border-bottom-right-radius:5px; }

div.main div.content div.section div.section-list-content-item div.section-list-content-item-content .invite { width:calc(100% - 20px); background:#f6f6f6; border:1px dashed #333; border-radius:5px; padding:15px 15px; margin:15px 0 5px -5px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content .invite p { margin:0; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content .invite p strong { white-space:nowrap; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content .invite p .button { margin-top:8px; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content .invite .item { width:calc(100% - 14px); font-size:16px; line-height:19px; background:#ddd; border-radius:5px; padding:12px 12px 13px 12px; margin:15px 0 15px -5px; abox-shadow:0 0 3px #999; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content .invite .item span { white-space:nowrap; }
div.main div.content div.section div.section-list-content-item div.section-list-content-item-content .invite .item .button { margin-top:8px; }


div.main div.content div.home { text-align:center; padding-top:20px; }
div.main div.content div.home div.box-group { text-align:left; display:inline-block; width:calc(100% - 24px); min-width:330px; max-width:400px; background:#333; border-radius:12px; padding:12px; }
div.main div.content div.home div.box-group div.avatar { float:left; width:90px; height:90px; background:#666; border-radius:8px; }
div.main div.content div.home div.box-group div.infos { float:left; width:calc(100% - 105px); padding:5px 0 0 15px; }
div.main div.content div.home div.box-group div.infos div.name { font-size:36px; line-height:36px; font-weight:700; color:#fff; }
div.main div.content div.home div.box-group div.infos div.link { padding-top:12px; }
div.main div.content div.home div.box-group div.infos div.link a { display:inline-block; padding:9px 16px 7px 16px; background:#36f; border-radius:5px; font-size:14px; line-height:16px; letter-spacing:0.5px; font-weight:600; color:#fff; text-transform:uppercase; text-align:center; }


div.main div.content div#dashboard { display:table-cell; }
div.main div.content div#dashboard div#dashboard2 { display:table-cell; padding-right:350px; }
div.main div.content div#dashboard div#dashboard2 table { border-collapse:separate; border-spacing:0px; }
div.main div.content div#dashboard div#dashboard2 table tr { margin:0; }
div.main div.content div#dashboard div#dashboard2 table tr th { position:sticky; top:-6px; z-index:935; vertical-align:top; background:#fff; text-align:center; min-width:48px; padding:10px 0; margin:0; white-space:nowrap; font-size:14px; line-height:18px; }
div.main div.content div#dashboard div#dashboard2 table tr th:last-child { border-right:1px solid #000; border-top-right-radius:8px; }
div.main div.content div#dashboard div#dashboard2 table tr th.event { border-top:1px solid #000; background:#fff; text-transform:uppercase; }
div.main div.content div#dashboard div#dashboard2 table tr th.event strong { display:block; font-size:17px; font-weight:700; padding-top:2px; }
div.main div.content div#dashboard div#dashboard2 table tr th.event-hover { abackground:#eee !important; }
div.main div.content div#dashboard div#dashboard2 table tr th.event-first { border-top-left-radius:8px; }
div.main div.content div#dashboard div#dashboard2 table tr td { margin:0; }
div.main div.content div#dashboard div#dashboard2 table tr td:last-child { border-right:1px solid #000; }
div.main div.content div#dashboard div#dashboard2 table tr td.event-hover { abackground:#eee !important; }
div.main div.content div#dashboard div#dashboard2 table tr td.event-hover div.icon { opacity:1 !important; }
div.main div.content div#dashboard div#dashboard2 table tr.type td { background:#333 !important; vertical-align:middle; }
div.main div.content div#dashboard div#dashboard2 table tr.type td.name { position:sticky; top:107px; left:-8px; z-index:940; padding:12px 14px 12px 14px; white-space:nowrap; font-size:20px; color:#fff; font-weight:600; atext-transform:uppercase; border-top-left-radius:8px; border-bottom-left-radius:8px; }
div.main div.content div#dashboard div#dashboard2 table tr.type td.empty { position:sticky; top:107px; left:-8px; }
div.main div.content div#dashboard div#dashboard2 table tr.type td.event { position:sticky; top:107px; text-align:center; }
div.main div.content div#dashboard div#dashboard2 table tr.type td.event .fa-circle-plus { display:inline-block; font-size:20px; color:#777; cursor:pointer; -webkit-tap-highlight-color:transparent; }
div.main div.content div#dashboard div#dashboard2 table tr.cat td { background:#666 !important; }
div.main div.content div#dashboard div#dashboard2 table tr.cat td.name { position:sticky; top:107px; left:-8px; z-index:940; padding:12px 14px 12px 14px; white-space:nowrap; font-size:20px; color:#fff; font-weight:600; atext-transform:uppercase; border-top-left-radius:8px; }
div.main div.content div#dashboard div#dashboard2 table tr.cat td.empty { position:sticky; top:107px; left:-8px; }
div.main div.content div#dashboard div#dashboard2 table tr.cat td.event { position:sticky; top:107px; padding:12px 14px 12px 14px; text-align:center; white-space:nowrap; font-size:20px; color:#fff; font-weight:600; }
div.main div.content div#dashboard div#dashboard2 table tr.user td { background:#fff; border-bottom:1px dotted #ccc; vertical-align:middle; }
div.main div.content div#dashboard div#dashboard2 table tr.user td.name { position:sticky; left:-8px; z-index:930; white-space:nowrap; padding:8px 14px 7px 14px; border-left:1px dotted #ccc; }
div.main div.content div#dashboard div#dashboard2 table tr.user td.nb { text-align:center; }
div.main div.content div#dashboard div#dashboard2 table tr.user td.event { padding:3px 0; text-align:center; }
div.main div.content div#dashboard div#dashboard2 table tr.user td.event .fa-circle-plus { display:inline-block; margin:2px; font-size:22px; opacity:0.05; cursor:pointer; -webkit-tap-highlight-color:transparent; }
div.main div.content div#dashboard div#dashboard2 table tr.user td.event .fa-circle-plus:hover { opacity:0.2; }
div.main div.content div#dashboard div#dashboard2 table tr.user:hover td { background:#eee !important; }
div.main div.content div#dashboard div#dashboard2 table tr.user-last td:first-child { border-bottom-left-radius:8px; }
div.main div.content div#dashboard div#dashboard2 table tr.sep td { font-size:12px; line-height:12px; height:12px; background:#fff; }
div.main div.content div#dashboard div#dashboard2 table tr.sep td:first-child { position:sticky; left:-8px; z-index:930; }

.icon                 { display:inline-block; line-height:1px; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.icon				  > div { display:inline-block; line-height:1px; }
.icon-10_confirmed	  > div { background:#0a0; border-color:#0a0; }
.icon-20_off		  > div { background:#c33; border-color:#c33; }
.icon-25_unavailable  > div { background:#c33; border-color:#c33; }
.icon-30_denied		  > div { background:#c33; border-color:#c33; }
.icon-40_invite		  > div { background:#06f; border-color:#06f; }
.icon-45_uncertain	  > div { background:#333; border-color:#333; }
.icon-50_tbc		  > div { background:#999; border-color:#999; }
.icon-60_substitute	  > div { background:#f80; border-color:#f80; }
.icon-70_processing	  > div { background:#999; border-color:#999; }
.icon-unpaid		  > div { border-color:#ff0; }
.icon-paid			  > div { border-color:rgba(0,170,0,.5); }
.icon-paid-red		  > div { border-color:#c33; }
.icon					div div { display:inline-block; line-height:1px; background-size:cover; }
.icon-10_confirmed		div div { background-image:url(/img/icon-status-10_confirmed.png?v2); }
.icon-20_off			div div { background-image:url(/img/icon-status-20_off.png?v2); }
.icon-25_unavailable	div div { background-image:url(/img/icon-status-25_unavailable.png?v2); }
.icon-30_denied			div div { background-image:url(/img/icon-status-30_denied.png?v2); }
.icon-40_invite			div div { background-image:url(/img/icon-status-40_invite.png?v2); }
.icon-45_uncertain		div div { background-image:url(/img/icon-status-45_uncertain.png?v2); }
.icon-50_tbc			div div { background-image:url(/img/icon-status-50_tbc.png?v2); }
.icon-60_substitute		div div { background-image:url(/img/icon-status-60_substitute.png?v2); }
.icon-70_processing		div div { background-image:url(/img/icon-status-70_processing.png?v2); }

.icon-big			  > div { background:rgba(255,255,255,.3); padding:3px; border-radius:7px; }
.icon-big			  > div div { width:39px; height:39px; border-radius:5px; }
.icon-big-unpaid	  > div { background:rgba(255,255,0,.9); }
.icon-big-norefund	  > div { background:rgba(0,0,0,.2); }

.icon-small			  > div { margin:2px; padding:2px; border-radius:14px; }
.icon-small			  > div div { width:18px; height:18px; border-radius:9px; }
.icon-small-unpaid	  > div { margin:0; border-width:2px; border-style:solid; background:rgba(255,255,0,1); }
.icon-small-norefund  > div { margin:0; border-width:2px; border-style:solid; background:rgba(255,255,255,0); border-color:#000; }
.icon-small-paid	  > div { margin:0; border-width:2px; border-style:solid; background:rgba(255,255,255,0); }





div.column { position:fixed; right:0; top:0; bottom:0; overflow-y:auto; width:280px; height:100%; z-index:950; background:#000; }
div.column div.content { padding:28px 40px 40px 40px; }
div.column div.content img { width:110px; margin:0 auto 25px auto; }
div.column div.content div.title { font-size:20px; line-height:22px; font-weight:300; color:#aaa; text-transform:uppercase; }
div.column div.content form { margin-top:5px; }
div.column div.content div.links { padding-bottom:10px; margin:20px 0 20px 0; border-bottom:1px dotted #666; }
div.column div.content div.links:last-child { border:none; }
div.column div.content div.links a { display:inline-block; font-size:24px; line-height:26px; font-weight:600; color:#fff; text-transform:uppercase; margin-bottom:12px; }
div.column div.content div.links a i { float:left; font-size:21px; text-align:center; width:26px; margin:2px 10px 0 0; }
div.column div.content div.links a i.fa-calendar-days { margin-top:1px; }
div.column div.content div.links a i.fa-screwdriver-wrench { font-size:19px; margin-top:3px; }
div.column div.content div.links a i.fa-right-from-bracket { margin-left:1px; margin-right:9px; }
div.column div.content div.links a i.fa-unlock { display:none; float:right; font-size:12px; margin:7px 0 0 2px; color:#666; }
div.column div.content div.links a.active { color:#f77; }
div.column div.content form div.labelandfield label { color:#fff; }
div.column div.content form div.labelandfield label a { color:#bbb; }
div.column div.content form div.labelandfield input[type=text] { border:1px solid #333; }
div.column div.content form div.labelandfield input[type=password] { border:1px solid #333; }
div.column div.content form div.checkbox_small div label { color:#fff; }

/*div.menu-bottom { display:none; position:fixed; z-index:998; bottom:20px; right:20px; text-align:right; background:#000; padding:10px 16px; border-radius:12px; }*/
div.menu-bottom { display:none; position:fixed; z-index:998; bottom:0; right:0; left:0; background:#000; padding:10px 20px; cursor:pointer; -webkit-tap-highlight-color:transparent; }
div.menu-bottom i { float:right; vertical-align:top; font-size:23px; line-height:34px; color:#fff; margin-right:20px; }
div.menu-bottom i.fa-search { float:left; }
div.menu-bottom i.fa-screwdriver-wrench { font-size:21px; }
div.menu-bottom i.fa-screwdriver-wrench { font-size:21px; }
div.menu-bottom i.fa-bars { font-size:30px; margin-right:1px; }
div.menu-bottom i.fa-xmark { font-size:36px; margin-right:0; display:none; }
div.menu-bottom a.active i { color:#f77; }
div.menu-bottom span { float:right; vertical-align:top; font-size:32px; line-height:34px; font-weight:500; color:#fff; margin-right:8px; }



@media screen and (max-width:1023px) {
	div.container { width:100%; }
	div.main { padding:35px 35px 70px 35px; }
	div.main div.content div#dashboard div#dashboard2 { padding-right:35px; }
	div.column div.content img { margin-bottom:20px; }

	div.column { width:100%; right:-100%; }
	div.column div.content { padding:20px 30px 60px 30px; }

	div.menu-bottom { display:block; }
}

@media screen and (max-width:639px) {
	div.main { padding:25px 15px 70px 15px; }
	div.main div.header { width:100%; border-radius:0; }
	div.main div.content div.box-content { padding:25px 20px; }

	div.main div.content div.calendar-box { width:100%; }
	div.main div.content div.calendar-box div.events { padding:0 12px 12px 0; }
	div.main div.content div.calendar-box div.events div.box-item { margin:12px 0 0 12px; width:calc(100% - 12px); min-width:calc(100% - 12px); }

	div.main div.content div.section { width:calc(100% - 12px); }
	div.main div.content div.section div.section-list-content-item { width:calc(100% - 12px); }

	div.main div.content div#dashboard div#dashboard2 { padding-right:15px; }
}

/* ================================================== */



