@charset "utf-8";
:root {
  
	--main-font: "Open Sans", Helvetica, Arial, Tahoma, Geneva, sans-serif; 

  --nav-color:  hsl(0, 0%, 0%);
  --logo-color:  hsl(0, 0%, 19%);

  --main-text-color:hsla(0, 100%, 100%, 1);
  --main-text-color-card:hsla(0, 0%, 33%, 1);
  --lighter-main:hsla(205, 100%, 85%, 1);
  --light-main:hsla(205, 100%, 70%, 1);
  --main-color: hsla(205, 100%, 58%, 1);
  --main-color2: hsla(208, 100%, 50%, 1);
  --main-color3: hsla(208, 85%, 40%, 1);
  --background-color:hsla(0, 0%, 90%, 1);
  --background-color-deep:hsla(0, 0%, 83%, 1);
  --background-color-deeper:hsla(0, 0%, 60%, 1);
  --delete-red:hsla(0, 67%, 54%, 1);

}

/* applied to app via JS */

.darkMode {

  --nav-color:  hsla(0, 0%, 3%, 1);
  --logo-color:  hsla(0, 0%, 30%, 1);

  --main-text-color:hsla(0, 0%, 3%, 1);
  --main-text-color-card:hsla(0, 0%, 33%, 1);
  --main-text-color-card: hsla(0, 0%, 70%, 1);

  --lighter-main:hsla(0, 0%, 80%, 1);
  --light-main:hsla(0, 0%, 45%, 1);

  --main-color: hsla(0, 0%, 70%, 1);
  --main-color2: hsla(0, 0%, 30%, 1);
  --main-color3: hsla(0, 0%, 25%, 1);

  --background-color:hsla(0, 0%, 10%, 1);

  --background-color-deep:hsla(0, 0%, 30%, 1);
  --background-color-deeper:hsla(0, 0%, 20%, 1);
  --background-color-deepest:hsla(0, 0%, 8%, 1);
  --delete-red:hsla(0, 67%, 54%, 1);

}



/*

GOOGLE MATERIAL NAMES
(easier names to understand)

$mdc-theme-primary: #5D1049;
$mdc-theme-on-primary: #FFFFFF;

$mdc-theme-secondary: #E30425;
$mdc-theme-on-secondary: #FFFFFF;

$mdc-theme-surface: #FFFFFF;
$mdc-theme-on-surface: #000000;

$mdc-theme-background: #F4E2ED;
$mdc-theme-on-background: #000000;

*/

html{width:100%; height:100%; margin:0; padding:0;}

body{
	width:100%; height:100%; overflow-x:hidden; margin:0; padding:0;
	/* stupid iphone notches */
	padding-top: constant(safe-area-inset-top); /* iOS 11.0 */
	padding-top: env(safe-area-inset-top); /* iOS 11.2 */
	overscroll-behavior: contain;
}

*{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.row{width: 100%; *zoom: 1; overflow:auto; position:relative;}
.row:before, .row:after {display: table; content: ""; line-height: 0;}
.row:after {clear: both;}


[class^="width"],
[class^="grid"],
[class^="span"]
{
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0px;
	padding:0px;
}
/* position */
#app, #nav, #main, #right_menu, #left_menu, #mainMenu_bg, #mainMenu{ position:absolute; }
/* height */
#app, #main, #right_menu, #left_menu, #mainMenu_bg, #mainMenu{ height:100%; overflow:auto; -webkit-overflow-scrolling: touch;}
/* width */
#app, #nav, #main, #mainMenu_bg, #mainMenu{ width:100%; }

/* translate3d */
#main *:not(svg *),
#right_menu *:not(svg *),
#left_menu *:not(svg *),
#mainMenu *:not(svg *){ -webkit-transform: translate3d(0,0,0); }

/* z-index */
#app{ margin:0; padding:0; z-index:1; overflow:hidden; }
#right_menu{ z-index:2; }
#left_menu{ z-index:3;}
#main{ z-index:4; overflow-x: hidden; }
#nav{ z-index:6; }
#mainMenu_bg{ z-index:7; opacity:0; }
#mainMenu{ z-index:8; }

pre{
	tab-size:4;
	-moz-tab-size: 4;
	-o-tab-size:  4;
}

#nav.hide{
	visibility: hidden;
}

h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; width:100%;}

.header {
  border-bottom: solid 2px #444444;
  padding-bottom: 6px;
  font-size: 1.4em;
  font-weight: 300;
}

h1 {
  width: 100%;
  padding: 11px 20px;
  font-size: 1.3em;
  background-color: var(--main-color2);
  font-weight: 400;
  border-bottom: none;
  color: #fff;
}

.darkMode h1{
  background-color: var(--background-color);
}

h1.under-construction {
  background-color: #ecb107;
}

h2 {
  width: 100%;
  padding-bottom: 5px;
  font-size: 1.5em;
  font-weight: 400;
  border-bottom: solid 1px #bbb;
  color: #404040;
}

h1 .heading-action,
.h1-back {
  color: var(--light-main);
  padding-top: 5px;
  float: right;
  cursor: pointer;
}

h1 .heading-action:hover,
.h1-back:hover {
  color: var(--main-text-color);
}

.h1-back{ float: inherit; }

.header2 {
  color: #b3b3b3;
  font-size: 1.3em;
  font-weight: 300;
  padding-bottom: 7px;
}

.header3 {
  color: #fff;
  font-size: 1.3em;
  font-weight: 300;
  padding-bottom: 7px;
}

.headerxb {
  font-size: 1.3em;
  font-weight: 800;
  padding-bottom: 7px;
}

.info-header {
  margin-top: 20px;
  border-bottom: solid 1px #bdbdbd;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 600;
  color: #777;
}

h3 {
  color: var(--main-text-color-card);
  text-transform: uppercase;
  font-size: 1.2em;
  font-weight: 300;
}

h4 {
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-size: 0.9em;
  font-weight: 700;
  color: var(--main-text-color-card);
  margin-bottom: 4px;
}

.divider {
  border-bottom: solid 2px #c7c7c7;
  width: 100%;
  display: block;
}

.divider2 {
  border-bottom: solid 1px #c7c7c7;
  width: 100%;
  display: block;
}

.h1-input-icon {
  font-size: 1.5em;
  padding: 5px 0px;
  float: right;
  width: 50px;
}

h2 .ico-plus,
h2 .ico-edit,
.heading-action {
  float: right;
  padding: 5px 0px;
  color: var(--background-color-deeper);
  cursor: pointer;
}

h2 .ico-plus:hover,
h2 .ico-edit:hover,
.heading-action:hover {
  color: var(--main-color2);
}

h2 .ico-x,
h2 .ico-trash {
  float: right;
  padding: 5px 0px;
  color: var(--background-color-deeper);
  cursor: pointer;
}

h2 .ico-x:hover,
h2 .ico-trash:hover {
  color: #c73535;
}

h1 .prefix.icon i {
  color: #fff;
}

h2 .edit {
  float: right;
  font-size: 0.65em;
  color: var(--background-color-deeper);
  margin-top: 5px;
  cursor: pointer;
}

h2 .edit:hover {
  color: var(--main-color);
}

h2 .edit i {
  margin-left: 7px;
}

.app-size-d .main-padding{ padding:25px 30px; }
.app-size-bt .main-padding{ padding:25px 25px; }
.app-size-t .main-padding{ padding:25px 25px; }
.app-size-p .main-padding{ padding:25px 20px; }

.app-size-p ::-webkit-scrollbar:vertical {display:none !important;}
.app-size-p ::-webkit-scrollbar-track:vertical {display:none !important;}
.app-size-p ::-webkit-scrollbar-thumb:vertical {display:none !important;}
.app-size-p ::-webkit-scrollbar:horizontal {  height: 0px !important; }


.page-side {
	width: 300px;
	float: left;
}

.page-main {
	width: calc(100% - 320px);
	float: right !important;
}

.page-side-small {
	width: 175px;
	float: left;
}

.page-main-large {
	width: calc(100% - 200px);
	float: right !important;
}

.app-size-p .page-side,
.app-size-p .page-main,
.app-size-p .page-side-small,
.app-size-p .page-main-large{
	width:100% !important;
}
.absolute{position:absolute !important;}
.fixed{position:fixed !important;}
.relative{position:relative !important;}

.z1{z-index:1;}
.z2{z-index:2;}
.z3{z-index:3;}
.z420{z-index:420;}
.z1000{z-index:1000;}

.tl{top:0px; left:0px;}
.tr{top:0px; right:0px;}
.bl{bottom:0px; left:0px;}
.br{bottom:0px; right:0px;}


.really-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.kinda-center {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.center{
  margin:0 auto;
}

.center-things{
  display: flex;
  align-items: center;
  justify-content: center;
}

.dont-wrap{
  display:block;
  float:left;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space:nowrap;
}

.animate-transition{
 -webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	  -o-transition: all 250ms ease-in-out;
		 transition: all 250ms ease-in-out;
}
.animate-opacity{
 -webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	  -o-transition: opacity 250ms ease-in-out;
		 transition: opacity 250ms ease-in-out;
}
.animate-opacity2{
 -webkit-transition: opacity 500ms ease-in-out;
	-moz-transition: opacity 500ms ease-in-out;
	  -o-transition: opacity 500ms ease-in-out;
		 transition: opacity 500ms ease-in-out;
}

.spin-cw{
	-webkit-animation: cwSpin 1s linear .2s infinite;
	-moz-animation: cwSpin .666s linear .2s infinite;
	-o-animation: cwSpin .666s linear .2s infinite;
	-ms-animation: cwSpin .666s linear .2s infinite;
	animation: cwSpin .666s linear .2s infinite;
}

.spin-ccw{
	-webkit-animation: ccwSpin 1s linear .2s infinite;
	-moz-animation: ccwSpin .666s linear .2s infinite;
	-o-animation: ccwSpin .666s linear .2s infinite;
	-ms-animation: ccwSpin .666s linear .2s infinite;
	animation: ccwSpin .666s linear .2s infinite;
}

@-webkit-keyframes cwSpin
{
	0%{-webkit-transform:rotate(0deg);	}
	100%{-webkit-transform:rotate(360deg); }
}
@-moz-keyframes cwSpin
{
	0%{-moz-transform:rotate(0deg);	}
	100%{-moz-transform:rotate(360deg); }
}
@-ms-keyframes cwSpin
{
	0%{-ms-transform:rotate(0deg);	}
	100%{-ms-transform:rotate(360deg); }
}
@-o-keyframes cwSpin
{
	0%{-o-transform:rotate(0deg);	}
	100%{-o-transform:rotate(360deg); }
}
@keyframes cwSpin
{
	0%{transform:rotate(0deg);	}
	100%{transform:rotate(360deg); }
}

@-webkit-keyframes ccwSpin
{
	0%{-webkit-transform:rotate(0deg);	}
	100%{-webkit-transform:rotate(-360deg); }
}
@-moz-keyframes ccwSpin
{
	0%{-moz-transform:rotate(0deg);	}
	100%{-moz-transform:rotate(-360deg); }
}
@-ms-keyframes ccwSpin
{
	0%{-ms-transform:rotate(0deg);	}
	100%{-ms-transform:rotate(-360deg); }
}
@-o-keyframes ccwSpin
{
	0%{-o-transform:rotate(0deg);	}
	100%{-o-transform:rotate(-360deg); }
}
@keyframes ccwSpin
{
	0%{transform:rotate(0deg);	}
	100%{transform:rotate(-360deg); }
}

.no-select, .no-select * {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}


.error{color:#CA3535;}

/* -- Used for measuring scroll abr width -- thanks --> http://davidwalsh.name/detect-scrollbar-width */
.scrollbar-measure {
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
  width: 100px;
}

.sidebar-space{overflow-y: scroll;}


.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {display: block;}

.draggable{
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.draggable:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.measure-me{
  display: inline-block;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}


.hidden {display: none !important;}
.visible {display: inline-block !important;}

.oa{overflow-y:auto;overflow-x:hidden;}
.oh{overflow:hidden !important;}

.o0{opacity:0;}
.o1{opacity:1;}

.fl{float:left !important;}
.fr{float:right !important;}

.ib{ display:inline-block; }

.fill{width:100%; height:100%;}



.square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.rectangle:after {
  content: "";
  display: block;
  padding-bottom: 80%;
}

.rectangle-tall:after {
  content: "";
  display: block;
  padding-bottom: 125%;
}

.circle-image{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 100%;
}

.circle-image:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

p {
  color:var(--text);
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.5em;
}

/* original xogoal style  - too much to change */
.txt-s{font-size:.9em !important;}
.txt-xs{font-size:.83em !important;}
.txt-xxs{font-size:.70em !important;}

.txt-thin{font-weight:300 !important;}

.txt-m{font-size:1.1em !important;}

.txt-l{font-size:1.2em !important;}
.txt-xl{font-size:1.4em !important;}
.txt-xxl{font-size:1.6em !important;}
.txt-xxxl{font-size:2em !important;}

.txt-center{text-align:center !important;}
.txt-left{text-align:left !important;}
.txt-right{text-align:right !important;}


/*  awesomeness sytle */

.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}

.text-s{font-size:.9em !important;}
.text-xs{font-size:.83em !important;}
.text-xxs{font-size:.70em !important;}

.text-thin{font-weight:300 !important;}

.text-m{font-size:1.1em !important;}

.text-l{font-size:1.2em !important;}
.text-xl{font-size:1.4em !important;}
.text-xxl{font-size:1.6em !important;}
.text-xxxl{font-size:2em !important;}

.t{font-weight:300;}
.sb{font-weight:600;}
.b{font-weight:700;}
.i{font-style:italic;}
.u{text-decoration:underline;}
.u2{border-bottom: solid thin}
.up{text-transform:uppercase;}
.cap{text-transform:capitalize;}
.lc{text-transform: lowercase;}

.hover-b:hover{ font-weight: 700;}

.habits-suggested-in-agenda,
.contacts-suggested-in-agenda,
.items-suggested-in-agenda {
	text-align: left;
	font-weight: 400;
	padding: 0px 20px 40px 20px;
	cursor: default;
}

.habits-suggested-in-agenda .check-check i{
	top: -1px;
}


.beta-note {
  background-color: #ffa707;
  padding: 10px;
  color: #331500;
}

.beta-note span {
  text-transform: uppercase;
  font-weight: bolder;
}

.breadcrumb::-webkit-scrollbar {
	width:0px;
	height:0px;
}

ul.breadcrumb {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	list-style: none;
	margin:0px;
	padding:0px;
	list-style-type:none;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:hidden;
	font-size:.8em;
	text-align:left;
}

.breadcrumb li {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transform: none !important; /* CANNOT TRANSLATE 3D with Z INDEX! */
	-moz-transform: none !important; /* CANNOT TRANSLATE 3D with Z INDEX! */
	-ms-transform: none !important; /* CANNOT TRANSLATE 3D with Z INDEX! */
	transform: none !important; /* CANNOT TRANSLATE 3D with Z INDEX! */
	border-top: none;
	border-bottom: none;
	cursor: pointer;
	color: inherit;
	text-shadow: inherit;
	display: inline-block;
	text-decoration: none;
	padding: 10px 0 10px 55px;
	position: relative;
	cursor:pointer;
}

.breadcrumb li:after {
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid #333;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}

.breadcrumb li:before {
	content: " ";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 50px solid transparent;
	border-left: 30px solid rgb(32, 32, 32);
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

.breadcrumb li:first-child {
	padding-left: 10px;
}

.breadcrumb { 
	background-color:#242424; 
	color:#BBB; 
	border-bottom:solid 1px #404040;
}

.breadcrumb li { 
	background-color:#404040;
}

.breadcrumb li:hover { 
	color: #fff; 
}

.breadcrumb li:after { 
	border-left: 30px solid #404040; 
}

.breadcrumb li:before { 
	border-left: 30px solid #242424; 
}

.breadcrumb li:last-child { 
	background-color: #242424; 
}

.breadcrumb li:last-child:after { 
	background-color: #242424; 
	border-left: 30px solid #242424; 
}

.breadcrumb li:not(:last-child):hover { 
	background-color:#393939;
}

.breadcrumb li:not(:last-child):hover:after { 
	border-left: 30px solid #393939;
}


.btn, button {
	border-radius: 3px;
	padding: 7px 10px;
	border:none;
	outline:none;
	cursor:pointer;
	text-align:center;
	font-size:1em;
	border-bottom: solid 1px rgba(0, 0, 0, 0.28);
  background-color:var(--main-color);
  color: #fff;
} 

.btn:hover, 
button:hover { 
	background-color: var(--main-color2);
}

.btn.delete:hover, 
button.delete:hover { 
	background-color: #841a1a; 
}

.suggestionButton {
	background-color: var(--main-color2);
	padding:15px 25px 15px 25px;
	font-size: 1.4em !important;
	cursor:pointer;
}

.suggestionButton:hover {
	background-color: #147bd5;
}

.cancel.suggestionButton:hover {
	background-color: inherit;
}

.btn.fr, 
.btn.fl {
	padding: 7px 20px;
}

.btn.large {
	padding: 10px 15px;
	font-size: 1.2em;
	border-radius: 5px;
}

.btn.whole {
	padding-left:15px;
}

.btn.green, 
.btn.goal, 
button.green {
	color: #FFF;
	background-color: #2e9e36;
	border-top: solid 1px #44C234;
}

.btn.green:hover, 
.btn.goal:hover, 
.hover_green:hover, 
button.green:hover {
	background-color:#039B0A;
}

.btn.green:active, 
.btn.goal:active, 
.hover_green:active, 
button.green:active {
	background-color:#1E750E;
}

.btn.gray{
	background-color:#6B6B6B;
	border-top:none;
	color:#FFF;
}

.btn.gray:hover { 
	background-color:#757575; 
}

.btn.gray:active,
.btn.gray.active {
	background-color:#575757;
}


.btn.light_blue, 
.btn.project {
	background-color:#188B8B; 
	border-top:solid 1px #2E7ABA; 
	border-bottom:solid 1px #00172D; 
}

.btn.light_blue:hover, 
.btn.project:hover, 
.hover_light_blue:hover {
	background-color:#269E9E;
}

.btn.light_blue:active, 
.btn.light_blue:active, 
.hover_light_blue:active,
.hover_light_blue.active{ 
	background-color:#188B8B; 
}

.btn.blue, .btn.project{
	background-color: var(--main-color2);
  border-top: solid 1px #00ADFF;
  border-bottom: solid 1px #2374C3;
  color: #fff; 
}

.btn.blue:hover, 
.btn.project:hover, 
.hover_blue:hover{
	background-color:#2563AA;
}

.btn.blue:active, 
.btn.blue:active, 
.hover_blue:active,
.hover_blue.active{
	background-color:#185091;
}


.btn.purple,
.btn.task {
  background-color: #861faf;
  border-top: solid 1px #c223eb;
  border-bottom: solid 1px #280340;
}
.btn.purple:hover,
.btn.task:hover,
.hover_purple:hover {
  background-color: #8e1ea5;
}
.btn.purple:active,
.btn.purple.active,
.hover_purple:active,
.hover_purple.active {
  background-color: #661891;
}
.btn.red,
.btn.action {
  background-color: #b02a2a;
  border-top: solid 1px #dc3939;
  border-bottom: solid 1px #550808;
}
.btn.red:hover,
.btn.action:hover,
.hover_red:hover {
  background-color: #b72c2c;
}
.btn.red:active,
.btn.red.active,
.btn.action:active,
.hover_red:active,
.hover_red.active {
  background-color: #a01e1e;
}

.hover_red:hover i {
  color: #fff;
}

.btn.orange {
  background-color: #fd710e;
  color: #fff;
}

.btn.plain {
  color: #cfcfcf;
  background-color: #191919;
  border-top: solid 1px #2a2828;
  border-bottom: solid 1px #0b0b0b;
}
.btn.plain:hover {
  background-color: #202020;
}
.btn.plain:active {
  background-color: #141414;
}

.btn.invalid {
  border-top: solid 1px #dc3939;
}
.btn.invalid:active {
  border-top: solid 1px #c43030;
}

.btn-set {
  text-align: center;
  color: #d9d9d9;
  text-shadow: 1px 1px 1px #141414;
  font-size: 20px;
  background-color: #3b3b3b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden;
}

.btn-set > div {
  cursor: pointer;
  float: left;
  padding: 10px 0px;
  border-right: 1px solid #242424;
  height: 40px;
  overflow: hidden;
}

.btn-set > div:last-child {
  border-right: none;
}
.btn-set > div:hover {
  background-color: #404040;
}
.btn-set > div:active {
  background-color: #151515;
}
.btn-set > div.active {
  background-color: #202020;
}

.btn.cancel,
button.cancel {
  border-bottom: none;
  margin-right: 10px;
  color: #777;
  background-color: rgba(0, 0, 0, 0);
}

.btn.cancel:hover,
button.cancel:hover {
  color: #222;
}

.addCircle {
  height: 41px;
  width: 40px;
  border-radius: 40px;
  text-align: center;
  padding-top: 12px;
  font-size: 20px;
  margin: 0 auto;
  cursor: pointer;
}

.addCircle.blue {
  color: #fff;
  background-color: #1376cc;
}

.addCircle.red {
  background-color: #bb1717;
  color: #fff;
}

.addCircle.blue:hover {
  background-color: var(--main-color2);
}
.addCircle.blue:active {
  background-color: #0d68b7;
}

.soft {
  color: #777;
  font-size: 0.7em;
  text-transform: capitalize;
  font-weight: 600;
  padding: 10px;
  background-color: #d3d3d3;
  border-bottom: solid 1px #bebbbb;
}
.soft:hover {
  background-color: #dbdbdb;
}

button {
  font-family: var(--main-font);

  -moz-transition: all 200ms !important;
  -webkit-transition: all 200ms !important;
  -ms-transition: all 200ms !important;
  -o-transition: all 200ms !important;
  transition: all 200ms !important;
}

button.more {
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  font-weight: 600;
  color: #8c8b8b;
  text-transform: uppercase;
  font-size: 0.9em;
  padding: 0px 10px;
  border: none;
  display: block;
  width: 100%;
}
button.more:hover {
  color: var(--main-color2);
}

.delete {
  padding: 10px 17px;
  background-color: #af1414;
}

button.large {
  width: 100%;
  font-weight: 1.3em;
}

.btn-soft {
  float: right;
  padding: 5px;
  opacity: 0.4;
  cursor: pointer;
}
.btn-soft:hover {
  opacity: 1;
}

.bigBtn {
  cursor: pointer;
  margin-top: 50px;
  width: 100%;
  line-height: 50px;
  font-size: 30px;
  background-color: #595de3;
  color: var(--main-text-color);
  border-bottom: solid 2px #0e116a;
  border-right: solid 1px #0e116a;

  -moz-transition: all 200ms !important;
  -webkit-transition: all 200ms !important;
  -ms-transition: all 200ms !important;
  -o-transition: all 200ms !important;
  transition: all 200ms !important;
}
.bigBtn:hover {
  background-color: #3a3ec8;
}

.bigBtn.cancel {
  background-color: inherit;
  opacity: 0.75;
  color: var(--main-text-color);
  border: none;
  width: 90%;
  text-align: center;
  margin-left: 5%;
  margin-top: 20px;
  font-size: 22px;
}
.bigBtn.cancel:hover {
  opacity: 1;
  color: var(--main-text-color);
}

.newThing {
  text-align: center;
  border: dashed 7px var(--background-color-deep);
  padding: 25px 0px;
  margin-bottom: 25px;
  cursor: pointer;
  font-weight: 600;
}

.darkMode .newThing{
  color: var(--main-color);
  border: dashed 7px var(--main-color2);
}

.darkMode .newThing i{
  color: var(--main-color2);
}


.newThing:hover {
  background-color: var(--main-text-color);
}


.newThing2 {
  -moz-transition: all 200ms !important;
  -webkit-transition: all 200ms !important;
  -ms-transition: all 200ms !important;
  -o-transition: all 200ms !important;
  transition: all 200ms !important;
  text-align: center;
  border: none;
  padding: 25px 0px;
  margin-bottom: 10px;
  cursor: pointer;
  background-color: #4aabfe;
  border-radius: 5px;
  font-weight: 400;
}
.newThing2:hover {
  background-color: #2c76b5;
}

[ax-size="p"] .newThing {
  font-size: 0.85em;
  padding: 12px 0px;
  border: dashed 3px var(--background-color-deep);
}

.newThing i {
  font-size: 2em;
  margin-bottom: 12px;
  display: block;
  color: var(--background-color-deeper);
}

.newThing2 i {
  margin-bottom: 9px;
  display: block;
  font-size: 1.7em;
  color: #2481d1;
}

.newThing2:hover i {
  color: #62b6ff;
}

.darkMode .newThing:hover,
.darkMode .newThing:hover i{
  color: var(--lighter-main);
}
.agenda {
  padding: 15px;
  overflow: auto;
}

.card.event {
  padding: 20px;
  color: #fff;
  background-color: #404040;
}

.card.edit-event {
  padding: 20px;
}

.event-name .ico-check {
  float: right;
  color: #ababab;
  cursor: pointer;
  position: absolute;
  top: 25px;
  right: 15px;
}
.event-name .ico-check:hover {
  float: right;
  color: #2d9215;
}

.event-name {
  font-weight: bold;
}
.event-time {
  font-size: 0.85em;
}

.agenda-date {
  color: #b1b1b1;
  text-align: center;
  font-size: 2em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 50px;
  margin-top: 50px;
}

.card.event[xo-event-source="xogoal"] {
  background-color: var(--main-color2);
}

.cal-nav-left {
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 1.2em;
  padding: 0px 10px 15px 5px;
  cursor: pointer;
  color: #b2b0b0;
}
.cal-nav-left:hover {
  color: #333;
}

.cal-nav-center {
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  padding: 0px 40px 15px 40px;
  text-align: center;
  text-transform: uppercase;
  color: #b2b0b0;
  font-weight: 600;
}

.cal-nav-right {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 1.2em;
  padding: 0px 5px 15px 10px;
  cursor: pointer;
  color: #b2b0b0;
}
.cal-nav-right:hover {
  color: #333;
}

.nothing-ondeck {
  text-align: center;
  background-color: #105692;
  padding: 69px 25px;
  color: #fff;
  border: solid 6px var(--main-color);
  margin-top: 10px;
}

.nothing-ondeck-title {
  font-size: 2em;
  font-weight: 300;
  margin-bottom: 40px;
}

.nothing-ondeck-body {
  margin-bottom: 20px;
  font-weight: 300;
  padding: 0px 20px;
  font-size: 0.9em;
  line-height: 1.34em;
}

.agenda-freeTime {
  text-align: center;
  padding: 25px 0px;
  background-color: var(--main-color3);
  color: rgb(255 255 255 / 84%);
  font-size: 0.85em;
}

.update-simple {
  font-size: 1.1em;
}

[xo-update-type="116632"] {
  font-size: 1.1em;
}
[xo-update-type="117794"] {
  background-color: #ef3b3b !important;
  color: #fff !important;
}
[xo-update-type="117794"] .when {
  color: #fff !important;
}

.card {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;
  margin-bottom: 7px;
  border-radius: 2px;
  border-bottom: solid 2px #dddddd;
  border-right: solid 1px #cccccc;
}

.darkMode .card{
  background-color: var(--background-color-deeper);
  border-bottom: none;
  border-right: none;
  border-radius: 5px;
  color: var(--lighter-main);
}

.card-head {
  background-color: var(--main-color);
  color: #ffffff;
  padding: 10px 15px;
  border-radius: 5px 5px 0px 0px;
  font-size: 1.3em;
}

.card-body {
  padding: 20px;
}

.card.update,
.card.comment {
  padding: 20px;
}

.card .pic {
  position: absolute;
  background-color: #343434;
  width: 30px;
  height: 30px;
  border-radius: 30px;
}

.card .who {
  padding-left: 45px;
  line-height: 30px;
  font-size: 0.9em;
}

.card .item {
}

.card .body {
  padding: 30px 20px 30px 20px;
  font-weight: 300;
}

.card .details {
  padding: 20px 0px;
}

.card .actions {
  display: block;
  position: relative;
  overflow: auto;
}

.card .when {
  color: #aaa7a7;
  float: right;
  top: 15px;
  right: 10px;
}

.card .action {
  float: left;
  margin-right: 20px;
  color: #777;
  font-size: 0.9em;
  margin-bottom: 3px;
}

.card .action i {
  padding-left: 5px;
}

.card .action:hover {
  cursor: pointer;
  color: var(--main-color);
}

.card .time {
  font-size: 0.8em;
  color: #a0a0a0;
  float: left;
  line-height: 40px;
  padding-left: 5px;
}

.card .summary {
  cursor: pointer;
  padding: 15px 20px;
}

.card .update-type {
  color: #3882c3;
  font-size: 1.1em;
  font-weight: 600;
}

.card .update-by {
  color: #777;
  margin-top: 4px;
  font-size: 0.9em;
}

.card .more {
  position: absolute;
  top: 50%;
  right: 5px;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(0px, -50%) !important;
  color: #a8a8a8;
}

#right_menu .card {
  margin-bottom: 25px;
}

.hrs-data-date {
  text-align: right;
  display: block;
  overflow: auto;
  font-size: 0.8em;
  color: #8a8a8a;
  position: absolute;
  right: 15px;
  top: 10px;
}

.hrs-data-by {
  font-size: 0.9em;
  margin-left: 20px;
  margin-bottom: 15px;
  color: #8a8a8a;
}

.hrs-data-block .comment {
  padding: 0px 10px 15px 10px;
}

.hrs-data-time {
  font-size: 1.7em;
  padding-top: 15px;
  padding-left: 15px;
}

.comments {
  font-size: 0.9em;
  color: #777;
}

.comments .comment {
  padding-top: 15px;
  position: relative;
}

.comment-body {
  padding-right: 35px;
}

.comment-by {
  font-weight: 600;
  margin-right: 8px;
  color: #0082f3;
}

.comment-time {
  text-align: right;
  font-size: 0.8em;
  position: absolute;
  top: 18px;
  right: 0px;
}

.add-comment {
  margin-top: 25px;
}

.add-comment textarea {
  height: 80px;
  margin-bottom: 15px;
}

.show-more-comments {
  text-align: center;
  margin-top: 10px;
  cursor: pointer;
}
.show-more-comments:hover {
  color: #fff;
}

.card-settings {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 1.5em;
  color: #ccc;
  cursor: pointer;
  z-index: 2;
}
.card-settings:hover {
  color: #aaa;
}

.card-settings-container {
  text-align: right;
  cursor: default;
  margin-right: 45px;
}

.card-settings-head {
  text-transform: uppercase;
  color: #777;
  margin-bottom: 10px;
}
.card-settings-action {
  margin-bottom: 7px;
  cursor: pointer;
  text-transform: capitalize;
  position: relative;
}
.card-settings-action:hover {
  color: var(--main-color);
}

.card-settings-action i {
  top: 5px;
  right: -40px;
  color: #bbb;
  position: absolute;
}

.card-settings-action:hover i {
  color: var(--main-color);
}

.card.updates-header {
  background-color: var(--main-color);
  color: #fff;
}

.card-id {
  color: #777;
  font-size: 0.8em;
  margin-top: 10px;
  text-align: right;
}

.card.click {
  cursor: pointer;
}


.big-ass-card-icon {
  float: left;
  font-size: 5em;
  color: #ffffff;
  background-color: var(--main-color);
  width: 150px;
  height: 150px;
  text-align: center;
  padding-top: 35px;
  padding-left: 5px;
  border-radius: 150px;
  top: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%) !important;
  -moz-transform: translate(-50%, 0%) !important;
  -ms-transform: translate(-50%, 0%) !important;
  -o-transform: translate(-50%, 0%) !important;
  transform: translate(-50%, 0%) !important;
  position: relative;
}

.tag {
  font-size: 0.9em;
  background-color: #d2d2d2;
  padding: 4px 11px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 3px;
  margin-top: 7px;
}

.free {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background: #4bb553;
  padding: 2px 7px;
}

.card-footer {
  background-color: #f4f4f4;
  padding: 10px;
  border: solid 1px #e5dcdc;
  border-top: solid 5px #e0e0e0;
  top: -2px;
  color: #777;
  display: block;
  overflow: auto;
}
.card-footer-action {
  cursor: pointer;
  padding: 5px;
  margin-left: 10px;
  float: right;
  font-size: 1.2em;
}
.card-footer-action:hover {
  color: #333333;
}
.card-footer-action.delete-color:hover {
  color: var(--delete-red);
}

.card span.label {
  padding-right: 15px;
  color: #333;
  text-transform: uppercase;
  font-size: 0.8em;
  width: 140px;
  float: left;
}

.card span.value {
  font-weight: 600;
  float: right;
}

.card-photo {
  background-color: var(--main-color);
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  border-radius: 40px;
  color: #fff;
  float: left;
  background-size: cover;
  background-repeat: no-repeat;
}
.card-photo i {
  display: block;
  margin-top: 11px;
}
.card-details {
  width: calc(100% - 70px);
  margin-left: 15px;
  float: left;
}

.card-header-action {
  position: relative;
  -moz-transition: all 200ms !important;
  -ms-transition: all 200ms !important;
  -o-transition: all 200ms !important;
  -webkit-transition: all 200ms !important;
  color: var(--main-color3);
  cursor: pointer;
  float: right;
  margin-left: 10px;
  top: 4px;
  transition: all 200ms !important;
}
.card-header-action:hover {
  color: #e2f2ff;
}

.card .simple-delete {
  color: var(--background-color-deep);
  cursor: pointer;
  display: none;
  float: right;
  padding-top: 4px;
}

.card:hover .simple-delete {
  display: block;
}
.card:hover .simple-delete:hover {
  color: var(--delete-red);
}

/* ==============================
        QUICK CHECK LIST
================================= */

.check-list {
  min-height: 20px;
  padding-left: 5px;
  padding-bottom: 20px;
}

.check-item {
	font-size: 1.1em;
	cursor: pointer;
	color: var(--main-text-color-card);
	border-bottom: solid 1px var(--background-color-deep);
	padding: 10px 5px;
}

.check-item:hover {
  font-weight: 600;
}

.check-name {
	width: calc(100% - 70px);
	margin-left: 30px;
	padding: 2px 0px;
	word-break: break-word;
	white-space: initial;
}

.check-name-withSettings {
  width: calc(100% - 45px);
}

.check-name-withSettings-and-count {
  width: calc(100% - 115px);
}

.check-name.showFull {
  text-overflow: inherit;
  white-space: inherit;
}

.check-check {
  position: absolute;
  left: 0;
  top: 11px;
  width: 20px;
  height: 20px;
  border: solid 2px var(--background-color-deep);
  margin: 3px;
  border-radius: 5px;
}

.check-check i {
  position: relative;
  font-size: 16px;
  top: -5px;
  left: -3px;
  transition: opacity 300ms;
  opacity: 0;
}

.check-check:hover i,
.check-onHover:hover .check-check i,
.check-item.complete .check-check i,
.check-item.active .check-check i {
  opacity: 1;
}

.check-icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  height: 40px;
  padding: 10px 0px 5px 5px;
  opacity: 0.3;
  transition: opacity 300ms;
  font-size: 17px;
}
.check-icon:hover {
  opacity: 1;
}


.check-count {
	position: absolute;
	right: 40px;
	top: 9px;
	width: 45px;
	font-size: 0.75em;
	color: var(--main-text-color-card);
	background-color: var(--background-color-deep);
	text-align: center;
	border-radius: 20px;
	padding: 2px;
}

.check-color.active .ico-check {
  display: none;
}

.check-color.active .check-check {
  background-color: var(--lighter-main);
  border-color: transparent;
}

.inActive .check-check {
  background-color: inherit !important;
  border: solid 2px var(--background-color-deep) !important;
}

.check-item.complete {
	text-decoration: line-through;
	color: var(--background-color-deeper);
}

.check-item.complete:hover {
	font-weight: inherit;
	cursor: inherit;
}

xo.green {
  color: #95ff52;
}
xo.green:hover {
  border-bottom: solid 1px #0d6e1c;
}
xo.blue {
  color: #7fe5ff;
}
xo.blue:hover {
  border-bottom: solid 1px #287771;
}
xo.purple {
  color: #dc7fff;
}
xo.purple:hover {
  border-bottom: solid 1px #660079;
}
xo.orange {
  color: #fcbc31;
}
xo.orange:hover {
  border-bottom: solid 1px #795700;
}
xo.lil_gray {
  color: #757573;
  font-size: 0.85em;
}

#main .not-important {
  color: #8a8686;
}
#right_menu .not-important {
  color: #929191;
}

.positive {
  color: #4dd238 !important;
}
.negative {
  color: #d33c3c !important;
}

.confirmation {
  color: #3a8bd1;
}

.big-red {
  color: #bb3737;
  font-size: 1.2em;
  font-weight: bold;
}

.xo-background .xo-timepicker {
  background-color: #21224a;
}

.xo-background .loading2 > div {
  background-color: #fff;
}

.verified {
  padding: 7px 10px;
  color: #ffffff;
  background-color: #43b926;
  border-radius: 3px;
}

.pending {
  padding: 7px 10px;
  color: #ffffff;
  background-color: #995cdf;
  border-radius: 3px;
}

.dark-content {
  background-color: #21224a;
  padding: 30px 25px;
  border-radius: 5px;
}

#main.xo-background,
.xo-background {
  background-color: #171838;
  background-image: url("/tools/images/gameplan_header.png");
  background-position: 50% 0%;
  background-repeat: repeat;
  background-size: contain;
  color: #e8e8e8;
}

.xo-background .btn.cancel,
.xo-background button.cancel {
  color: #e8e8e8;
}
.xo-background .btn.cancel:hover,
.xo-background button.cancel:hover {
  color: #3fbfff;
}

.logo-dark {
  background-image: url("/tools/images/logo-with-arrow-home.png");
  font-size: 2.5em;
  height: 70px;
  margin: 65px auto 40px auto;
  width: 200px;
  background-size: contain;
  background-repeat: no-repeat;
}

.contact-basic {
  padding: 10px 15px;
  display: block;
  overflow: auto;
  cursor: pointer;
}

.contact-header {
  padding: 10px 15px;
  display: block;
  overflow: auto;
  position: relative;
}

.contact-name {
  font-size: 1.5em;
  font-weight: bold;
  color: #4e4e4e;
  text-align: center;
}

.contact-basic-icon {
  position: relative;
  float: left;
  background-color: var(--main-color);
  width: 30px;
  height: 30px;
  border-radius: 30px;
  margin-top: 3px;
}

.contact-basic-icon2 {
  position: absolute;
  bottom: 8px;
  left: 6px;
  color: #fff;
  font-size: 0.8em;
}

.contact-basic-name {
  line-height: 35px;
  float: left;
  font-size: 1.3em;
  margin-left: 15px;
  font-weight: 400;
}

.contact-form-icon {
  position: relative;
  float: left;
  background-color: var(--main-color);
  width: 80px;
  height: 80px;
  border-radius: 80px;
  color: #fff;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%) !important;
  padding-top: 20px;
  padding-left: 11px;
  font-size: 40px;
}

.contact-form-icon2 {
  position: absolute;
  float: left;
  background-color: rgba(0, 0, 0, 0);
  width: 80px;
  height: 80px;
  border-radius: 80px;
  color: rgba(0, 0, 0, 0);
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%) !important;
  padding: 0px;
  font-size: 40px;
}

.contact-basic-next-followup {
  float: right;
  text-align: center;
  padding-top: 6px;
  padding-left: 10px;
}

.contact-basic-next-followup-txt {
  line-height: 15px;
  margin-bottom: 3px;
  font-size: 0.7em;
  color: #909090;
  margin-top: -5px;
}

.contact-basic-next-followup-date {
  line-height: 15px;
  font-size: 0.85em;
}

.contact-needs-touch {
  color: #ea4e4e;
  font-weight: 600;
}

.contact-detail {
  padding: 5px 10px 20px 20px;
}

.contact-data-header {
  border-bottom: solid 1px #dcdcdc;
  margin-bottom: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 0.85em;
  font-weight: 600;
  color: #386c98;
  position: relative;
  cursor: pointer;
}

.contact-data-header .header-ico {
  font-size: 1.4em;
  padding-right: 7px;
}

.contact-data {
  margin-bottom: 25px;
  display: block;
  overflow: auto;
}

.contact-data-item {
  position: relative;
  padding: 3px 0px;
  overflow: hidden;
}

.contact-data-item-key {
  color: #777;
  padding-right: 10px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75em;
}
.contact-detail-skill,
.contact-detail-tag {
  cursor: pointer;
  float: left;
  padding: 5px 15px;
  background-color: var(--background-color);
  margin: 5px;
  font-size: 0.8em;
  color: var(--main-text-color-card);
}

.remove-contact-data-item,
.contact-send-sms,
.edit-contact-data {
  color: #ababab;
  cursor: pointer;
}

.remove-contact-data-item {
  position: absolute;
  top: 7px;
  right: 0px;
}

.contact-send-sms {
  position: absolute;
  top: 7px;
  right: 25px;
}

.edit-contact-data {
  padding-left: 10px;
  margin-right: 17px;
}

.remove-contact-data-item:hover {
  color: #d03232;
}

.edit-contact-data:hover,
.contact-send-sms:hover {
  color: var(--main-color);
}

.remove-tag:hover,
.remove-skill:hover {
  background-color: #ffa3a3;
}

.contact-event {
  padding: 15px 10px;
}

.contact-header-button {
  float: right;
  cursor: pointer;
  font-size: 1.2em;
}

.contact-links {
  background-color: #3099c1;
}
.contact-followups {
  background-color: #0d4d86;
}
.contact-events {
  background-color: #2d7dc3;
}
.contact-updates {
  background-color: #1491ff;
}

.contact-section-header {
  padding: 10px;
  color: #fff;
  margin-bottom: 7px;
  cursor: pointer;
}

.contact-linkedto-name {
  padding: 10px 40px;
  position: relative;
}

.contact-linkedto-ico {
  position: absolute;
  top: 12px;
  left: 10px;
  color: #bbbbbb;
}

.contact-linkedto-remove {
  position: absolute;
  top: 12px;
  right: 10px;
  color: #bbbbbb;
  cursor: pointer;
}
.contact-linkedto-remove:hover {
  color: #b51b1b;
}

.contact-connect {
  padding: 10px 15px;
  display: block;
  overflow: auto;
  cursor: pointer;
}
.contact-connect:hover {
  background-color: #4faeff;
  color: #fff;
}

.contact-linkedto-type {
  background-color: var(--background-color-deep);
  color: var(--background-color-deeper);
  padding: 5px 10px;
  font-size: 0.8em;
}

.area {
  fill: linear-gradient(#e66465, #9198e5);
}

.xHide path,
.yHide path {
  display: none;
}

.tick line {
  display: none;
}

.chartLine {
  fill: none;
  stroke: #135996;
  stroke-width: 2;
}

.lineName {
  fill: #333;
  font-weight: 600;
  font-size: 0.85em;
}

.chartLine.totalMinutes_o {
  stroke: #8719b9;
  stroke-width: 1;
  opacity: 0.5;
}
.chartLine.totalMinutes_r,
.chartLine.totalItems {
  stroke: #3ea519;
  stroke-width: 1;
  opacity: 0.8;
}
.chartLine.totalMinutes_p {
  stroke: #e74b79;
  stroke-width: 1;
  opacity: 0.5;
}

.chartLine.minutesLogged,
.chartLine.completedItems {
  stroke: #217dce;
  stroke-width: 5;
}

.lineName.totalMinutes_o {
  fill: #8719b9;
}
.lineName.totalMinutes_r,
.lineName.totalItems {
  fill: #3ea519;
}
.lineName.totalMinutes_p {
  fill: #e74b79;
}

.lineName.minutesLogged,
.lineName.completedItems {
  fill: #fff;
}

.deep-referral-person {
  opacity: 0.42;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0px 10px 10px 0px;
  background-color: #333;
  color: #fff;
  float: left;
  border-radius: 30px;
  cursor: pointer;
}
.deep-referral-person:hover {
  opacity: 1;
}

.deep-referral-focus {
  opacity: 1;
}

.drill-row {
  min-height: 30px;
  padding-left: 17px !important;
  padding-right: 15px;
}

.drill-body .row-line2 {
  font-weight: 600;
  background-color: #bcdffd;
  color: #2e6493;
}
.drill-body .row-line2 i {
  color: #2e6493;
}

.drill-body .row-line:hover {
  background-color: #bfe2ff;
}
.drill-body .row-line2:hover,
.drill-body .row-node .row-line:hover {
  background-color: #86cfda;
}

.drill-body .row-line2:hover i,
.drill-body .row-node .row-line:hover i {
  color: #229bad;
}
.drill-body .row-line:hover i {
  color: #77b2e2;
}

.breadcrumb.drill-ul {
  background-color: #6ea2d0;
  color: #fff;
  border-bottom: solid 1px #5690c3;
  padding-right: 45px;
}

.children-of-shared {
  padding-left: 25px;
}

.breadcrumb .drill-li {
  background-color: #5690c3;
  line-height: 30px;
}

.breadcrumb .drill-li:after {
  border-left: 30px solid #333;
}
.breadcrumb .drill-li:before {
  border-left: 30px solid #fff;
}
.breadcrumb .drill-li:hover {
  color: #fff;
}
.breadcrumb .drill-li:after {
  border-left: 30px solid #5690c3;
}
.breadcrumb .drill-li:before {
  border-left: 30px solid #6ea2d0;
}
.breadcrumb .drill-li:last-child {
  background-color: #6ea2d0;
  font-size: 1.17em;
}
.breadcrumb .drill-li:last-child:after {
  background-color: #6ea2d0;
  border-left: 30px solid #6ea2d0;
}
.breadcrumb .drill-li:not(:last-child):hover {
  background-color: #2376bf;
}
.breadcrumb .drill-li:not(:last-child):hover:after {
  border-left: 30px solid #2376bf;
}

.breadcrumb .drill-li:only-child {
  font-size: 1.3em;
  margin-left: 17px;
}

.drill-header .loading2 > div {
  background-color: #777;
}

.drill-header {
  position: relative;
}

.drill-body {
  position: relative;
  overflow: hidden;
  background-color: #e5f3ff;
}

.drill-close {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  padding: 17px 11px;
  z-index: 2;
  cursor: pointer;
}
.drill-close:hover {
  color: #0d3c65;
}

.change-owner-break {
  text-align: center;
  background-color: #72beff;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
}

.drill-slide-active {
  -webkit-transition: transform 420ms ease-in-out;
  -moz-transition: transform 420ms ease-in-out;
  transition: transform 420ms ease-in-out;

  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  position: absolute;
  width: 100%;
}

.drill-slide-next {
  -webkit-transition: transform 420ms ease-in-out;
  -moz-transition: transform 420ms ease-in-out;
  transition: transform 420ms ease-in-out;

  -webkit-transform: translate(100%, 0);
  -ms-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  position: absolute;
  width: 100%;
}

.drill-slide-push {
  -webkit-transition: transform 420ms ease-in-out;
  -moz-transition: transform 420ms ease-in-out;
  transition: transform 420ms ease-in-out;

  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  position: absolute;
  width: 100%;
}

/* on home page */

.events {
  border: none;
  background-color: #fff;
  box-shadow: 0px 3px 10px #c1c1c1;
}

.events li {
  padding: 10px;
  border-bottom: solid 1px var(--background-color-deep);
}

.events li:hover {
  color: #333;
  background-color: var(--background-color-deep);
  border-bottom: solid 1px var(--background-color-deep);
}

.event-btns {
  width: 100%;
  overflow: auto;
  position: relative;
  text-align: center;
  padding-top: 10px;
}

.event-btn {
  cursor: pointer;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 25%;
  float: left;
}
.event-btn:hover {
  color: var(--main-color2);
}

.event {
  overflow: auto;
  color: #777;
}

.event-icon {
  float: left;
  width: 45px;
  margin-top: 3px;
  color: var(--background-color-deep);
  font-size: 1.5em;
  padding-right: 10px;
}
.event:hover .event-icon {
  color: #74b9f5;
}

.event-completeable {
  cursor: pointer;
}
.event-completeable:hover .event-icon {
  color: #18a500;
}

.event-body {
  float: left;
  width: calc(100% - 45px);
}

.event-description {
  padding: 5px 10px 10px 0px;
  font-size: 0.9em;
  line-height: 1.2em;
  color: #307dbf;
}

.event-title {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 600;
}

.event-time {
  font-size: 0.8em;
}

.event-duration {
  position: absolute;
  top: 4px;
  right: 15px;
  font-weight: 700;
  font-size: 3.5em;
  opacity: 0.1;
}

.event-duration span {
  font-weight: 400;
  padding-left: 5px;
  font-size: 0.75em;
}

[ax-size="p"] .event-duration {
  text-align: center;
  font-size: 3em;
  right: 15px;
  top: 0px;
}

[ax-size="p"] .event-duration span {
  display: block;
  position: relative;
  margin-top: -18px;
  font-size: 0.5em;
}

.event-type-btn {
  float: left;
  width: 45%;
  padding-top: 45%;
  position: relative;
  background-color: var(--main-color2);
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
}
.event-type-btn:first-child {
  margin-right: 5%;
}
.event-type-btn:last-child {
  margin-left: 5%;
}

.event-type-btn i {
  width: 100%;
  text-align: center;
  position: absolute;
  font-size: 2.5em;
  top: 18%;
}

.event-type-name {
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 14%;
  font-size: 1.3em;
}

.event-type-btn:hover {
  background-color: #1776ca;
}

.event-followup {
  float: left;
  font-size: 1.3em;
  margin-top: 7px;
  color: #9a9a9a;
  cursor: pointer;
}
.event-followup:hover {
  color: var(--main-color2);
}

.event-complete-item {
  margin-bottom: 20px;
  font-size: 0.85em;
  margin-top: -20px;
  font-weight: 600;
  padding-right: 75px;
}

.event-item-name {
  color: #4466a3;
  font-weight: 600;
  margin-top: 2px;
  font-size: 0.95em;
}

.event-item-owner-name {
  text-transform: uppercase;
  font-size: 0.7em;
  font-weight: 700;
  color: #257dca;
  margin-bottom: 4px;
}
.event-item-ancestor-name {
  font-size: 0.8em;
  font-weight: 600;
  color: #777;
  display: inline-block;
}

.list-menu-item .event-item-ancestor-name i {
  padding-right: 5px;
  color: #aaa;
  padding-left: 2px;
}

.event-item-description {
  margin-top: 5px;
  font-size: 0.8em;
  line-height: 1.5em;
  color: var(--background-color-deeper);
}

span.overdue {
  color: var(--delete-red);
  font-weight: 600;
}

.event-small .xoSchedule-fullEvent {
  min-height: 10px;
  background-color: var(--background-color-deeper);
}
.event-small .xoSchedule-fullEvent:hover {
  background-color: var(--background-color-deeper);
}
.event-small .xoSchedule-fullEvent i {
  font-size: 1.2em;
  margin-top: -4px;
  margin-left: 2px;
  color: var(--main-text-color);
}

.darkMode .event-small .xoSchedule-fullEvent i{
  color: var(--background-color-deep);
}

.event-small .event-title {
  margin-left: -8px;
}

.event-small .xoSchedule-fullEvent .event-description {
  margin-left: -8px;
  color: var(--main-text-color-card);
}

.event-rescheduled {
  background-color: var(--main-color3);
  color: var(--main-text-color);
  font-weight: 300;
  font-size: 0.85em;
  letter-spacing: 1px;
  padding: 5px 10px;
  margin-top: -3px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  text-align: right;
}

.event-small .event-rescheduled {
  background-color: var(--background-color-deeper);
  font-size: 0.7em;
}

.darkMode .event-small .event-rescheduled {
  color: var(--main-color);
}
.followup-inline {
  font-size: 1.1em;
  background-color: #ca8e07;
  color: #fff;
  padding: 10px;
  margin-bottom: 5px;
  cursor: pointer;
}

.followup-when {
  float: right;
  font-size: 0.8em;
  padding-top: 3px;
}

.followups {
  padding: 20px;
}

.followup {
  padding: 10px;
  position: relative;
  background-color: #404040;
  color: #fff;
  border-bottom: solid 2px #000;
  border-right: solid 2px #222;
  margin-bottom: 15px;
}

.followup-name {
  font-size: 1.8em;
  margin-bottom: 5px;
}

.followup-comment {
  margin-bottom: 5px;
}

.followup-check {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 1.8em;
  height: 100%;
  padding-top: 12px;
  padding-right: 10px;
  color: #777;
  cursor: pointer;
}

.followup-check:hover {
  color: #fff;
}

.followups-section {
  padding-top: 10px;
  padding-bottom: 20px;
}

[xo-sub-page="followups-past"] .followup {
  background-color: #e43939;
  color: #ffffff;
  border-bottom: solid 2px #bb1414;
  border-right: solid 2px #c33b3b;
}

[xo-sub-page="followups-past"] .followup-check {
  color: #960707;
}

[xo-sub-page="followups-past"] .followup-check:hover {
  color: #fff;
}

.followup-event {
  overflow: auto;
}

.followup-event .ico-flag2 {
  float: left;
  width: 40px;
  margin-top: 3px;
  color: var(--background-color-deep);
  font-size: 1.5em;
  padding-right: 10px;
}

.followup-event:hover .ico-flag2 {
  color: #74b9f5;
}

.followup-event .body {
  float: left;
  width: calc(100% - 40px);
}

.followup-event .comment {
  padding: 5px 10px 10px 0px;
  font-size: 0.9em;
  line-height: 1.2em;
  color: #307dbf;
}

.events .followup-event .title {
  font-size: 0.9em;
  text-transform: uppercase;
  font-weight: 600;
  color: #777;
}

.space4CX {
  border-right: solid transparent 35px;
}

.remove-option {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 20px;
  height: 35px;
  padding-top: 10px;
  cursor: pointer;
  color: #ababab;
}
.remove-option:hover {
  color: #d03232;
}

.add-one {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  color: #777;
}
.add-one:hover {
  color: var(--main-color2);
}

.avitar {
  height: 85px;
  font-size: 50px;
  background-color: #333;
  color: #999;
  width: 85px;
  margin-top: 5px;
  padding-top: 20px;
  padding-right: 2px;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.avitar.small {
  height: 60px;
  font-size: 30px;
  background-color: #333;
  color: #999;
  width: 60px;
  padding-top: 15px;
  padding-right: 1px;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.mapBox {
  border: solid 5px #fff;
  height: 200px;
  margin-bottom: 20px;
}

.dragging {
  background-color: #dcefff;
  border-color: #91cbfc;
}

.habit-dayCheck {
	background-color: #f7f7f7;
	margin: 5px;
	height: 50px;
	border-radius: 3px;
	text-align: center;
	font-size: 1.7em;
	padding-top: 8px;
	color: #dcdcdc;
	cursor: pointer;
	-moz-transition: all 420ms !important;
	-webkit-transition: all 420ms !important;
	-ms-transition: all 420ms !important;
	-o-transition: all 420ms !important;
	transition: all 420ms !important;
}

.habit-dayCheck:hover {
	color: #777;
}

.habit-dayCheck.true {
	background-color: #54da4c;
	color: #baffb6;
}

.habit-dayTitle {
	text-align: center;
	font-size: 0.8em;
	color: #9a9999;
}

.habit-dayCheck.true:hover {
	background-color: #40c138;
	color: #97f391;
}

.habit:hover .habit-delete {
	opacity: 1;
}

.habit-delete {
	opacity: 0.5;
	float: right;
	margin-top: 6px;
	color: #c3c3c3;
	cursor: pointer;
	-moz-transition: all 420ms !important;
	-webkit-transition: all 420ms !important;
	-ms-transition: all 420ms !important;
	-o-transition: all 420ms !important;
	transition: all 420ms !important;
}
.habit-delete:hover {
	color: #d85b5b;
}

.habit-dayCheck .loading2 > div {
	background-color: #c1c1c1;
}



.horseRace-runner {
  position: relative;
  display: block;
  overflow: auto;
  padding: 17px 0px;
  margin-bottom: 7px;
}

.horseRace-pic {
  position: absolute;
  background-color: var(--background-color-deep);
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 40px;
  border: solid 2px var(--background-color-deeper);
  z-index: 2;
  text-align: center;
  line-height: 37px;
  font-weight: 700;
  color: #fff;
  cursor: pointer;
}

.horseRace-bar-container {
  margin-top: 5px;
}

.horseRace-bar-name.special:hover {
  color: var(--main-color);
}

.horseRace-bar {
  position: relative;
  width: 100%;
  height: 10px;
  background-color: var(--background-color-deep);
  border-radius: 5px;
}

.horseRace-bar-filled {
  position: absolute;
  width: 0;
  height: 10px;
  background-color: var(--main-color);
  border-radius: 5px;
  top: 17px;
}

.horseRace-details {
  padding: 15px 0px 0px 15px;
}

.horseRace-stats {
  color: var(--background-golor-deeper);
  font-size: 0.85em;
}

.horseRace-details .horseRace-bar {
  margin-left: 75px;
  top: 6px;
  width: calc(100% - 135px);
}

.horseRace-bar .horseRace-bar-filled {
  top: 0px;
}

.horseRace-bar-name {
  float: left;
  color: var(--background-color-deeper);
  font-size: 0.9em;
}

.horseRace-bar-count {
  float: right;
  color: var(--background-color-deeper);
  font-size: 0.8em;
  text-align: left;
  width: 52px;
  margin-top: 1px;
}

.horseRace-runner:nth-child(6n + 1) .horseRace-bar-filled {
  background-color: var(--main-color);
}

.horseRace-runner:nth-child(6n + 2) .horseRace-bar-filled {
  background-color: #14c2c6;
}

.horseRace-runner:nth-child(6n + 3) .horseRace-bar-filled {
  background-color: #ffa52a;
}

.horseRace-runner:nth-child(6n + 4) .horseRace-bar-filled {
  background-color: #b754db;
}

.horseRace-runner:nth-child(6n + 5) .horseRace-bar-filled {
  background-color: #4cca35;
}

.horseRace-runner:nth-child(6n + 6) .horseRace-bar-filled {
  background-color: #8285eb;
}

.horseRace-runner:nth-child(6n + 1) .horseRace-pic {
  background-color: var(--main-color);
  border-color: #2668a0;
}

.horseRace-runner:nth-child(6n + 2) .horseRace-pic {
  background-color: #14c2c6;
  border-color: #208c8d;
}

.horseRace-runner:nth-child(6n + 3) .horseRace-pic {
  background-color: #ffa52a;
  border-color: #b27c32;
}

.horseRace-runner:nth-child(6n + 4) .horseRace-pic {
  background-color: #b754db;
  border-color: #8e16b8;
}

.horseRace-runner:nth-child(6n + 5) .horseRace-pic {
  background-color: #4cca35;
  border-color: #399927;
}

.horseRace-runner:nth-child(6n + 6) .horseRace-pic {
  background-color: #8285eb;
  border-color: #505395;
}

.ico-check.not-checked {
  color: #d5d5d5;
}
.ico-check.green {
  color: #29c831;
}
.ico-trash.red {
  color: #f03f3f;
}

[class^="ico-"] {
  line-height: 0px;
}

.idea-name {
  font-weight: 600;
}

.idea-description {
  padding: 10px;
  color: var(--background-color-deeper);
}

.idea-category {
  background-color: var(--light-main);
  border-radius: 25px;
  color: var(--main-text-color);
  float: right;
  padding: 7px 15px;
}

.idea-edit {
  cursor: pointer;
  float: right;
  font-size: 1.2em;
  color: var(--background-color-deeper);
}
.idea-edit:hover {
  color: var(--main-text-color-card);
}

textarea {
  height: 150px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  font-family: var(--main-font);
  font-size: 1.2em;
  font-weight: 300;
}

input,
textarea,
select,
.xoSelect{
  font-family: var(--main-font);
  font-size: 1.1em;

  display: block;
  width: 100%;
  border: none;
  outline: none;
  padding: 8px 13px;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  color: var(--main-text-color-card);
  background-color: var(--main-text-color);

  box-shadow: none;
  border: solid 1px var(--background-color-deeper);

}

[contenteditable]:focus {
  font-family: var(--main-font);
  font-size: 1.1em;

  border: none;
  outline: none;
  padding: 8px 13px;

  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;

  color: var(--main-text-color-card);
  background-color: var(--main-text-color);

  box-shadow: none;
  border: solid 1px var(--background-color-deeper);

}

textarea {
  height: 85px;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #888888;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #888888;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #888888;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #888888;
}

.invalid {
  background-color: #dd391a;
  color: #ffffff;
}

.valid {
  background-color: #43b926;
  color: #ffffff;
}

.invalid {
  -webkit-animation: shake 0.5s linear;
  -mos-animation: shake 0.5s linear;
  animation: shake 0.5s linear;
}

@-webkit-keyframes shake {
  8%,
  41% {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px);
  }
  25%,
  58% {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px);
  }
  75% {
    -webkit-transform: translateX(-4px);
    -moz-transform: translateX(-4px);
    transform: translateX(-4px);
  }
  92% {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    transform: translateX(4px);
  }
  0%,
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@-moz-keyframes shake {
  8%,
  41% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  25%,
  58% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    transform: translateX(10px);
  }
  75% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  92% {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    transform: translateX(5px);
  }
  0%,
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes shake {
  8%,
  41% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  25%,
  58% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    transform: translateX(10px);
  }
  75% {
    -webkit-transform: translateX(-5px);
    -moz-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  92% {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    transform: translateX(5px);
  }
  0%,
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    transform: translateX(0px);
  }
}

input.large {
  padding-left: 10px;
  font-size: 1.6em;
  line-height: 1.5em;
}

textarea.large {
  font-size: 1.6em;
  min-height: 100px;
}

#right_menu input,
#right_menu .xoSelect {
  margin-bottom: 10px;
}

input::-webkit-input-placeholder,
#right_menu textarea::-webkit-input-placeholder {
  color: #888888;
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  -o-transition: color 500ms ease;
  transition: color 500ms ease;
}

input:-moz-placeholder,
#right_menu textarea:-moz-placeholder {
  color: #888888;
  -webkit-transition: color 777ms;
  -moz-transition: color 777ms;
  -o-transition: color 777ms;
  transition: color 777ms;
}

input::-moz-placeholder,
#right_menu textarea::-moz-placeholder {
  color: #888888;
  -webkit-transition: color 777ms;
  -moz-transition: color 777ms;
  -o-transition: color 777ms;
  transition: color 777ms;
}

input:-ms-input-placeholder,
#right_menu textarea:-ms-input-placeholder {
  color: #888888;
  -webkit-transition: color 777ms;
  -moz-transition: color 777ms;
  -o-transition: color 777ms;
  transition: color 777ms;
}

input.fadeOut::-webkit-input-placeholder,
#right_menu textarea.fadeOut::-webkit-input-placeholder {
  color: transparent;
}

input.fadeOut:-moz-placeholder,
#right_menu textarea.fadeOut:-moz-placeholder {
  color: transparent;
}

input.fadeOut::-moz-placeholder,
#right_menu textarea.fadeOut::-moz-placeholder {
  color: transparent;
}

input.fadeOut:-ms-input-placeholder,
#right_menu textarea.fadeOut:-ms-input-placeholder {
  color: transparent;
}

input.invalid::-webkit-input-placeholder,
#right_menu textarea.invalid::-webkit-input-placeholder {
  color: #fff;
}

input.invalid:-moz-placeholder,
#right_menu textarea.invalid:-moz-placeholder {
  color: #fff;
}

input.invalid::-moz-placeholder,
#right_menu textarea.invalid::-moz-placeholder {
  color: #fff;
}

input.invalid:-ms-input-placeholder,
#right_menu textarea.invalid:-ms-input-placeholder {
  color: #fff;
}

.input-notes {
  margin-top: 5px;
  font-size: 0.9em;
  color: #777;
  padding-left: 5px;
}

h1 input,
h1 .xoInput input {
  background-color: var(--light-main);
  border: solid 2px var(--main-color2);
  color: #fff;
  border-radius: 30px;
  padding-left: 25px;
}

.darkMode h1 input, 
.darkMode h1 .xoInput input {
  background-color: var(--main-text-color);
  border: solid 1px var(--background-color-deeper);
}


h1 input::-webkit-input-placeholder {
  color: #fff;
}

h1 input:-moz-placeholder {
  color: #fff;
}

h1 input::-moz-placeholder {
  color: #fff;
}

h1 input:-ms-input-placeholder {
  color: #fff;
}

.choose-box {
  width: 47.5%;
  float: left;
  text-align: center;
  position: relative;
  color: #c0c0c0;
  cursor: pointer;
  border-radius: 5%;
}

.choose-box:hover {
  color: #777;
}

.choose-box.active {
  background-color: #18d15d;
  color: #fff;
  border: solid 5px #0ab549;
}

.choose-box.orange.active {
  background-color: #f3a224;
  color: #fff;
  border: solid 5px #e39e00;
}

.choose-box:first-child {
  margin-right: 5%;
}

.choose-box-title {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.choose-box i {
  font-size: 3em;
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.checkbox {
  float: left;
  border: solid 2px #c9c8c8;
  height: 22px;
  width: 22px;
  margin-right: 10px;
  position: relative;
}

.checkbox i {
  position: absolute;
  top: 2px;
  right: -2px;
  color: #7f7e7e;
}

.simple-select {
  cursor: pointer;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 100px;
	
	-khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;

}

.simple-select.light {
  background-color: var(--main-text-color);
}

.simple-select:hover{
  background-color: var(--main-color);
  color: #fff;
}

.simple-select.active {
  background-color: var(--main-color2);
  color: #fff;
}

.simple-select.active:hover{
  background-color: var(--main-color);
  color: #fff;
}

.simple-select.deselect.active:hover{
  background-color: var(--delete-red);
  color: #fff;
}


.slider {
  -webkit-appearance: none;
  height: 15px;
  border-radius: 20px;
  background: var(--background-color-deep);
  border: none;
  outline: none;
  -webkit-transition: 0.2s;
  transition: opacity 0.2s;
  padding-left: 0px;
  padding-right: 0px;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--main-color3);
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: var(--main-color3);
  cursor: pointer;
}

.first-time.slider {
  width: calc(100% - 100px);
  float: left;
  background-color: #9da0ff;
}

.first-time.slider::-webkit-slider-thumb {
  border: solid 2px #fff;
  background: #005aa8;
}

.first-time.slider::-moz-range-thumb {
  border: solid 2px #fff;
  background: #005aa8;
}

.howMany {
  float: right;
  text-align: center;
  width: 90px;
  line-height: 55px;
  font-size: 2em;
  font-weight: bold;
  color: #fff;
}

.card .howMany {
  color: var(--main-text-color-card);
  font-size: 1.2em;
  width: 50px;
  line-height: 22px;
  font-weight: 500;
}

.card .slider {
  width: calc(100% - 65px);
  float: left;
  margin-top: 4px;
  margin-bottom: 4px;
}

.card .slider.tight {
  margin-top: 10px;
}

.card .howMany.tight {
  line-height: 30px;
}

.slider-little {
  -webkit-appearance: none;
  width: 100%;
  margin: 6px 0;
  border: none;
}

.slider-little:focus {
  outline: none;
}

.slider-little::-webkit-slider-runnable-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #d2d2d2;
}

.slider-little::-moz-range-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: #d2d2d2;
}

.slider-little::-ms-track {
  width: 100%;
  height: 4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

.slider-little::-webkit-slider-thumb {
  height: 16px;
  width: 15px;
  border-radius: 22px;
  background: #999;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}

.slider-little::-moz-range-thumb {
  height: 16px;
  width: 15px;
  border-radius: 22px;
  background: #999;
  cursor: pointer;
}

.slider-little::-ms-thumb {
  height: 16px;
  width: 15px;
  border-radius: 22px;
  background: #999;
  cursor: pointer;
  height: 4px;
}

label {
  margin-bottom: 2px;
  display: block;
  margin-left: 3px;
  text-transform: uppercase;
  font-size: 0.75em;
  font-weight: 600;
  color: #747474;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

label.invalid{
  background-color: inherit;
}

.image-input {
  border: dashed 2px var(--background-color-deep);
  background-color: transparent;
  padding-top: 25px;
  padding-bottom: 25px;
}

.input-existing-image {
  text-align: center;
  float: left;
  font-size: 50px;
  width: 90px;
  background-color: var(--main-color);
  height: 90px;
  padding-top: 21px;
  color: #cce8ff;
  border-radius: 100px;
  margin-top: 10px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.input-existing-image-change {
  width: calc(100% - 120px);
  padding-left: 20px;
  float: left;
}

.select-color-container {
  display: block;
  overflow: auto;
}

.select-color {
  cursor: pointer;
  width: calc(20% - 4px);
  height: 46px;
  float: left;
  margin: 0px 2px 5px 2px;
  border-radius: 8px;
}

.card.item {
  padding: 15px 10px;
}

.item-ancestors {
  position: relative;
  border-bottom: solid 1px #e5e0e0;
  padding-bottom: 7px;
  margin-bottom: 5px;
  font-size: 0.8em;
}

.item-name {
  font-size: 1.1em;
  margin-top: 8px;
  padding-left: 5px;
  margin-bottom: 8px;
  color: var(--main-text-color-card);
  overflow: hidden;
}

.list-item:hover .item-bread {
  color: var(--main-text-color-card);
}

.item-description2 {
  font-size: 0.9em;
  margin-bottom: 10px;
  margin-top: 5px;
}

.item-minutes {
  color: #777;
  font-size: 0.8em;
}

.item.scheduled {
  background: #d5f2d2;
}

.item.scheduled .item-ancestors {
  border-color: #aadea5;
}

.items-list-container {
  margin-bottom: 50px;
}

.item-bread {
  padding: 10px 10px 5px 10px;
  font-size: 0.85em;
  color: #9d9d9d;
  margin-bottom: -7px;
}

.list-item .item {
  font-weight: 600;
  padding-top: 5px;
}

.list-item .item i {
  margin-right: 7px;
  color: var(--background-color-deep);
}
.list-item .item-bread {
  padding: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}

.time-remaining {
  background-color: var(--main-color2);
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  margin-bottom: 10px;
  font-size: 1.18em;
}

.time-remaining.small {
  float: left;
  font-size: 0.85em;
  position: relative;
  padding-left: 57px;
}

.time-remaining.small span {
  background-color: #055fad;
  position: absolute;
  top: 0;
  padding: 5px 10px;
  left: 0;
  border-radius: 5px 0px 0px 5px;
}

.time-remaining.due-thisWeek {
  background-color: #2cbf5d;
}

.time-remaining.due-thisWeek span {
  background-color: #159841;
}

.time-remaining.due-past {
  background-color: #e23434;
}

.time-remaining.due-past span {
  background-color: #a52525;
}

.item-special-data {
  font-size: 0.85em;
  margin-left: 10px;
  padding: 1px 12px;
  background-color: var(--background-color-deep);
  border-radius: 35px;
  position: absolute;
}

.item-time-prog {
  float: right;
  position: absolute;
  top: 15px;
  right: 15px;
}

.item-inline-progress {
  position: absolute;
  width: 117px;
  top: 16px;
  right: 15px;
}

[ax-size="p"] .item-inline-progress {
  position: relative;
  width: 80%;
  margin-left: 10%;
  margin-top: 15px;
  margin-bottom: 15px;
  top: 0;
  right: 0;
}

.item-owner-name {
  color: var(--main-color3);
  font-size: 0.85em;
  font-weight: 700;
  margin-bottom: 4px;
  text-transform: uppercase;
}

.item-block {
  display: block;
  overflow: auto;
}

.item-completed {
  background-color: #333;
}

.item-completed {
  background-color: var(--background-color-deep);
  border-radius: 10px;
  padding: 7px 15px;
  text-decoration: line-through;
  color: var(--background-color-deeper);
  margin-bottom: 7px;
}

.item-completed .item-completed {
  display: none;
  background-color: #33333317;
  color: #3333334a;
  margin-top: 5px;
}

.item-completed.showChildren .item-completed {
  display: block;
}

.item-head-bg {
  position: relative;
  margin-top: 20px;
  margin-top: 30px;
  margin-bottom: 10px;
}

.complete-item {
  position: absolute;
  top: 22px;
  right: 10px;
  color: #aaa;
  cursor: pointer;
  z-index: 420;
}

.complete-item.active,
.complete-item:hover {
  color: #06901a;
}

.progress-block {
  float: left;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 0;
}

.progress-block:last-child {
  margin-right: 0%;
}

xo-tag {
  display: inline-block;
  font-size: 0.9em;
  color: #404040;
  cursor: pointer;
  background-color: #bdbdbd;
  padding: 3px 16px 6px 15px;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
}

xo-tag:hover {
  background-color: #fd9595;
  color: #940c0c;
}

.about {
  line-height: 1.4em;
  font-weight: 300;
  font-size: 0.9em;
}

.item-description {
  padding: 20px 17px;
  margin-bottom: 0px;
  border-bottom: none;
}

.item-tags {
  padding: 10px 15px;
  text-align: right;
  margin-bottom: 15px;
}

.tags-title {
  font-weight: 600;
  text-transform: uppercase;
  margin-right: 10px;
  color: #777;
}

.add-tag {
  color: #777;
  cursor: pointer;
}

.add-tag:hover {
  color: #1d9a07;
}

.item-data {
  font-size: 1.2em;
  margin: 10px 0px 23px 0px;
  line-height: 24px;
}

.item-data-i {
  position: relative;
  float: left;
  margin-right: 15px;
  color: #ababab;
  width: 25px;
  height: 25px;
}

.item-data-k {
  float: left;
  margin-right: 15px;
  color: #777;
}

.item-data-v {
  float: left;
  color: #555;
  font-weight: bold;
}

.hrs {
  font-size: 0.777em;
  color: #b3b3b3;
  float: left;
}

.pts {
  font-size: 0.777em;
  color: #b3b3b3;
  float: right;
}

.item-type {
  color: #777;
  float: left;
}

.item-title {
  padding: 0px 35px 15px 10px;
  color: #0a78d6;
  float: left;
}

.header .edit-pen {
  font-size: 0.8em;
  float: right;
  padding-right: 5px;
  padding-top: 10px;
}

.item-tabs {
  border-bottom: solid 1px #131313;
}

.item-tabs .tab {
  padding: 10px 0px;
  font-size: 0.9em;
  color: #fff;
  cursor: pointer;
}
.item-tabs .tab.active {
  cursor: default;
}

.item-complete-btn i {
  position: absolute;
  top: 11px;
  right: 6px;
  font-size: 1.3em;
  color: #c4f0ca;
}

.item-tabs .tab:last-child {
  border-right: none !important;
}

.item-active-tab-arrow {
  content: "";
  position: relative;
  border-width: 12px 15px 0;
  border-style: solid;
  display: block;
  width: 0;
  height: 12px;
  transform: translate(-50%, -1px);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  display: none;
}

.item-active-tab-arrow.one {
  display: block;
  left: 16.65%;
}

.item-active-tab-arrow.two {
  display: block;
  left: 50%;
}

.item-active-tab-arrow.three {
  display: block;
  left: 83.35%;
}

.goal.item-tabs {
  background-color: #083f10;
  border-top: solid 1px #083f10;
}

.goal .tab {
  border-right: solid 1px #022708;
}

.goal .tab:hover {
  background-color: #1d7d2b;
}

.goal .tab.active {
  background-color: #156621;
}

.goal.item-active-tab-arrow {
  border-color: #156621 transparent;
}

.project.item-tabs {
  background-color: #0e436b;
  border-top: solid 1px #072a44;
}

.project .tab {
  border-right: solid 1px #072a44;
}

.project .tab:hover {
  background-color: #125587;
}

.project .tab.active {
  background-color: #072a44;
}

.project.item-active-tab-arrow {
  border-color: #072a44 transparent;
}

.task.item-tabs {
  background-color: #3d1668;
  border-top: solid 1px #20093a;
}

.task .tab {
  border-right: solid 1px #20093a;
}

.task .tab:hover {
  background-color: #35115d;
}

.task .tab.active {
  background-color: #20093a;
}

.task.item-active-tab-arrow {
  border-color: #20093a transparent;
}

.action.item-tabs {
  background-color: #902020;
  border-top: solid 1px #610c0c;
}

.action .tab {
  border-right: solid 1px #610c0c;
}

.action .tab:hover {
  background-color: #9c2f2f;
}

.action .tab.active {
  background-color: #610c0c;
}

.action.item-active-tab-arrow {
  border-color: #610c0c transparent;
}

.item-progress {
  width: 280px;
  height: 18px;
  border-radius: 30px;
  position: relative;
  left: 50%;
  top: 0px;
  margin-top: 15px;
  margin-left: -140px;
  overflow: hidden;
}

.item-progress .xoProgress-words {
  font-size: 0.8em;
  font-size: 0.7em;
  top: 2px;
  line-height: 13px;
}

.item-progress .xoProgress-fill {
  height: 100%;
}

.item-progress .xoProgress-bg {
  height: 100%;
}

.item-progress-data {
  font-size: 0.8em;
  font-weight: 700;
  width: 263px;
  position: relative;
  left: 50%;
  margin-left: -133px;
  margin-top: 3px;
}

.goal .item-progress-data {
  color: #083f10;
}

.project .item-progress-data {
  color: #072a44;
}

.task .item-progress-data {
  color: #20093a;
}

.action .item-progress-data {
  color: #610c0c;
}

.goal .item-progress .xoProgress-bg {
  background-color: #083f10;
}

.goal .item-progress .xoProgress-fill {
  background-color: #156621;
}

.project .item-progress .xoProgress-bg {
  background-color: #072a44;
}

.project .item-progress .xoProgress-fill {
  background-color: #0e436b;
}

.task .item-progress .xoProgress-bg {
  background-color: #20093a;
}

.task .item-progress .xoProgress-fill {
  background-color: #3d1668;
}

.action .item-progress .xoProgress-bg {
  background-color: #610c0c;
}

.action .item-progress .xoProgress-fill {
  background-color: #902020;
}

.filter-updates-box {
  background-color: #202020;
  padding: 25px 20px;
  margin-top: 15px;
  margin-bottom: 25px;
  color: #d8d8d8;
}

.filter-updates-box h2 {
  margin-bottom: 15px;
}

.filter-updates-box .more {
  padding-top: 25px;
  color: #8b8888;
  text-align: center;
}

.filter-updates-box .more-btn {
  cursor: pointer;
}

.filter-updates-box .more-btn:hover {
  color: #cacaca;
}

.item-status {
  overflow: auto;
  margin-bottom: 15px;
  cursor: pointer;
  padding: 15px;
}

.item-status-dot {
  float: left;
  width: 25px;
  height: 25px;
  -webkit-border-raduis: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  border-radius: 25px;
  margin-left: 10px;
  background-color: #44d336; /* default color */
  transition: background-color 1s ease;
}

.item-status-name {
  float: left;
  font-size: 20px;
  margin-top: -3px;
  margin-left: 10px;
  color: #777; /* default color */
  transition: color 1s ease;
}

.item-boxes {
  margin-bottom: 15px;
}

/* HOURS */

#hoursMenuBtn {
  font-size: 20px;
  float: right;
  margin-top: 13px;
  color: #b5b5b5;
  cursor: pointer;
}

#hoursMenuBtn:hover {
  color: #fff;
}

.circle,
.circle2 {
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  position: relative;
  background-color: #999;
  border: solid 3px #fff;
}

.circle-txt {
  text-align: center;
}

.circle-txt2 {
  position: absolute;
  top: 60%;
  left: 0;
  text-align: center;
  width: 100%;
}

.circle-label {
  text-align: center;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 0.8em;
  color: #777;
}

.hoursDesc {
  margin: 0px;
  padding: 5px 10px;
  margin-bottom: 20px;
  font-size: 0.9em;
  color: #777;
}

.hours-optimistic {
  background-color: var(--main-color);
  color: #fff;
  border-color: #1c72bd;
}

.hours-realistic {
  background-color: #28bd3c;
  color: #fff;
  border-color: #149626;
}

.hours-pessimistic {
  background-color: #ea482d;
  color: #fff;
  border-color: #ab3724;
}

.item-title-box {
  width: calc(100% - 235px);
  float: left;
}

.item-buttons {
  margin-bottom: 15px;
}

.item-button {
  margin-right: 2.66%;
  width: 23%;
  float: left;
  padding: 10px;
  cursor: pointer;
  text-align: center;
  font-size: 0.8em;
  color: #939393;
  margin-bottom: 0;
}
.item-button:last-child {
  margin-right: 0;
}

.item-button i {
  width: 100%;
  display: block;
  font-size: 2.5em;
  margin-bottom: 10px;
  margin-top: 5px;
  color: #acaaaa;
}

.item-button:hover,
.item-button:hover i {
  background-color: var(--main-color);
  color: #fff;
}

.descendant {
  padding: 10px;
  margin-top: 10px;
  cursor: pointer;
}

.descendant-name {
  font-size: 1.2em;
  color: #777;
}

.descendant-tags {
  overflow: auto;
  margin-top: 10px;
}

.descendant-tag {
  color: #868686;
}

.item-link {
  font-size: 1.3em;
  padding: 10px;
  cursor: pointer;
}

.item-link i {
  padding-right: 10px;
  color: #ccc;
}

.item-link:hover {
  background-color: var(--main-color);
  color: #fff;
}

.item-status-dot[xo-status="new"] {
  background-color: #ff2ac7;
}
.item-status-name[xo-status="new"] {
  color: #ff2ac7;
}

.item-status-dot[xo-status="LOADING"] {
  background-color: #cccccc;
}
.item-status-name[xo-status="LOADING"] {
  color: #cccccc;
}

.item-status-dot[xo-status="complete"] {
  background-color: #00a733;
}
.item-status-name[xo-status="complete"] {
  color: #00a733;
  text-transform: uppercase;
  font-weight: 600;
}

.item-status-dot[xo-status="deleted"] {
  background-color: #ff4949;
}
.item-status-name[xo-status="deleted"] {
  color: #ff4949;
  text-transform: uppercase;
  font-weight: 600;
}

.item-status-dot[xo-status="paused"] {
  background-color: #000;
}
.item-status-name[xo-status="paused"] {
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
}


.xoLink {
  padding: 3px 8px 3px 7px;
  margin: 0px 5px;
  background-color: #404040;
  color: #95ff52;
  cursor: pointer;
}

.xoLink:hover {
  border-bottom: solid 1px #3a7728;
}

.xoLink:active {
  background-color: #454545;
}

.info .xoLink {
  background-color: #303030;
}
.info .xoLink:active {
  background-color: #353535;
}

xo {
  cursor: pointer;
  padding: 0px 5px;
  font-style: italic;
}

.link {
  text-align: right;
  font-size: 0.85em;
  color: #777;
  cursor: pointer;
}
.link:hover {
  color: #187ad0;
}

.load-more {
  padding: 10px;
  text-align: center;
  color: #777;
  cursor: pointer;
}

.load-more:hover {
  color: #187ad0;
}

/* ================================
		theme/lists.css
=================================== */

ul,
li,
ol {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.list-name {
  padding: 10px 15px;
  color: #fff;
  border-radius: 5px 5px 0px 0px;
  font-size: 1.3em;
  background-color: var(--main-color2);
  text-transform: capitalize;
}

.darkMode .list-name{
  background-color: var(--background-color-deepest);
}

li {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 7px 0px;
  cursor: pointer;
  color: #efefef;
}

li:hover {
  color: #fff;
  background-color: #1f1f1f;
}

li:active {
  background-color: #151515;
}

.list-settings {
  float: right;
  margin-top: 5px;
  cursor: pointer;
  color: #8fcbff;
}

.list-settings:hover {
  color: #ffeb4f;
}

.list-options {
  padding: 10px 20px;
  font-size: 17px;
  line-height: 21px;
  margin-top: 10px;
}

.list-options .btn-toggle {
  border-top: #0c3f6b;
  border-bottom: #0c3f6b;
}

.list-options .btn-toggle.off {
  background-color: #075598;
}

.list-options .btn-toggle.on {
  background-color: #25c121;
}

.list-options .toggle-label {
  color: #fff;
}

.list-options .off .toggle-switch {
  background-color: #0883ec;
}

.list-options .on .toggle-switch {
  background-color: #0a9406;
}

ul.main {
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #fff;
}

ul.main li {
  padding-left: 7px;
  color: #404040;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #bbb;
}

ul.main li.active {
  background-color: #ddd;
}

ul.main li:hover {
  background-color: #ddd;
}

ul.main i {
  color: #777;
  padding-right: 10px;
}

.list-menu {
  border-bottom: solid 1px var(--background-color-deep);
  background-color: #ececec;
}

.list-menu-item {
  padding: 10px 15px;
  cursor: pointer;
  -moz-transition: all 200ms !important;
  -webkit-transition: all 200ms !important;
  -ms-transition: all 200ms !important;
  -o-transition: all 200ms !important;
  transition: all 200ms !important;
}

.list-menu-item:first-child {
  padding-top: 15px;
}

.list-menu-item:last-child {
  padding-bottom: 15px;
}

.list-menu-item:hover {
  background-color: var(--background-color-deep);
  color: #000;
}

.list-menu-item:hover i {
  color: #777;
}

.list-menu-item i {
  padding-right: 15px;
  color: #aaa;
}

.list-menu-item[class*="span"] {
  float: left;
  text-align: center;
  font-size: 0.8em;
  padding-top: 10px;
  padding-bottom: 20px;
  color: #777;
}

.list-menu-item[class*="span"]:hover {
  background-color: inherit;
}

.list-menu-item[class*="span"] i {
  font-size: 1.8em;
  padding: 10px 0px;
  display: block;
}

.main-selection-handle {
  float: right;
  font-size: 0.85em;
  color: #777;
  cursor: pointer;
}

.main-selection-handle:hover {
  color: #333;
}

.main-selection li {
  color: #333;
  font-size: 0.85em;
  padding: 7px 22px 7px 0px;
}

.main-selection {
  text-align: right;
  border: solid 1px #bcbcbc;
  background-color: #dddada;
}

.main-selection li:first-child {
  padding-top: 10px;
}

.main-selection li:last-child {
  padding-bottom: 14px;
}

.main-selection li:hover {
  color: #ffffff;
  background-color: #247bc6;
}

.main-selection.floating-box {
  overflow: auto;
  border: solid 2px #67afec;
  background-color: #b6ddff;
  padding: 13px 20px 8px 20px;
}

.main-selection.floating-box li {
  color: #fff;
  font-size: 0.85em;
  padding: 8px 17px 7px 17px;
  float: left;
  text-align: center;
  background-color: #499ee6;
  margin: 0px 7px 8px 0px;
  border-radius: 30px;
}

.main-selection.floating-box li:hover {
  background-color: #2d7bbd;
}

.list {
  border-radius: 2px;
  border-bottom: solid 2px var(--background-color);
  border-right: solid 1px var(--background-color);
  background-color: var(--main-text-color);
}

.list-count {
  font-size: 0.85em;
  margin-bottom: 5px;
  color: #686868;
  text-align: right;
}

.list-item {
  cursor: pointer;
  padding: 10px;
  border-bottom: solid 1px var(--background-color);
  display: block;
  overflow: auto;
}

.list-item.large {
  min-height: 117px;
}

.list-item:last-child {
  border-bottom: none;
}

.list-item:hover,
.list-item.list-active {
  background-color: var(--background-color-deep);
  color: #fff;
}


.darkMode .list-item:hover, 
.darkMode .list-item.list-active {
  background-color: var(--background-color-deepest);
}

.card .list {
  border: solid 1px #dfdfdf;
}

.list .pic {
  border: solid 1px #dfdfdf;
}

.list .image {
  width: 40px;
  height: 40px;
  background-size: cover;
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 4px;
  border-radius: 40px;
  margin-right: 14px;
  background-position: center;
}

.list .image + span {
  position: relative;
  top: -10px;
}

.companyListIcons {
  display: inline-block;
  float: left;
  width: 70px;
  height: 100px;
  margin-right: 15px;
  margin-bottom: 10px;
}

.companyIcon {
  width: 70px;
  height: 70px;
  display: inline-block;
  background-size: cover;
  border-radius: 50px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.companyName {
  width: 70px;
  height: 20px;
  display: block;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8em;
  margin-top: 5px;
}

.listMove {
  float: right;
  font-size: 2em;
  padding: 20px 12px;
  color: var(--background-color-deeper);
  cursor: pointer;
}

.listMove:hover {
  color: var(--main-text-color-card);
}

.card .list-item {
  color: var(--main-text-color-card);
}


.list-item-simple {
	color: var(--main-text-color-card);
	border-bottom: solid 1px var(--background-color-deep);
	padding: 10px 5px;
}
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  width: 132px;
}

.loading > div {
  width: 25px;
  height: 25px;
  background-color: #FFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.7s infinite ease-in-out;
  animation: bouncedelay 1.7s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  margin:0px 3%;
}

#main .loading > div { background-color: #BBB; }




.loading2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  width:55px;
}

.loading2 > div {
  width: 7px;
  height: 7px;
  background-color: #FFF;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.7s infinite ease-in-out;
  animation: bouncedelay 1.7s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  margin:0px 3%;
}

.loading2 > div { background-color: #FFF; }

.card .loading2 > div { background-color: var(--background-color-deep); }


.save .loading2 > div { background-color: #FFF; }

.btn .loading2 > div{ background-color:#fff; }


.loading .bounce1, .loading2 .bounce1 {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.loading .bounce2, .loading2 .bounce2 {
  -webkit-animation-delay: .16s;
  animation-delay: .16s;
}

.loading .bounce3, .loading2 .bounce3 {
  -webkit-animation-delay: .32s;
  animation-delay: .32s;
}

.loading .bounce4, .loading2 .bounce4 {
  -webkit-animation-delay:.48s;
  animation-delay: .48s;
}


@-webkit-keyframes bouncedelay {
	0%, 80%, 100% {
	  -webkit-transform: scale(0.01);
	  transform: scale(0.01);
	  opacity: .01;
	}
	30% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
		opacity: .7;
	}
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0.01);
    transform: scale(0.01);
	opacity: .01;
  } 30% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
	opacity: .7;
  }
}



.loadingDrop {
    border:3px solid #fff;
    border-radius:100px;
    height:100px;
    width:100px;
    left:50%;
    top:50%;
    margin:-50px 0 0 -50px;
    opacity:0;
    position:absolute;

    -webkit-animation: pulsate 4s ease-out infinite;
    animation: pulsate 4s ease-out infinite;
}

@-webkit-keyframes pulsate {
    0% {
	  -webkit-transform: scale(0.1);
      transform:scale(.1);
      opacity: 0.0;
    }
    25% {
      opacity:1;
    }
    40% {
      opacity:1;
    }
    85% {
	  -webkit-transform: scale(1);
      transform:scale(1);
      opacity:0;
    }
    100% {
	  -webkit-transform: scale(1.2);
      transform:scale(1.2);
      opacity:0;
    }
}

@keyframes pulsate {
    0% {
	  -webkit-transform: scale(0.1);
      transform:scale(.1);
      opacity: 0.0;
    }
    25% {
      opacity:1;
    }
    40% {
      opacity:1;
    }
    85% {
	  -webkit-transform: scale(1);
      transform:scale(1);
      opacity:0;
    }
    100% {
	  -webkit-transform: scale(1.2);
      transform:scale(1.2);
      opacity:0;
    }
}




#writing_wrapper{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
}

.path {
  stroke-dasharray: 2000;
  stroke-dashoffset: 0;
  -webkit-animation: dash 5s linear  infinite;
  animation: dash 5s linear  infinite;
}

@-webkit-keyframes dash {
  0% {stroke-dashoffset: 2000;}
  90% {stroke-dashoffset: 0;}
}
@keyframes dash {
  0% {stroke-dashoffset: 2000;}
  90% {stroke-dashoffset: 0;}
}

.path2 {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: dash2 5s linear  infinite;
  animation: dash2 5s linear  infinite;
}

@-webkit-keyframes dash2 {
  60% {stroke-dashoffset: 1000;}
  100% { stroke-dashoffset: 0;}
}
@keyframes dash2 {
  60% {stroke-dashoffset: 1000;}
  100% { stroke-dashoffset: 0;}
}



#stairs_container {
	margin: -45px -60px;
  width: 120px;
  height: 90px;
  position: absolute;
  top: 50%;
  left: 50%;
}
#stairs_container .dot {
  background: #FFF;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  position: absolute;
  bottom: 30px;
  left: 27px;
  transform-origin: center bottom;
  -webkit-animation: dot .6s ease-in-out infinite;
  animation: dot .6s ease-in-out infinite;
}
#stairs_container .step {
	position: absolute;
  width: 30px;
  height: 30px;
  border-top: 2px solid #FFF;
	top: 0;
  right:0;
}
@-webkit-keyframes dot {
 0% { transform: scale(1,.7) }
 20% { transform: scale(.7,1.2) }
 40% { transform: scale(1,1)}
 50% { bottom: 100px;}
 46% { transform: scale(1,1)}
 80% { transform: scale(.7,1.2) }
 90% { transform: scale(.7,1.2) }
 100% { transform: scale(1,.7) }
}
@-webkit-keyframes stairs {
	0% { opacity: 0; top: 0; right: 0; }
	50% { opacity: 1; }
	100% { top: 90px; right: 90px; opacity: 0; }
}

@keyframes dot {
 0% { transform: scale(1,.7) }
 20% { transform: scale(.7,1.2) }
 40% { transform: scale(1,1)}
 50% { bottom: 100px;}
 46% { transform: scale(1,1)}
 80% { transform: scale(.7,1.2) }
 90% { transform: scale(.7,1.2) }
 100% { transform: scale(1,.7) }
}
@keyframes stairs {
	0% { opacity: 0; top: 0; right: 0; }
	50% { opacity: 1; }
	100% { top: 90px; right: 90px; opacity: 0; }
}


#stairs_container .step.s1 {
	-webkit-animation: stairs 1.8s linear infinite;
	animation: stairs 1.8s linear infinite;
}
#stairs_container .step.s2 {
	-webkit-animation: stairs 1.8s linear infinite -.6s;
	animation: stairs 1.8s linear infinite -.6s;
}
#stairs_container .step.s3 {
	-webkit-animation: stairs 1.8s linear infinite -1.2s;
	animation: stairs 1.8s linear infinite -1.2s;
}





#flippy_container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}


.spinner {position: relative; font-size:1.5em;}

  .spinner:before,
  .spinner:after {
    content: "";
    position: relative;
    display: block;
  }

  .spinner:before {
    -webkit-animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    animation: spinner 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    width: 4em;
    height: 4em;
    background-color: #fff;
  }

  .spinner:after {
   -webkit-animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    animation: shadow 2.5s cubic-bezier(0.750, 0.000, 0.500, 1.000) infinite normal;
    bottom: -.5em;
    height: .25em;
    border-radius: 50%;
    background-color: #000;
	opacity:.2;
  }


@keyframes spinner {

  50% {
    border-radius: 50%;
    -webkit-transform: scale(.5) rotate(360deg);
    transform: scale(.5) rotate(360deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(720deg);
    transform: scale(1) rotate(720deg);
  }

}

@keyframes shadow {

  50% {
   -webkit-transform: scale(.5);
    transform: scale(.5);
	opacity:.1;
  }

}


@-webkit-keyframes spinner {

  50% {
    border-radius: 50%;
    -webkit-transform: scale(.5) rotate(360deg);
    transform: scale(.5) rotate(360deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(720deg);
    transform: scale(1) rotate(720deg);
  }

}

@-webkit-keyframes shadow {

  50% {
   -webkit-transform: scale(.5);
    transform: scale(.5);
	opacity:.1;
  }

}






.sexybox {
  display: inline-block;
  width: 30px;
  height: 30px;
  position: relative;
  border: 4px solid #FBFBFB;
  top: 50%;
  -webkit-animation: sexybox 4s infinite ease;
  animation: sexybox 4s infinite ease;
}

.sexybox-inner {
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #FBFBFB;
  -webkit-animation: sexybox-inner 4s infinite ease-in;
  animation: sexybox-inner 4s infinite ease-in;
}

.inlineLoading .sexybox {
  border: 4px solid #777;
	margin-left:10px;
	position: absolute;
	top:0px;
}
.inlineLoading .sexybox-inner {
  background-color: #777;
}

@keyframes sexybox {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% {  transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% {  transform: rotate(360deg); }
}

@keyframes sexybox-inner {
  0% { height: 0%; }
  25% { height: 0%; }
  50% {  height: 100%; }
  75% { height: 100%; }
  100% {  height: 0%; }
}

@-webkit-keyframes sexybox {
  0% { transform: rotate(0deg); }
  25% { transform: rotate(180deg); }
  50% {  transform: rotate(180deg); }
  75% { transform: rotate(360deg); }
  100% {  transform: rotate(360deg); }
}

@-webkit-keyframes sexybox-inner {
  0% { height: 0%; }
  25% { height: 0%; }
  50% {  height: 100%; }
  75% { height: 100%; }
  100% {  height: 0%; }
}



.underConstruction-icon {
  font-size: 14em;
  width:100%;
  display: block;
  overflow: hidden;
  text-align: center;
}


.loading-container {
  overflow: auto;
  display: block;
  text-align: center;
  margin-top:140px;
  margin-bottom:100px;
}

.loading-icon {
  font-size: 10em;
  text-align: center;
  color: var(--background-color-deep); 
}

.loading-icon.animate-spin {
  -moz-animation: spin 7s infinite linear;
  -o-animation: spin 7s infinite linear;
  -webkit-animation: spin 7s infinite linear;
  animation: spin 7s infinite linear;
  display: inline-block;
}

.loading-words {
  font-size: 2em;
  margin-top: 40px;
  display: block;
  width: 100%;
  font-weight: 300;
  text-align: center;
  color: var(--background-color-deeper);  
}


.loading-note {
  font-size: 1.2em;
  display: block;
  width: 100%;
  text-align: center;
  color: var(--background-color-deeper);
  padding: 30px;
}
.mapMarker h1 {
  background-color: #fff;
  color: #09589e;
  padding: 0px;
  font-weight: 500;
  margin-bottom: 5px;
  font-size: 1.7em;
}
/* ================================
		theme/left_menu.css
=================================== */
.menu-count {
  position: absolute;
  top: 17px;
  right: 10px;
  background-color: #171717;
  padding: 4px 17px;
  border: solid 1px #353535;
  font-size: 0.8em;
  border-radius: 21px;
  color: #adadad;
}

.menu li,
.menus li {
  border-bottom: solid 1px #333;
}

.menu li:first-child,
.menus li:first-child {
  border-top: solid 1px #333;
}

.menus li {
  padding: 20px 0px 20px 55px;
  position: relative;
  color: #bbb;
}

.menus li i {
  position: absolute;
  top: 15px;
  left: 9px;
  font-size: 22px;
  color: #777;
}

.menu li {
  color: #bbb;
}

.menu li i {
  color: #777;
}

.menu > li,
.menuItem {
  padding: 13px 0px 13px 9px;
}

.menu > li.expand {
  padding: 0px;
}

.menu > li.expand .head {
  padding: 15px 10px;
  cursor: pointer;
}

.menu li i {
  /* not sure why... but it aligns icons properly... */
  padding-left: 1px;
}

.expand.open:hover {
  border-top: solid 1px #414141;
}

.expand.open:hover .head:hover {
  background-color: #292929;
}

.expand.open .head {
  background-color: #151515;
  background-color: rgb(36, 36, 36);
}

.expand.open {
  cursor: auto;
}

.expand i.ico-down-small {
  -moz-transition: all 200ms !important;
  -webkit-transition: all 200ms !important;
  -ms-transition: all 200ms !important;
  -o-transition: all 200ms !important;
  transition: all 200ms !important;

  position: absolute;
  right: 5px;
  top: 35%;
}

.expand.open {
  padding-bottom: 0px !important;
}

.expand.open i.ico-down-small {
  -moz-transform: rotate(-180deg) !important;
  -webkit-transform: rotate(-180deg) !important;
  -ms-transform: rotate(-180deg) !important;
  -o-transform: rotate(-180deg) !important;
  transform: rotate(-180deg) !important;
}

.expand .details {
  border-top: solid 1px #000;
}

.expand.open .details {
  background-color: #1a1a1a;
}

.menu .expand .about {
  font-size: 0.8em;
  color: #8c8c8c;
  padding-bottom: 10px;
}

.menu .expand .subset {
  padding: 5px 10px;
  background-color: #333;
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #999;
}

.menuInfo {
  float: right;
  margin-right: 10px;
  font-size: 0.8em;
}

.item.report {
  margin-top: 15px;
  padding-bottom: 10px;
  border-bottom: solid 1px #333;
}




/* ================================
		theme/menus.css
=================================== */


#nav {
	background-color: var(--nav-color);
	border-bottom: solid 1px var(--logo-color);
}

#logo {
	cursor: pointer;
	font-size: 25px;
	width: 95px;
	padding: 20px 8px 8px;
	color: var(--logo-color);
	float: left;
	line-height: 0px;
}

#nav .item {
	color: var(--background-color-deeper);
	background-color: var(--nav-color);
	font-size: 25px;
	padding: 20px 0px;
	width: 55px;
	height: 65px;
	cursor: pointer;
	text-align: center;
	position: relative;
	z-index: 3;
	transition: color 250ms ease;
	float: right;
	line-height: 0px;
	transition: color 300ms ease;
}

#searchBtn {
	z-index: 1 !important;
}


#nav .item:hover, #nav .item2:hover {
	text-shadow: none !important;
	color: var(--main-text-color);
}



#left_menu {
	color: #efefef;
	background-color: rgb(36, 36, 36);
	border-right: solid 1px #141414;
}

#right_menu {
	color: #efefef;
	background-color: rgb(36, 36, 36);
	border-left: solid 1px #141414;
}

#mainMenu_bg {
	background-color: #FFF;
	cursor: pointer;
	transition: background-color 200ms ease;
}

#mainMenu_bg:hover {
	background-color: #8dcaff;
}

#mainMenu {
	background-color: #383838;
	color: #f1f1f1;
}

#mainMenu h2 {
	color: #f1f1f1;
}

.mainMenuActions {
	background-color: #272727;
	color: #cecece;
}

.mainMenuActions2 {
	background-color: #404040;
	color: #DCEAF3;
}

.mainMenuAction {
	text-align: center;
	padding-top: 25px;
	padding-bottom: 20px;
	overflow: auto;
	cursor: pointer;
	position: relative;
}

.mainMenuAction.active, .mainMenuAction:hover {
	color: #FFF;
}

.mainMenuBlock {
	margin: 25px 0px;
}

.mainMenuBlock .header {
	color: #404040;
	border-bottom: none;
	font-weight: 400;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-left-radius: 11px;
	border-top-right-radius: 40px;
}

.mainMenuBlock .ico-star {
	color: #FF8F18;
}


.mainMenuBlock li {
	padding: 7px;
	cursor: pointer;
	color: #404040;
	overflow: hidden;
}

.mainMenuBlock ul.withIcons li {
	padding-left: 45px;
	position: relative;
}

.mainMenuBlock ul.withIcons i {
	position: absolute;
	top: 9px;
	left: 5px;
	font-size: 1.2em;
	color: #777;
}

.mainMenuBlock ul li:hover {
	color: #232323;
	background-color: #E0E0E0;
}

.mainMenu_head {
	border-bottom: solid 2px #636363;
	background-color: #AAAAAA;
	color: #555555;
	/*text-shadow: 1px 1px 1px #DBDBDB;*/
}

.mainMenu_body {
	min-height: 80%;
}

#mainMenu .error {
	color: #DA0E0E;
}

#mainMenuClose {
	cursor: pointer;
	z-index: 9;
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 10px;
	border-radius: 10px;
	background-color: #b10f0f;
	color: #fff;
}

#mainMenuClose:hover {
	background-color: #8e0909;
}

li.menu-section {
	padding: 5px;
	font-size: .8em;
	background-color: #000;
	text-align: right;
	padding-right: 20px;
}

li.menu-header {
	line-height: 72px;
	text-align: left;
	padding: 0px 0px 0px 20px;
	font-size: .8em;
	background-color: #000;
}

.pop_bottom.hide {

	-webkit-transition: opacity 3s ease-in-out;
	-moz-transition: opacity 3s ease-in-out;
	transition: opacity 3s ease-in-out;
	opacity: 0;

}

.pop_bottom {

	-webkit-transition: opacity 420ms ease-in-out, transform 420ms ease-in-out;
	-moz-transition: opacity 420ms ease-in-out, transform 420ms ease-in-out;
	transition: opacity 420ms ease-in-out, transform 420ms ease-in-out;

	opacity: 1;
	z-index: 10000;
	position: absolute;
	background-color: #1A1A1A;
	right: 20px;
	bottom: 10px;
	border-radius: 10px;
	color: #C7C7C7;
	font-size: .95em;
	overflow: hidden;

}

.darkMode .pop_bottom {
	background-color: #1267cc;
}

.pop_txt {
	position: relative;
	width: 100%;
	padding: 10px 20px;
}

.pop_undo,
.pop_action {

	position: absolute;
	z-index: 2;
	right: 0;
	padding: 10px 25px 10px 25px;
	text-align: center;
	border-left: solid 1px #2B2B2B;
	cursor: pointer;

}

.pop_action:hover {
	background-color: #333;
}

.pop_action:active {
	background-color: #333;
}

.pop_action.pop_undo:hover {
	background-color: #610000;
}

.pop_action.pop_undo:active {
	background-color: #610000;
}

.pop_bottom.success {
	text-align: center;
	background-color: #247C0C;
	color: #FFF;
}

.pop_bottom.fail {
	text-align: center;
	background-color: #850505;
	color: #fff;
}

.pop_bottom.beta {
	text-align: center;
	background-color: #e40093;
	color: #fff;
}

.xo-context {

	cursor: pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}


.context-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 10;
	background-color: rgba(255, 255, 255, .40);
}



.context-menu {
	position: absolute;
	z-index: 10000;
	background-color: #FFFFFF;
	border: solid 3px #C7C7C7;
}

.context-item {
	padding: 5px 20px 5px 40px;
	cursor: pointer;
	color: #6D6D6D;
	font-weight: 600;
	position: relative;
}

.context-item:first-child {
	padding-top: 10px;
}

.context-item:last-child {
	padding-bottom: 10px;
}

.context-item i {
	color: #848484;
	position: absolute;
	top: 10px;
	left: 9px;
}

.context-item:hover {
	color: #000;
}

.context-item:hover i {
	color: #000;
}

.context-highlight-item {
	background-color: #89c8ff;
}

.context-message {
	padding: 10px;
	font-size: .9em;
	background-color: #288fe7;
	color: #fff;
}

.context-menu2 .context-message {
	text-align: right;
	background-color: var(--main-text-color-card);
}

#nav .menu-count {
	position: absolute;
	top: 5px;
	right: 3px;
	font-size: .5em;
	font-weight: bold;
	border-radius: 2px;
	padding: 1px 4px;
	background-color: #1f63a0;
	border: none;
	color: #d0e9ff;
}

#nav .mainMenuAction .menu-count {
	top: 15%;
	right: 28%;
	font-size: 0.7em;
}


.context-bg.context-bg2 {
	background-color: rgba(40, 40, 40, 0.77);
}

.context-menu.context-menu2 {
	background-color: #313131;
	border-color: #1f1f1f;
}

.context-menu2 .context-item {
	color: #cecece;
	font-size: 1.1em;
	padding: 10px 30px 10px 55px;
    max-width: 420px;
    overflow: hidden;
}

.context-menu2 .context-item:hover {
	color: #fff;
}

.context-menu2 .context-item:hover i {
	color: #b3b3b3;
}

.context-menu2 .context-item:first-child {
	padding-top: 15px;
}

.context-menu2 .context-item:last-child {
	padding-bottom: 15px;
}

.context-menu2 .context-item i {
	position: absolute;
	top: 16px;
	left: 15px;
}

.core-menu-item {
	position: relative;
	border-bottom: solid 1px var(--background-color-deep);
	overflow: auto;
	padding: 17px;
}

.core-menu-item-icon {
	float: left;
	font-size: 2em;
	color: #949494;
}

.core-menu-item-name {
	float: left;
	font-size: 1.4em;
	padding-left: 20px;
}


#mainFeedback {
	padding: 15px 25px;
	display: block;
	overflow: auto;
	max-width: 400px;
	margin-left: auto;
	margin-right: auto;
}

.feedback-header {
	font-size: 1.5em;
	margin-bottom: 10px;
}

.feedback-suggestion {
	padding-bottom: 6px;
	padding-left: 10px;
}

#sendFeedback {
	padding-left: 10px;
	padding-right: 17px;
}

#sendFeedback:hover {
	background-color: #1a7cd0;
}

#sendFeedback i {
	position: relative;
	top: 1px;
	margin-right: 7px;
}

#mainMenu .invalid {
	background-color: #ffb0a2;
	border: solid 1px #ff7878;
}

#mainMenu .xoInput-error {
	color: #ffb0a2;
}

.menu-txt {

	padding: 20px;
	color: #aeaeae;
}

.quick-pick {
	float: left;
	padding: 15px 0px;
	cursor: pointer;
	width: 42.5%;
	border: solid 1px #d1cccc;
	background-color: #fff;
	border-radius: 50px;
	text-align: center;
	color: var(--main-color2);
	font-weight: 600;
}

.quick-pick:hover {
	background-color: #1f96ff;
	color: #fff;
}

.quick-pick:first-child {
	margin: 10px 5% 10px 5%;
}

.quick-pick:last-child {
	margin: 10px 5% 10px 0%;
}

.quick-pick:hover .quick-pick-full {
	color: #fff;
}

.quick-pick-full {
	font-size: .8em;
	margin-top: 2px;
	color: #a9a9a9;
	font-weight: 400;
}

.list-menu.v2 {
	margin-top: -5px;
	background-color: #f9f9f9;
	border: solid 1px #ccc;
	border-top: none;
	color: #777;
}

.menu-image {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	width: 33px;
	height: 33px;
	border-radius: 33px;
	margin-top: -3px;
}

.menus li i.menu-action {
	right: 9px;
	left: inherit;
	font-size: 1.3em;
	top: 13px;
	display: none;
}

.menus li:hover i.menu-action {
	display: inline;
	opacity: .420;
}

.menus li i.menu-action:hover {
	opacity: 1;
}



.message {
  cursor: pointer;
  padding: 10px 10px 15px 20px;
}

.message:hover {
  border-color: #aeaeae;
}


.unread .message-body {
  font-weight: 600;
}

.message-time {
  position: absolute;
  right: 15px;
  top: 12px;
  font-size: .8em;
  color: #777;
}

.message-action {
  cursor: pointer;
  width: 48%;
  float: left;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
  padding: 9px 0px;
  margin-bottom: 15px;
  border-radius: 5px;
}

.message-action:first-child {
  margin-right: 4%;
}

.message-action.accept {
  background-color: #32ab00;
}

.message-action.accept:hover {
  background-color: #47c115;
}

.message-action.decline {
  background-color: #af2121;
}

.message-action.decline:hover {
  background-color: #c32d2d;
}

.message-errors {
  margin-top: 20px;
  color: #af2121;
  font-weight: 600;
  padding-bottom: 15px;
}

.no-messages {
  font-size: 1.7em;
  text-align: center;
  line-height: 140px;
  color: #adadad;
}

.message-from {
  font-size: .85em;
  color: #ababab;
  margin-top: 3px;
  margin-bottom: 5px;
}

.message-full {
  margin: 20px;
  padding: 20px;
}

.message-from2 {
  font-weight: 600;
  font-size: 1.3em;
}

.message-time2 {
  color: #959595;
  margin-bottom: 20px;
  font-size: .85em;
  text-transform: uppercase;
}

.message-body2 {
  font-size: 1.2em;
  margin-bottom: 50px;
}
/* ================================
		theme/normalize.css
=================================== */
body {
	font-family: var(--main-font);
}

html {
	background-color: #000000;
	color: #404040;
}

body {
	background-color: #000000;
}

#main {
	background-color: var(--background-color);
}

#content {
	background-color: var(--background-color);
}


#oldDataWarning {
	background-color: #1a72bf;
	text-align: right;
	font-size: .8em;
	color: #fff;
	padding: 5px;
}

a:link {
	text-decoration: none;
	color: inherit;
}

a:visited {
	text-decoration: none;
	color: inherit;
}

a:hover {}

.btn {
	cursor: pointer;
}

.btn, .pointer {
	cursor: pointer;
}


.info {
	background-color: #262626;
	padding: 20px;
	border: solid 1px #1A1919;
}

.info .placeholder {
	color: #949494;
}

.info-sub-header {
	border-bottom: solid 1px #3D3B3B;
	padding-bottom: 5px;
	margin-bottom: 10px;
	font-size: 1.2em;
}


::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-track {
	background-color: rgba(0, 0, 0, 0.3);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.bdr {
	position: relative;
	border-top: 1px solid #000;
	border-bottom: 1px solid #444;
	width: 100%;
	height: 1px;
}

.edit-penHover .edit-pen {

	display: none;

}

.edit-penHover:hover .edit-pen, .edit-penHover .edit-pen.alive {

	display: inline-block;

}

.edit-pen {
	cursor: pointer;
	color: #777;
}

.edit-pen:hover {
	color: #E0B300;
}

.edit-pen.alive:hover {
	color: #5ECF3F;
}

.editInline {
	display: inline-block;
	font-size: 1em;
	margin-top: -8px;
	margin-left: -10px;
	padding: 5px 10px;
	min-width: 200px;
}

.max-out {
	max-width: 800px;
	margin: auto auto;
}

.max-out-1000 {
	overflow: auto;
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px
}

.max-out-1200 {
	overflow: auto;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px
}


.row-border {
	border-bottom: dotted 1px #cdc3c3;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}


.overlay-bg {

	position: absolute;
	height: 100%;
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 10;

	background-color: rgba(0, 0, 0, .55);

}

.overlay {

	position: absolute;
	z-index: 10;
	overflow: auto;
	background-color: var(--background-color);

}

.overlay .head {

	width: 100%;
	padding: 15px 20px;
	font-size: 1.3em;
	font-weight: 300;
	border-bottom: solid 3px #424242;

}

.overlay .body {

	width: 100%;

}


.overlay .btn.plain {

	color: #E4E4E4;
	background-color: #3C3C3C;
	border-bottom: #121212 solid 1px;

}

.overlay .btn.plain:hover {
	background-color: #454545;
}

.overlay .btn.plain:active {
	background-color: #282828;
}





/* COMPLETE ITEM */
.overlay .item-type {
	color: #777;
}

.overlay .item-name {
	border-bottom: solid 1px #C7C7C7;
	padding: 15px 0px;
	font-size: 1.2em;
}

.overlay-warning {
	color: #DA5200;
	font-size: 1.4em;
	font-weight: 600;
}

.overlay label {
	color: #9B9B9B;
}



.overlay-header {

	width: 100%;
	padding: 15px 20px;
	font-size: 1.3em;
	background-color: var(--main-color2);
	font-weight: 400;
	border-bottom: none;
	color: #FFF;
	overflow: auto;

}

.overlay-header .ico-question,
.overlay-header-btn,
.overlay-header .ico-x {
	float: right;
	opacity: .5;
	padding-top: 5px;
	cursor: pointer;
}

.overlay-header .ico-question:hover,
.overlay-header-btn:hover,
.overlay-header .ico-x:hover {
	opacity: 1;
}

.overlay-header-selection {
	background-color: #153a7f;
	float: right;
	font-size: .7em;
	cursor: pointer;
	padding: 8px 20px;
	text-transform: uppercase;
}

.overlay-header-selection:hover {
	background-color: #0a4fce;
}

.overlay-header-selection+span {
	line-height: 1.8em;
}

.overlay-options {
	background-color: var(--background-color-deep);
	padding: 20px;
}

.overlay-body {
	padding: 20px;
}

.overlay-header.delete {
	background-color: #B02A2A;
}

.delete.item-type {
	color: #B02A2A;
}

.overlay .complete-item-sub-header {
	margin-left: 5px;
	font-size: 1.2em;
	font-weight: 300;
	margin-bottom: 10px;
}

.overlay textarea {
	height: 75px;
	margin-bottom: 25px
}

.overlay .quick-header {
	background-color: #2493F5;
	color: #fff;
	padding: 12px 0px;
	text-align: center;
	font-size: 1.25em;
}

.overlay-note {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: .9em;
}

.overlay-flash {
	z-index: 10000;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	background-color: #fff;
	text-align: center;
	font-size: 2em;
	color: #000;
	line-height: 50px;
}

.points-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 10000;
	background-color: rgba(255, 255, 255, 0.96);
}

.points-points {
	text-align: center;
	font-weight: 800;
	font-size: 4em;
	color: #2c89ff;
	margin-top: 8%;
	text-transform: uppercase;
}

.points-label {
	font-weight: 400;
	text-align: center;
	display: block;
	margin-top: -13px;
	text-transform: uppercase;
	font-size: 1.2em;
	color: #677b94;
}


.points-detail {
	margin: 0 auto;
	width: 320px;
	padding-bottom: 15px;
	position: relative;
	display: block;
	overflow: hidden;
	font-size: .85em;
}

.points-detail-qty {
	color: #2c89ff;
	font-weight: 600;
	width: 40px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
	float: left;
	position: relative;
}

.points-detail-reason {
	width: 270px;
	float: left;
	position: relative;
	border-bottom: solid 1px var(--background-color-deep);
	padding-bottom: 10px;
	color: #777;
}


.points-fun-word {
	margin: 0 auto;
	max-width: 320px;
	padding: 15px 25px 20px 25px;
	text-align: center;
	font-size: 1.2em;
	color: #2862a9;
}

.point-bubble {
	z-index: 10000;
	position: absolute;
	top: 0px;
	left: 0px;
}

.points-total-words {
	float: right;
	text-align: right;
	margin-right: 42px;
	font-size: 1.35em;
	text-transform: uppercase;
	margin-top: 15px;
}

.points-total {
	font-size: .65em;
	top: -2px;
	position: relative;
	left: 12px;
	min-width: 35px;
	display: inline-block;
}


.points-1 {
	fill: #1182e4;
	font-size: 10px;
}

.points-5 {
	fill: #5babf1;
	font-size: 12px;
}

.points-10 {
	fill: #0a4f8c;
	font-size: 12px;
}

.points-25 {
	fill: #0088FF;
	font-size: 14px;
}

.points-50 {
	fill: #1c73bf;
	font-size: 17px;
}

.points-100 {
	fill: #0a4f8c;
	font-size: 17px;
}

.points-settings {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 2em;
	padding: 20px 25px;
	color: #c7c7c7;
}

.points-settings i {
	cursor: pointer;
}

.points-settings-settings {
	text-align: left;
}

.points-settings-settings i:hover {
	color: #777;
}

.points-settings-silence {
	text-align: right;
}


.close-points {
    position: absolute;
    bottom: 0;
    left: calc(50% - 28px);
    font-size: 1.2em;
    padding: 10px 25px;
    color: var(--main-text-color);
    cursor: pointer;
    background-color: var(--delete-red);
    margin-bottom: 25px;
    border-radius: 10px;
	opacity: 0.8;
}

.points-settings-silence i:hover,
.close-points:hover {
	opacity: 1;
}

.points-go {
	text-align: center;
	margin-top: 25px;
    text-align: center;
	width: 420px;
	max-width: 100%;
	margin: 25px auto 0px auto;
	padding-left: 40px;
}

.points-go-description {
	color: var(--background-color-deeper);
	font-size: 0.85em;
	font-style: italic;
}


.points-go-btn {
	cursor: pointer;
	text-align: center;
	margin-top: 10px;
    text-align: center;
    background-color: var(--light-main);
    padding: 10px 20px;
    border-radius: 10px;
    color: var(--main-text-color);
}

.points-go-btn:hover {
    background-color: var(--main-color);
}


.demo-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.77);
}

.demo-focus {
	border: solid 1px var(--main-color2);
	;
	position: absolute;
	z-index: 11;
}

.demo-exit {
	position: absolute;
	top: 12px;
	z-index: 13;
	color: var(--main-text-color);
	right: 8px;
	opacity: .8;
	cursor: pointer;
	font-size: 1.5em;
}

.demo-exit:hover {
	opacity: 1;
}


.title {
	position: fixed;
	top: 412px;
	left: 0px;
	z-index: 1000;
	background-color: var(--main-text-color-card);
	color: var(--main-text-color);
	padding: 10px 10px;
	border-radius: 10px;
	border: solid 1px var(--main-text-color);
}
#right_menu .head {
	font-size: 1.3em;
	border-bottom: solid 1px #000;
	padding: 10px 5px 5px 10px;
}

#right_menu .body {
	border-top: solid 1px #3D3D3D;
	padding: 10px 15px;
}

#right_menu .error {
	color: #fff;
}

#right_menu .error .ico-nojoy {
	color: #B92C43;
}

#right_menu .note {
	color: #838383;
	font-size: .8em;
}

#right_menu input+.note, #right_menu .xoSelect+.note {
	margin-top: -7px;
	margin-bottom: 10px;
	padding-right: 5px;
}

#right_menu .sub-heading {
	margin-bottom: 10px;
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 2px #49A628;
	color: #B8B8B8;
	text-shadow: 1px 1px 1px #000;
}

#right_menu .sub-heading.color2 {
	border-bottom: solid 2px #DD9E15;
}

#right_menu .sub-heading.color3 {
	border-bottom: solid 2px #2F6FD0;
}


#right_menu .sub-header {
	font-size: 1.2em;
	margin-top: 25px;
	text-transform: uppercase;
}
.search-results {
  margin-bottom: 30px;
  padding-left: 5px;
}

.search-results-type {
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #777;
  font-size: .9em;
  font-weight: bold;
  cursor: pointer;
  color:var(--main-text-color-card);
}

.search-results-type:hover{
  color: var(--lighter-main);
}

.search-result {
  padding: 15px;
}

.search-result-item:hover {
  font-weight: 600
}

.search-result-item-parent {
  font-size: .8em;
  font-weight: 600;
  margin-bottom: 2px;
  color: #888;
}

.search-result-item:hover .search-result-item-parent {
  font-weight: 400;
  color: #777;
}

.list-item:hover .search-result-item-parent {
  font-weight: 400;
  color: #fff;
}

.search-filter {
  padding: 13px 20px;
  background-color: #69b7fb;
  color: #fff;
}

.search-thing {
  background-color: #40a6ff;
  float: left;
  padding: 5px 10px;
  border-radius: 30px;
  font-size: .85em;
  margin-left: 10px;
}

.search-remove-thing {
  float: right;
  padding-left: 5px;
  padding-top: 4px;
  cursor: pointer;
}

.search-remove-thing:hover {
  color: #ffb6b6;
}

.card .search-result-item {
  border: solid 1px var(--background-color-deep);
}

.search-actions {
  display: block;
  overflow: auto;
  margin-bottom: 7px;
}

.search-action {
  border: solid 1px var(--background-color-deeper);
  background-color: var(--main-text-color);
  float: left;
  padding: 9px 12px 5px 5px;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 10px;
}

.search-action:hover {
  background-color: var(--light-main);
  color: var(--main-text-color);
  border-color: var(--main-color);
}

.search-actions i {
  float: left;
}

.search-actions .search-action-words {
  float: left;
  position: relative;
  top: -3px;
}

.search-action-form {
  padding-bottom: 15px;
}
.security {
  position: absolute;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  width: 100%;
  color: #b6b6b6;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) !important;
  -moz-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  -o-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

.security-lock {
  font-size: 5em;
  margin-bottom: 15px;
  opacity: .4;
}
.sleepBox {
  background-color: #1f1464;
  color: #fff;
  -webkit-transition: all 300ms ease;
}

.sleepWake-header {
  font-size: 1.5em;
  text-align: center;
  padding-top: 50px;
  margin-bottom: 35px;
}

.xo-timepicker.sleep-time {
  background-color: #362986;
  margin: 0 auto;
  padding-top: 15px;
}

.sleepBox .xoDay:not(.past):hover,
.sleepBox .xoDay-selected,
.sleepBox .xoTime:hover,
.sleepBox .xoTime-selected,
.sleepBox button {
  background-color: #705aff;
}

.sleepBox button,
.wakeBox button {
  margin-bottom: 7px;
}


.wakeBox {
  background-color: #4ebbfa;
  color: #fff;
}


.xo-timepicker.wake-time {
  background-color: var(--main-color);
  margin: 0 auto;
  padding-top: 15px;
}

.wakeBox .xoDay:not(.past):hover,
.wakeBox .xoDay-selected,
.wakeBox .xoTime:hover,
.wakeBox .xoTime-selected,
.wakeBox button {
  background-color: #216fd0;
}

.wakeSleepLines {
  fill: none;
  stroke: #135996;
  stroke-width: 4;
}

.itemLines {
  fill: none;
  stroke: #ffc798;
  stroke-width: 4;
}

.wakeSleepDot {
  fill: #135996;
  stroke: #4ebbfa;
}

.sleepWake-stats {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 50px;
  font-size: 2em;
}

.targetLines {
  fill: none;
  stroke: #7ed0ff;
  stroke-width: 2;
}

.sleepWake-changeDate {
  text-align: center;
  font-size: .85em;
  margin-top: 15px;
  color: #8476df;
}

.wakeBox .sleepWake-changeDate {
  color: #216fd0;
}
.sop-item {
  border-bottom: solid 1px var(--background-color-deep);
  padding: 7px 0px;
  cursor: pointer;
}

.sop-item:hover {
  font-weight: 600;
}


.sop-item:hover .sop-item-chidren {
  font-weight: normal;
}

.sop-item-chidren {
  margin-left: 10px;
  margin-bottom: -8px;
  border-top: solid 1px var(--background-color-deep);
  margin-top: 10px;
}

.sop-item-name i {
  color: var(--background-color-deep);
}
.storyNav {
  position: relative;
  height: 10px;
  top: 10px;
}

.storyTime.mouse .storyBody {
  height: calc(100% - 45px);
}

.overlay .storyTime.mouse .storyBody {
  height: calc(100% - 40px);
}

.storyTimer {
  position: relative;
  float: left;
  background-color: var(--background-color-deep);
  height: 5px;
  margin: 0px 3px;
}

.storyTimer.active {
  background-color: var(--main-color);
}

.storyBody {
  position: relative;
  width: 100%;
  height: calc(100% - 10px);
  top: 15px;
}

.storyTimeWrapper {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  background-color: var(--background-color);
}

.storyTimeFull {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  padding: 20px;
}

.overlay .storyTimeFull {
  padding: 0px;
}

.overlay .storyNav {
  top: 20px;
  padding: 0px 15px;
}

.overlay .storyNav .ico-x {
  right: -5px;
}

.overlay .storyBody {
  height: calc(100% - 45px);
  top: 30px;
}

.storyRight {
  width: calc(100% - 70px);
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}

.storyLeft {
  width: 70px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.storyClose {
  position: relative;
}

.storyNav .ico-x {
  color: var(--background-color-deep);
  font-size: 2em;
  padding: 5px;
  position: absolute;
  right: -19px;
  top: -19px;
  z-index: 8;
  cursor: pointer;
}

.storyNav .ico-x:hover {
  color: var(--delete-red);
}

.mouse .storyLeft,
.mouse .storyRight {
  height: 70px;
  width: 70px;
  top: calc(50% - 70px);
}

.mouse .storyLeft {
  left: -70px;
}

.mouse .storyRight {
  right: -70px;
}

.storyTime.mouse {
  padding: 0px 70px;
}

.mouse .storyLeft i,
.mouse .storyRight i {
  font-size: 3em;
  top: 10px;
  left: 2px;
  position: absolute;
  color: var(--background-color-deep);
  cursor: pointer;
}

.mouse .storyLeft i:hover,
.mouse .storyRight i:hover {
  color: var(--background-color-deeper);
}
/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  box-sizing: border-box;
  height: 40px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
.table {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 3px 10px var(--background-color-deep);
}

.darkMode .table {
  background-color: var(--background-color-deepest);
  box-shadow: none;
}

.table > .row {
  border-top: solid 1px #D8D8D8;
  color: #404040;
  overflow: hidden;
}

.darkMode .table > .row {
  border-top: solid 1px var(--background-color-deeper);
  color: var(--main-text-color-card);
  overflow: hidden;
}

.table:not(.expand)>.row:hover {
  background-color: #ECECEC;
  cursor: pointer;
}

.darkMode .table:not(.expand)>.row:hover {
  background-color: var(--background-color-deepest);
  color: var(--lighter-main);
}


.table .row .not-important {
  color: #777;
}

.grid-item {
  margin: 5px 10px;
  padding: 30px 15px;
  background-color: #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  border-top: solid 1px #4D4D4D;
  border-bottom: solid 1px #1B1B1B;
  cursor: pointer;
}

.grid-item:hover {
  background-color: #373737;
}

.grid-item:active {
  background-color: #333333;
  border-top: solid 1px #1B1B1B;
  border-bottom: solid 1px #1B1B1B;
}

.table .row.active {
  background-color: rgba(0, 0, 0, 0.15);
  color: #E4B438;
}

.table .row.active:hover {
  background-color: rgba(0, 0, 0, 0.20) !important;
}

.table .table {
  border: none;
  background-color: rgba(0, 0, 0, 0.15);
}

.table .table .row:hover {
  background-color: rgba(0, 0, 0, 0.20);
}

.row-children {
  min-height: 30px;
  padding-left: 8px !important;
}

.sub-table {
  border: none;
  padding-left: 10px;
  padding-top: 7px;
  border-left: dashed 2px #838383;
}


.sub-table .row {
  border-bottom: solid 1px #CACACA;
  padding: 7px 10px;
  color: #616161;
}

.sub-table .row .row-child-count {
  right: 0px;
  top: 5px;
}

.sub-table>.row:hover {
  color: #FFF;
}

.sub-table>.row:hover .xo-item-type {
  color: #868686;
}

.sub-table .row .xo-item-type {
  color: #6B6B6B;
  margin-right: 10px;
}


.item-deleted:after {
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  background: #4F4F4F;
  content: "";
  width: 100%;
  display: block;
}

.table .ico-edit:hover {
  color: #B2B2B2;
}



.row-title {
  font-size: 1.3em;
  font-weight: 300;
  margin-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 10px;
}

.row-icon {
  color: var(--background-color-deep);
  top: 19px;
  left: 10px;
  position: absolute;
}


.context-highlight-item .row-icon-line {
  color: #777;
}


.row-icon-line {
  color: #BBBBBB;
  float: left;
  top: 0px;
  position: absolute;
  padding: 19px 6px 16px 10px;
  left: 0px;
  color: #BBB;
}

.row-icon-line:hover {
  color: var(--main-color);
}

.row-com-line {
  float: right;
  top: 0;
  right: 0;
  position: absolute;
  font-size: 1.3em;
}

.row-com-line:hover {
  color: #61ED1C;
}

.remove-from-top-5 {
  float: right;
  top: 0;
  right: 0;
  position: absolute;
  font-size: 1.3em;
  display: none;
  color: #777;
}

.remove-from-top-5:hover {
  color: #d02a2a;
}

.edit-top-5 .remove-from-top-5 {
  display: block;
}

.edit-top-5 .row-child-count {
  display: none;
}


.row-name-line {
  position: absolute;
  top: 0px;
  left: 45px;
  padding: 16px 0px 14px 0px;
  width: calc(100% - 100px);
}

.row-child-count {
  float: right;
  top: 0;
  right: 0;
  position: absolute;
  font-size: .9em;
  bottom: 0;
  height: 100%;
  line-height: 3.5em;
  padding-right: 8px;
  padding-left: 10px;
}

.row-data {
  margin-bottom: 5px;
  line-height: 24px;
}

.item-data-row {
  margin-right: 70px;
  position: relative;
}

.row-block {
  padding: 30px 15px;
}

.row-line, .row-line2 {
  padding: 15px 10px;
  position: relative;
  height: 52px;
}

.row-line2 {
  padding: 15px 10px;
  position: relative;
  height: 52px;
}


.right-data {
  width: 70px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 1;
}

.right-data .hrs {
  font-size: .75em;
  color: #999;
  text-align: center;
  width: 100%;
}

.right-data .btn {
  padding: 4px 0px;
  border-radius: 50px;
  margin-bottom: 10px;
  font-size: .8em;
}

.right-data .btn .ico-check {
  font-size: 1.3em;
}

.empty-table {
  padding: 40px 20px;
  background-color: var(--main-color3);
  color: #fff;
  text-align: center;
}

.empty-table-greeting {
  font-size: 1.8em !important;
  font-weight: 700;
  margin-bottom: 5px !important;
}

.group-box {
  border: dashed 1px #b4b4b4;
  padding: 5px;
  background-color: #e9e9e9;
}

.group-box.darker {
  background-color: #ddd;
}
.team-member {
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  cursor: pointer;
  position: relative;
}

.team-member:hover {
  background-color: #f4faff;
}

.team-member-basic {
  font-size: .9em;
  color: #8A8686;
}

.team-member-type {
  font-size: .8em;
  text-transform: uppercase;
  font-weight: bold;
  color: #908f8f;
  line-height: 27px;
  float: left;
  width: 80px;
}

.team-member-name {
  float: left;
  font-size: 1.15em;
}

.team-member-name2 {
  font-size: 1.15em;
}

.team-member-id {
  font-size: .9em;
  color: #8A8686;
  position: absolute;
  top: 13px;
  right: 10px;
}
.sub {
	font-size: .9em;
	color: #A9A9A9;
}
.timeBuckets-nav-title {
    font-size: 0.85em;
    padding: 5px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--background-color-deeper);
}

.timeBuckets-nav-item {
    border: solid 1px var(--background-color-deeper);
    background-color: var(--main-text-color);
    padding: 7px 15px;
    font-size: 1.2em;
    cursor: pointer;
    margin-bottom: -1px;
}

.timeBuckets-nav-item:hover {
    background-color: var(--lighter-main);
}

.timeBuckets-nav-item.active {
    color: var(--main-text-color);
    background-color: var(--light-main);
}

.time-bucket {
    border: solid 1px var(--background-color-deep);
    margin-top: 40px;
    padding: 10px 15px;
    border-radius: 4px;
    margin-bottom: 40px;
    display: block;
    overflow: auto;
    width: 100%;
    position: relative;
}

.time-bucket-name {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 15px;
    padding-left: 35px;
    margin-top: 10px;
}

.time-bucket-company {
    background-color: var(--light-main);
    color: var(--main-text-color);
    cursor: pointer;
    float: left;
}

.time-bucket-tag {
    background-color: var(--lighter-main);
    color: var(--main-color3);
    cursor: pointer;
    float: left;
}

.time-bucket-tag:hover, .time-bucket-company:hover {
    background-color: var(--delete-red);
    color: var(--main-text-color);
}

.time-bucket-habit {
	background-color: var(--main-color);
	color: var(--main-text-color);
	cursor: pointer;
	float: left;
}

.time-bucket-habit:hover, .time-bucket-company:hover {
	background-color: var(--delete-red);
	color: var(--main-text-color);
}


.time-bucket-company i ,
.time-bucket-habit i {
    opacity: .5;
    padding-right: 4px;
}

.time-bucket-tag i {
    opacity: .420;
    padding-right: 4px;
}

.time-bucket-add {
    float: left;
    cursor: pointer;
    opacity: 0.420;
    padding: 10px 2px 5px 2px;
    font-size: .85em;
}

.time-bucket-add i {
    padding-right: 5px;
}

.time-bucket-add:hover {
    opacity: 1;
}

.time-bucket-name .ico-trash {
    float: right;
    color: var(--background-color-deep);
    padding: 5px;
    cursor: pointer;
}

.time-bucket-name .ico-trash:hover {
    float: right;
    opacity: 1;
    color: var(--delete-red);
}

.time-bucket-row {
    width: 100%;
    overflow: hidden;
    display: block;
}

.time-bucket-rowName {
    float: left;
    font-size: 0.9em;
    padding-top: 13px;
    color: var(--background-color-deeper);
}

.data-view-day .time-bucket-rowName {
    width: 63px;
}

.data-view-week .time-bucket-rowName {
    width: 90px;
}

.data-view-month .time-bucket-rowName {
    width: 75px;
}

.data-view-quarter .time-bucket-rowName {
    width: 72px;
}

.data-view-year .time-bucket-rowName {
    width: 50px;
}

.time-bucket-percent {
    overflow: auto;
    width: 100%;
    margin-top: 10px;
}

.data-view-day .time-bucket-percent {
    width: calc(100% - 63px);
}

.data-view-week .time-bucket-percent {
    width: calc(100% - 90px);
}

.data-view-month .time-bucket-percent {
    width: calc(100% - 75px);
}

.data-view-quarter .time-bucket-percent {
    width: calc(100% - 72px);
}

.data-view-year .time-bucket-percent {
    width: calc(100% - 50px);
}

.time-buckets-knownTime {
    transition: width 420ms;
    height: 25px;
    float: left;
    background-color: var(--background-color-deep);
}

.time-bucket-row-part {
    height: 25px;
    transition: width 420ms;
    float: left;
    position: relative;
}

.time-buckets-unknownTime {
    transition: width 420ms;
    height: 25px;
    float: left;
    border: solid 1px var(--background-color-deep);
}

.onlyKnown .time-buckets-knownTime {
    width: 99% !important;
}

.onlyKnown .time-buckets-unknownTime {
    width: 0.1% !important;
}

.time-bucket-colorCircle {
    width: 25px;
    height: 25px;
    display: inline-block;
    border-radius: 25px;
    cursor: pointer;
    opacity: 0.8;
    background-color: var(--main-text-color-card);
    top: 2px;
    left: 0px;
    position: absolute;
}

.time-bucket-colorCircle:hover {
    opacity: 1;
}

.time-bucket-detail-container {
    margin-top: 5px;
    display: block;
    overflow: hidden;
    width: 100%;
}

.time-bucket-detail-name {
    float: left;
    color: var(--background-color-deeper);
    font-size: 0.8em;
    width: 100px;
    line-height: 25px;
    height: 25px;
}

.time-bucket-detail-percent {
    float: left;
    width: calc(100% - 100px);
}

.time-bucket-detail-area {
    margin-bottom: 50px;
}

.time-bucket-goal {
    border-bottom: solid 1px #ffffff6e;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.time-bucket-target-number {
    position: absolute;
    top: 0;
    right: 10px;
    font-weight: 600;
    font-size: 1.4em;
    padding: 10px;
}

.time-bucket-target-number span {
    font-size: .75em;
    padding-left: 3px;
    font-weight: 400;
    color: var(--background-color-deeper);
}

.time-bucket-target-units {
    position: absolute;
    top: 37px;
    right: 18px;
    font-size: 0.9em;
}
.underConstruction-main-words {
  font-size: 3em;
  font-weight: 700;
  float: left;
}

[ax-size="p"] .underConstruction-main-words,
[ax-size="p"] .underConstruction-icon {
  text-align: center;
  color: var(--main-color3);
}

.underConstruction-icon {
  font-size: 14em;
  float: left;
  text-align: center;
}
.simple-updates-header {
  margin-left: 20px;
  font-size: 1.4em;
  margin-bottom: 15px;
  margin-top: 10px;
  position: relative;
}

.simple-updates-header .add-one {
  top: 7px;
  right: 10px;
}

.simple-updates-header-line {
  height: 2px;
  width: 50%;
  background-color: var(--main-color);
  margin-left: 20px;
}


.update {
  font-size: .92em;
  padding: 20px;
  display: block;
  width: 100%;
  overflow: auto;
}

.update-pic {
  background-color: var(--main-color);
  border-radius: 25px;
  color: var(--light-main);
  float: left;
  float: left;
  font-size: 21px;
  font-weight: bold;
  height: 50px;
  line-height: 37px;
  margin-top: 3px;
  text-align: center;
  width: 50px;
}

.update-content {
  float: right;
  width: calc(100% - 65px)
}

.update-by {
  color: var(--main-color);
  font-weight: bold;
  text-transform: uppercase;
  font-size: .9em;
  padding-right: 75px;
}

.update-time {
  float: right;
  color: var(--background-color-deeper);
  margin-left: 10px;
  line-height: 1.6em;
  font-size: .85em;
  position: absolute;
  top: 0;
  right: 0;
}

.update-body {
  padding-top: 6px;
  padding-bottom: 10px;
  color: var(--main-text-color-card);
}

.update-body-special {
  color: var(--main-color3);
  font-weight: 600;
  font-size: .95em;
  margin-top: 5px;
}
.video-container {
  padding: 10px;
  float: left;
}

.video-box {
  padding-top: 56.25%; /* 16:9 Aspect Ratio */
  background-color: #d2cdcd;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
}

.video-title {
  font-size: .9em;
  padding: 5px 0px;
  color: #777;
}

.video-box:hover .video-play {
  opacity: 1;
}

.video-play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 200ms ease;
  background-color: rgba(0, 0, 0, 0.40);
  font-size: 5em;
  color: #fff;
}
/* common look and feel is located in inputs.css */
.xoBtn {
	cursor: pointer;
	position: relative;
}

#right_menu .xoBtn .prefix {
	background-color: #202020;
	padding: 8px 15px;
	top: 2px;
	left: 1px;
	position: absolute;
	font-size: .9em;
	border-right: #0B0B0B solid 1px;
	font-style: italic;
	color: #C4C4C4;
	z-index: 1;
}
.xoDate-header {
  padding: 15px 20px;
  background-color: var(--main-color);
}

.xoDate-body {
  padding: 20px;
}

.xoDate-buttons {
  padding: 20px;
}

.xoDate-year {
  font-size: .9em;
  font-weight: 600;
  color: #DEF0FF;
}

.xoDate-date {
  text-transform: capitalize;
  color: #fff;
  font-size: 1.4em;
}

.xoDate-comma {
  padding-left: 3px;
  padding-right: 5px;
}

.xoDate-current-month {
  text-align: center;
  text-transform: capitalize;
  font-size: .8em;
  font-weight: 600;
  color: #777;
}

.xoDate-choose-month {
  color: #777;
  text-align: center;
  cursor: pointer;
}

.xoDate-choose-month:hover {
  color: #222
}

.xoDay {
  cursor: pointer;
  float: left;
  width: 14.28571428571429%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 100px;
}

.xoDay-today {
  background-color: #FF9410;
  color: #FFF;
}

.xoDay:not(.past):hover,
.xoDay-selected,
.xoTime:hover,
.xoTime-selected {
  background-color: var(--main-color);
  color: #fff;
}

.xoDay-selected.xoDay:not(.past):hover,
.xoTime-selected.xoTime:hover {
  background-color: #f73f74;
  color: #fff;
}

.xoDay-blank {
  float: left;
  width: 14.28571428571429%;
}

.xoDay-dow {
  float: left;
  width: 14.28571428571429%;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 10px;
  text-transform: uppercase;
  color: #777;
  font-size: .8em;
}

.xoTime {
  cursor: pointer;
  text-align: center;
  float: left;
  width: 16.66666666666667%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 100px;
}


.xoTime-select {
  font-size: 1.8em;
  text-align: center;
  color: #777;
  padding: 8px 0px;
}

.xoTime-select.ampm {
  cursor: pointer;
}

.xoTime-select.ampm:hover {
  color: var(--main-color);
}

.xoDate-back {
  position: absolute;
  top: 3px;
  left: 0;
  padding: 0px 5px;
  color: #909090;
  cursor: pointer;
}

.xoDate-back:hover {
  color: var(--main-color);
}

.xoDay.past {
  color: #b3b3b3;
}

.xo-timepicker {
  max-width: 250px;
  background-color: #efefef;
  padding: 5px 12px;
  border-radius: 10px;
  margin-top: 8px;
}

.xo-timepicker.invalid {
  background-color: #ff8d8d;
}

.xoDate-chooseDate {
  position: absolute;
  top: 10px;
  right: 0px;
  padding: 15px;
  font-size: 1.7em;
  color: #0b4e83;
  cursor: pointer;
}
.xoFlash-color {
	color: #FFD516 !important;
}

.xoFlash-background-color {
	background-color: #2A9E0F !important;
}

.xoFlash-new-text {
	color: #1AFF00 !important;
}

.xoFlash-bg-fail {
	background-color: #fdb4b4 !important;
}
/* common look and feel is located in inputs.css */

.xoInput {
	position: relative;
	overflow: hidden;
	/* used for xoInvalid shake */
}

.xoInput .prefix {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	float: left;
	font-size: .85em;
	padding: 0px 15px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	text-transform: lowercase;
	text-align: left;
	overflow: hidden;
	color: #777;
	font-weight: 400;
}

.xoInput .prefix.icon {
	padding: 1px 10px 0px 10px;
	color: #cbcbcb;
}

.xoInput input {
	background-color: var(--main-text-color);
	color: var(--main-text-color-card);
}



.darkMode .xoInput input {
    border: 1px solid var(--background-color-deeper);
}

.prefix.invalid {
	color: #a21818 !important;
	background-color: #ff4444 !important;
	font-style: italic;
}

.xoInput .invalid::-webkit-input-placeholder,
.xoInput .invalid::-moz-placeholder,
.xoInput .invalid:-ms-input-placeholder,
.xoInput .invalid:-moz-placeholder {
	color: #c52d2d;
}

.xoInput .invalid {
	background-color: #ff4444;
}


input.ddl.open {
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.input-ddl {
	cursor: pointer;
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: .85em;
	float: right;
	color: #948F8F;
	padding-right: 5px;
}

.input-ddl-options {
	background-color: #FFF;
	border: solid 1px #B9B9B9;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	max-height: 200px;
	overflow: auto;
}

.input-ddl-option {
	border-bottom: solid 1px #D4D4D4;
	padding: 6px 24px 6px 0px;
	color: #404040;
	text-align: right;
	padding-right: 24px;
	font-size: .9em;
	cursor: pointer;
	position: relative;
}

.input-ddl-option:hover {
	background-color: #AFFFAE;
}

.input-ddl-option.remove:hover {
	background-color: #FFBDBA;
	color: #BF0404;
}

.xoInput-error {
	margin-top: 3px;
	margin-bottom: 10px;
	font-size: .85em;
	padding-left: 5px;
	color: #8C0C0C;
}

.dark-content .xoInput-error {
	color: #ffa5a5;
}

.dark-content input.invalid {
	border: solid 1px #ff9797;
}


.input-ddl-option .remove-option2 {
	float: left;
	font-size: .8em;
	color: #777;
	padding-left: 5px;
}

.input-ddl-option .remove-option2:hover {
	color: #BF0404;
}


.input-ddl-option-search {
	background-color: #dcdcdc !important;
	border-radius: 0px !important;
}

.update-input-check {
	cursor: pointer;
	font-size: 1.5em;
	color: #ABABAB;
	position: absolute;
	top: 10px;
	right: 0px;
	float: right;
}

.update-input-check:hover {
	color: #2BB30B;
}

.overlay .update-input-check {
	color: #91ceff;
}

.overlay .update-input-check:hover {
	color: #ffffff;
}

input.optional::placeholder {
	font-size: .75em;
	font-style: italic;
	text-align: right;
	vertical-align: middle;
}
.xoPicker-container {
	-webkit-transition: background-color 400ms ease;
	-moz-transition: background-color 400ms ease;
	-ms-transition: background-color 400ms ease;
	-o-transition: background-color 400ms ease;
	transition: background-color 400ms ease;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, 0);
	z-index: 1000;
}

.xoPicker-container ::-webkit-scrollbar {
	height: 9px;
}

.xoPicker-container ::-webkit-scrollbar-thumb {
	border-top: solid 1px #AB7D2F;
	background-color: #D19A2B;
}

.xoPicker-container ::-webkit-scrollbar-track {
	background-color: #999;
	border-top: solid 1px #818181;
}

.xoPicker-container.go {
	background-color: rgba(0, 0, 0, .7);
	-webkit-transition: background-color 700ms ease;
	-moz-transition: background-color 700ms ease;
	-ms-transition: background-color 700ms ease;
	-o-transition: background-color 700ms ease;
	transition: background-color 700ms ease;
}

.xoPicker-container-box {
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
	-webkit-transform: translate3d(0%, 150%, 0);
	-moz-transform: translate3d(0%, 150%, 0);
	-o-transform: translate3d(0%, 150%, 0);
	transform: translate3d(0%, 150%, 0);
	background-color: #ddd;
	width: 100%;
	height: 100%;
}

.xoPicker-container-box.go {
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
	-webkit-transform: translate3d(0px, 0px, 0);
	-moz-transform: translate3d(0px, 0px, 0);
	-o-transform: translate3d(0px, 0px, 0);
	transform: translate3d(0px, 0px, 0);
}

.xoPicker-container-header {
	width: 100%;
	text-shadow: 1px 1px 1px #EEEEEE;
	color: #575656;
}

.xoPicker-slider {
	width: 100%;
	margin-top: 10px;
	overflow: auto;
	background-color: #ABABAB;
	border-top: solid 1px #888;
	border-bottom: solid 1px #888;
}

.xoPicker-choice {
	cursor: pointer;
	border-right: solid 1px #ABABAB;
	border-left: solid 1px #ABABAB;
}

.xoPicker-active, .xoPicker-choice:hover {
	background-color: #D19A2B;
	border-right: solid 1px #C48F26;
	border-left: solid 1px #C48F26;
}
.xoProgress {
	position: relative;
	overflow: hidden;
}

.xoProgress-bg {
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
	z-index: 1;
	position: relative;
	background-color: var(--background-color-deep);
	top: 0;
	height: 100%;
}

.xoProgress-fill {
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	background-color: var(--main-color2);
}

.xoProgress-fill.two {
	background-color: var(--main-color3);
}

.xoProgress-words {
	-moz-border-radius: inherit;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	color: var(--main-text-color);
	font-size: .82em;
	height: 100%;
	padding-top: 2px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 3;
}

.main-progress {
	height: 40px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	overflow: hidden;
	margin-bottom: 5px;
}

.main-progress .xoProgress-bg {
	background-color: var(--background-color-deep);
}

.main-progress .xoProgress-fill {
	background-color: var(--main-color2);
}

.list-item:hover .xoProgress-fill {
	background-color: var(--main-color);
}

.list-item:hover .xoProgress-bg {
	background-color: var(--background-color-deeper);
}

.main-progress .xoProgress-words {
	line-height: 50px;
	font-size: 28px;
	font-weight: bold;
}

.xoSchedule-progress {
	height: 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	overflow: hidden;
}

.xoSchedule-progress .xoProgress-bg {
	background-color: var(--background-color-deep);
}

.xoSchedule-progress .xoProgress-fill {
	background-color: var(--main-color2);
}

.xoSchedule-progress .xoProgress-words {
	line-height: 30px;
	font-size: 15px;
	font-weight: bold;
	width: 100% !important;
}

.progress-details {
	font-size: .75em;
	color: #999;
	padding-left: 15px;
	overflow: auto;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 10px;
}

.progress-details .pointer:hover {
	color: #585353;
}

.progress-details .howMany {
	color: #2885d5;
}

.xo-agenda .xoProgress {
	height: 20px;
}

.xo-agenda .xoProgress-words {
	line-height: 15px;
}

.progDetails {
	font-size: .75em;
	color: var(--background-color-deeper);
	text-align: right;
	padding: 5px 10px 0px 0px;
}

[ax-size="p"] .progDetails {
	text-align: center;
	padding-top: 10px;
}

.list-item:hover .progDetails {
	color: var(--background-color-deeper);
}
.xoPie {
	display: block;
	margin: auto;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}

.xoPie-path1 {
	stroke: #DDDDDD;
}

.xoPie-path2 {
	stroke: var(--main-color);
}

.xoPie-text {
	font-weight: 600;
	color: var(--main-color);
	font-size: 1.3em;
}

.xoPie-label {
	position: relative;
	text-align: center;
	padding: 0px;
	margin-top: 10px;
	color: #777;
}

.removeable .xoPie:hover .xoPie-path2 {
	stroke: #777;
}

.removeable .xoPie:hover .xoPie-text {
	color: #777;
}
/* NOT CURRENTLY USED */

.xoSchedule-hr {
  height: 30px;
  text-transform: uppercase;
  line-height: 31px;
  font-size: .7em;
  border-top: solid 1px rgba(0, 0, 0, 0);
}

.xoSchedule-block {
  height: 30px;
  border-top: solid 1px #ccc;
  width: 100%;
}

.xoSchedule-block:first-child {
  border-top: none;
}

.xoSchedule-block:last-child {
  border-bottom: solid 1px #ccc;
}

.xoSchedule-times {
  padding-top: 11px;
  float: left;
  width: 39px;
}

.xoSchedule-schedule {
  float: left;
  width: calc(100% - 40px);
  position: relative;
}

.xoSchedule-loading {

  position: absolute;
  font-weight: 600;
  width: 100%;
  top: 30%;
  text-align: center;

}

.xoSchedule-body {
  overflow: auto;
  position: relative;
  min-height: 100px;
}

.xoSchedule-event {
  position: absolute;
}

.xoSchedule-event:nth-child(6n+1) {
  background-color: #329ff9;
}

.xoSchedule-event:nth-child(6n+2) {
  background-color: #146cb5;
}

.xoSchedule-event:nth-child(6n+3) {
  background-color: #024c8a;
}

.xoSchedule-event:nth-child(6n+4) {
  background-color: #64afef;
}

.xoSchedule-event:nth-child(6n+5) {
  background-color: #043763;
}

.xoSchedule-event:nth-child(6n+6) {
  background-color: #0071d2;
}

.xoSchedule-fullEvent {
  background-color: var(--main-color2);
  color: #fff;
  padding: 10px;
  border-radius: 3px;
  padding-left: 50px;
  position: relative;
  min-height: 75px;
}

.xoSchedule-fullEvent i {
  position: absolute;
  top: 15px;
  left: 5px;
  font-size: 1.6em;
  color: var(--light-main);
}

.list-menu .xoSchedule-fullEvent i {
  color: var(--main-text-color-card);
  opacity: .3;
}

.list-menu .xoSchedule-fullEvent {
  background-color: var(--background-color-deep);
  color: var(--main-text-color-card);
}

.list-menu .xoSchedule-fullEvent:hover {
  background-color: var(--background-color-deeper);
}

.xoSchedule-available-time {
  text-align: center;
  font-size: .8em;
  font-weight: bold;
  padding: 10px;
  color: #777;
  cursor: pointer;
  margin: 0px 2px 9px 2px;
  border: dashed 2px #c7c2c2;
}

.xoSchedule-available-time:hover .xoSchedule-free-block-name{
  color: var(--main-color3);
}

.xoSchedule-available-time-qty {
  color: #c1c1c1;
  font-weight: 500;
  padding-top: 3px;
  font-size: 0.9em;
}

.xoSchedule-event-container {
  margin-bottom: 10px;
  overflow: hidden;
}

.xoSchedule-fullEvent .event-description {
  color: var(--lighter-main);
}

.list-menu .xoSchedule-fullEvent .event-description {
  color: var(--main-color3);
}

.list-menu .xoSchedule-fullEvent:hover i,
.list-menu .xoSchedule-fullEvent:hover .event-title,
.list-menu .xoSchedule-fullEvent:hover .event-time {
  color: var(--background-color);
}

.list-menu .xoSchedule-fullEvent:hover .event-description {
  color: var(--main-text-color);
}

.xoSchedule-driveTime {
  background-color: var(--light-main);
  padding: 5px 10px;
  color: var(--main-text-color);
  font-size: .85em;
  text-transform: uppercase;
  border-radius: 5px;
  margin: 8px;
  text-align: center;
}

.xoSchedule-driveTime button.cancel,
.xoSchedule-driveTime label {
  color: #fff;
}

.xoSchedule-date {
  background-color: var(--light-main);
  color: var(--main-text-color);
  padding: 5px 0px 10px 12px;
  font-size: .9em;
  margin-bottom: -5px;
  border-radius: 5px;
}

.xoSchedule-show-suggestions {
  margin-top: 20px;
  margin-bottom: 25px;
  font-weight: 400;
  color: var(--background-color-deeper);
  font-size: 0.9em;
  letter-spacing: 1px;
  border-bottom: solid 1px var(--background-color-deep);
  display: inline-block;
  padding-bottom: 3px;
}

.darkMode .xoSchedule-show-suggestions {
  color: var(--light-main);
}

.darkMode .xoSchedule-show-suggestions:hover {
  color: var(--lighter-main);
}



.xoSchedule-show-suggestions:hover{
	font-weight: 500;
	color: var(--main-color2);
}

.xoSchedule-free-block-description {
  font-weight: 400;
  letter-spacing: 1px;
  font-size: 0.9em;
  padding: 10px;
  margin: 0 auto 10px auto;
  max-width: 325px;
}

.xoSchedule-free-block-name{
  padding: 15px 0px 10px 0px;
  font-size: 1.4em;
}


.xoSchedule-times-rescheduled{
  background-color: var(--main-color2);
  padding: 9px 20px;
  color: var(--background-color);
  display: inline-block;
  border-radius: 35px;
  margin-bottom: 20px;
}
/* common look and feel is located in inputs.css */


.xoSelect {
	position: relative;
	cursor: pointer;
}

.xoSelect.open {
	-webkit-border-top-left-radius: 4px !important;
	-webkit-border-top-right-radius: 4px !important;
	-moz-border-radius-topleft: 4px !important;
	-moz-border-radius-topright: 4px !important;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	-moz-border-radius-bottomright: 0px !important;
	-moz-border-radius-bottomleft: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-bottom: none !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px;
}

.xoList {
	margin: 0px;
	margin-bottom: 10px;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	border-top: none;
	padding: 1px;
}

.xoList input {
	margin: 0px;
}

.xoList input+.submitBtn {
	font-size: 20px;
}

.xoSelect>.handle {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 40px;
}

.xoList .options {
	max-height: 200px;
	overflow: auto;
}

.xout {

	padding: 3px 10px;
	margin-right: 10px;
	display: inline-block;
	font-size: .9em;
	margin-bottom: 7px;

}

.xout .x {
	font-weight: bold;
	cursor: pointer;
	float: right;
	margin-left: 15px;
	line-height: 1.3em;
	font-size: .9em;
}

.xoSelect>.handle>.arrow-down,
.xoSelect>.handle>.arrow-up {
	position: absolute;
	top: 16px;
	right: 15px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}

.xoSelect.open {
	padding-bottom: 6px;
}

.xoSelect .default span {
	float: right;
	margin-right: 25px;
	font-size: .8em;
	font-style: italic;
	font-weight: 300;
	position: relative;
	z-index: -1;
	top: 2px;
}

.xoSelect .prefix {
	float: left;
	position: absolute;
	top: -7px;
	left: -12px;
	font-size: .85em;
	padding: 9px 15px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	text-transform: lowercase;
}

.xoList .add-option {
	text-align: center;
	font-size: .95em;
	font-style: italic;
	position: relative;
	cursor: pointer;
	padding: 8px 0px;
}

.xoList .add-option span {
	margin-left: 5px;
	font-weight: 400;
	font-style: normal;
}

.xoList .add-option.adding {
	padding: 0px;
}

.xoList .add-option.saving,
.xoList .add-option.invalid {
	background-color: #FFC7BD;
	color: #EF3434;
	border-top: 1px solid #FF9292;
}

.xoList .add-option.invalid:hover {
	color: #EF3434;
}

.data-add-option .remove-option {

	float: right;
	font-size: .75em;
	color: #777;
	padding-right: 10px;

}

.data-add-option .remove-option:hover {
	color: #EF3434;
}

.data-add-option li.active .remove-option {
	display: none;
}

.data-add-option li.active.remove:hover,
.data-add-option li.remove:hover {

	color: #EF3434;
	background-color: #000;

}

.xoList {
	background-color: #FFF;
	border: solid 1px #D4D4D4;
}

.xoList input {
	margin-bottom: 0px;
	background-color: #FFF;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	border-bottom: 1px solid var(--main-color2);
}

.xoList input+.btn {
	background-color: transparent;
	color: #777;
	border-bottom: none;
}

.xoList input+.btn:hover {
	color: #01A700;
}

.xoList input+.btn.check:hover {
	color: #46AD08;
}

.xoList .invalid+.btn.check {
	display: none;
}

.xoList ul {
	border: none;
}

.xoList li {
	position: relative;
	padding-left: 10px;
	font-size: 1.1em;
	color: #404040;
	border-top: solid 1px #C1C1C1 !important;
	border-bottom: none;
	background-color: inherit;
}

.xoList li:first-child {
	border-top: none !important;
}

.xoList li:last-child {
	border-bottom: none !important;
}

.xoList li:hover,
.xoList li.active,
.xoList li:active {
	background-color: #D1FFC3;
	color: #177108;
}


.xoList li.active:hover,
.xoList li.active:active {
	background-color: #F18686;
	border-top: solid 1px #E27575 !important;
	color: #960909;
}

.xout {
	background-color: var(--background-color);
	border: solid 1px #C5C5C5;
}

.xout .x {
	color: #848484;
}

.xout:hover {
	background-color: #FF4444;
	color: #F5F5F5;
}

.xout:hover .x {
	color: #A20000;
}

.xoSelect .default {
	color: #888888;
}

.xoSelect.invalid .default {
	color: #FFF;
}

.xoSelect>.handle>.arrow-down {
	border-top: 7px solid #6F6F6F;
}

.xoSelect>.handle>.arrow-up {
	border-bottom: 7px solid #6F6F6F;
}

.xoSelect.invalid>.handle>.arrow-down {
	border-top: 7px solid #FFF;
}

.xoSelect.invalid>.handle>.arrow-up {
	border-bottom: 7px solid #FFF;
}

.xoSelect.invalid .prefix {
	background-color: #BF280C;
	border-right: solid 1px #EB725C;
	color: #FFF;
	font-style: italic;
}

.xoSelect-multiple {
	background-color: var(--main-text-color);
	padding: 10px;
	margin-top: -10px;
	border-left: solid 1px #d4d1d1;
	border-right: solid 1px #b4b4b4;
	border-bottom: solid 1px #d4d1d1;
	margin-bottom: 7px;
}

.xoSelect-multiplePicked {
	background-color: var(--background-color-deeper);
	color: var(--main-text-color);
	float: left;
	padding: 5px 11px;
	margin-right: 4px;
	border-radius: 30px;
	font-size: 0.8em;
	margin-bottom: 5px;
	cursor: pointer;
}


.xoSelect-multiplePicked:hover{
	background-color: var(--delete-red);
}

.xoSelect-multiplePicked .ico-x{
	display: none;
}

.xoSelect-multiplePicked:hover .ico-x{
	margin-left: 10px;
	display: inline-block;
}
.toggle-wrapper {
  padding: 5px 0px;
}

.toggle-label {
  float: left;
  margin-right: 10px;
  line-height: 28px;
  font-size: .9em;
}

.btn-toggle.invalid .toggle-switch {
  background-color: #8D0B0B !important;
}


.btn-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  padding: 3px 4px;
  background-color: #2A2A2A;
  border-top: solid 1px #909090;
  border-bottom: solid 1px #ABABAB;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  border-radius: 28px;
  width: 65px;
  height: 28px;
  float: left;
  cursor: pointer;
}

.toggle-switch {
  float: left;
  position: absolute;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  background-color: #595959;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.toggle-says {
  float: left;
  height: 20px;
  text-align: center;
  font-size: .8em;
  color: #B2B2B2;
}


.btn-toggle.off {
  background-color: #404040;
}

.btn-toggle.off.invalid {
  background-color: #c94747;
}

.btn-toggle.off .toggle-switch {
  background-color: #BBB;
}

.btn-toggle.off .toggle-says {
  color: #fff;
}

.btn-toggle.on {
  background-color: #1A7618;
}

.btn-toggle.on .toggle-switch {
  color: #fff;
  background-color: #FFF;
}

.btn-toggle.on .toggle-says {
  color: #fff;
}

.sleep-time .btn-toggle.off {
  background-color: #1f1464;
}

.sleep-time .btn-toggle.on,
.sleep-time .btn-toggle.off .toggle-switch {
  background-color: #705aff;
}

.sleep-time .btn-toggle {
  border-top: solid 1px #1a134a;
  border-bottom: solid 1px #4331b5;
}

.sleep-time .btn-toggle.on {
  border-top: solid 1px #190b6f;
  border-bottom: solid 1px #9e8fff;
}

.wake-time .btn-toggle.off {
  background-color: #216fd0;
}

.wake-time .btn-toggle.on,
.wake-time .btn-toggle.off .toggle-switch {
  background-color: #4ebbfa;
}

.wake-time .btn-toggle {
  border-top: solid 1px #215ca4;
  border-bottom: solid 1px #58b1ff;
}

.wake-time .btn-toggle.on {
  border-top: solid 1px #2687ff;
  border-bottom: solid 1px #a7ceff;
}

.toggle-small,
.toggle-small .toggle-label {
  font-size: 0.85em;
  color: var(--background-color-deeper);
}

.toggle-small .toggle-switch {
  border-radius: 15px;
  width: 15px;
  height: 15px;
}

.toggle-small .toggle-says {
  height: 15px;
}

.toggle-small .btn-toggle {
  height: 25px;
}

.toggle-small .btn-toggle.off {
  background-color: var(--background-color-deeper);
}

.toggle-small .btn-toggle.on {
  background-color: var(--main-color);
}
.app-size-d .hidden-d {display: none !important;}.app-size-bt .hidden-bt {display: none !important;}.app-size-t .hidden-t {display: none !important;}.app-size-p .hidden-p {display: none !important;}.grid0 { width: calc(100% / 0); }.app-size-d .grid0-d { width: calc(100% / 0); }.app-size-bt .grid0-bt { width: calc(100% / 0); }.app-size-t .grid0-t { width: calc(100% / 0); }.app-size-p .grid0-p { width: calc(100% / 0); }.grid1 { width: calc(100% / 1); }.app-size-d .grid1-d { width: calc(100% / 1); }.app-size-bt .grid1-bt { width: calc(100% / 1); }.app-size-t .grid1-t { width: calc(100% / 1); }.app-size-p .grid1-p { width: calc(100% / 1); }.grid2 { width: calc(100% / 2); }.app-size-d .grid2-d { width: calc(100% / 2); }.app-size-bt .grid2-bt { width: calc(100% / 2); }.app-size-t .grid2-t { width: calc(100% / 2); }.app-size-p .grid2-p { width: calc(100% / 2); }.grid3 { width: calc(100% / 3); }.app-size-d .grid3-d { width: calc(100% / 3); }.app-size-bt .grid3-bt { width: calc(100% / 3); }.app-size-t .grid3-t { width: calc(100% / 3); }.app-size-p .grid3-p { width: calc(100% / 3); }.grid4 { width: calc(100% / 4); }.app-size-d .grid4-d { width: calc(100% / 4); }.app-size-bt .grid4-bt { width: calc(100% / 4); }.app-size-t .grid4-t { width: calc(100% / 4); }.app-size-p .grid4-p { width: calc(100% / 4); }.grid5 { width: calc(100% / 5); }.app-size-d .grid5-d { width: calc(100% / 5); }.app-size-bt .grid5-bt { width: calc(100% / 5); }.app-size-t .grid5-t { width: calc(100% / 5); }.app-size-p .grid5-p { width: calc(100% / 5); }.grid6 { width: calc(100% / 6); }.app-size-d .grid6-d { width: calc(100% / 6); }.app-size-bt .grid6-bt { width: calc(100% / 6); }.app-size-t .grid6-t { width: calc(100% / 6); }.app-size-p .grid6-p { width: calc(100% / 6); }.grid7 { width: calc(100% / 7); }.app-size-d .grid7-d { width: calc(100% / 7); }.app-size-bt .grid7-bt { width: calc(100% / 7); }.app-size-t .grid7-t { width: calc(100% / 7); }.app-size-p .grid7-p { width: calc(100% / 7); }.grid8 { width: calc(100% / 8); }.app-size-d .grid8-d { width: calc(100% / 8); }.app-size-bt .grid8-bt { width: calc(100% / 8); }.app-size-t .grid8-t { width: calc(100% / 8); }.app-size-p .grid8-p { width: calc(100% / 8); }.grid9 { width: calc(100% / 9); }.app-size-d .grid9-d { width: calc(100% / 9); }.app-size-bt .grid9-bt { width: calc(100% / 9); }.app-size-t .grid9-t { width: calc(100% / 9); }.app-size-p .grid9-p { width: calc(100% / 9); }.grid10 { width: calc(100% / 10); }.app-size-d .grid10-d { width: calc(100% / 10); }.app-size-bt .grid10-bt { width: calc(100% / 10); }.app-size-t .grid10-t { width: calc(100% / 10); }.app-size-p .grid10-p { width: calc(100% / 10); }.grid11 { width: calc(100% / 11); }.app-size-d .grid11-d { width: calc(100% / 11); }.app-size-bt .grid11-bt { width: calc(100% / 11); }.app-size-t .grid11-t { width: calc(100% / 11); }.app-size-p .grid11-p { width: calc(100% / 11); }.grid12 { width: calc(100% / 12); }.app-size-d .grid12-d { width: calc(100% / 12); }.app-size-bt .grid12-bt { width: calc(100% / 12); }.app-size-t .grid12-t { width: calc(100% / 12); }.app-size-p .grid12-p { width: calc(100% / 12); }.grid13 { width: calc(100% / 13); }.app-size-d .grid13-d { width: calc(100% / 13); }.app-size-bt .grid13-bt { width: calc(100% / 13); }.app-size-t .grid13-t { width: calc(100% / 13); }.app-size-p .grid13-p { width: calc(100% / 13); }.grid14 { width: calc(100% / 14); }.app-size-d .grid14-d { width: calc(100% / 14); }.app-size-bt .grid14-bt { width: calc(100% / 14); }.app-size-t .grid14-t { width: calc(100% / 14); }.app-size-p .grid14-p { width: calc(100% / 14); }.grid15 { width: calc(100% / 15); }.app-size-d .grid15-d { width: calc(100% / 15); }.app-size-bt .grid15-bt { width: calc(100% / 15); }.app-size-t .grid15-t { width: calc(100% / 15); }.app-size-p .grid15-p { width: calc(100% / 15); }.grid16 { width: calc(100% / 16); }.app-size-d .grid16-d { width: calc(100% / 16); }.app-size-bt .grid16-bt { width: calc(100% / 16); }.app-size-t .grid16-t { width: calc(100% / 16); }.app-size-p .grid16-p { width: calc(100% / 16); }.grid17 { width: calc(100% / 17); }.app-size-d .grid17-d { width: calc(100% / 17); }.app-size-bt .grid17-bt { width: calc(100% / 17); }.app-size-t .grid17-t { width: calc(100% / 17); }.app-size-p .grid17-p { width: calc(100% / 17); }.grid18 { width: calc(100% / 18); }.app-size-d .grid18-d { width: calc(100% / 18); }.app-size-bt .grid18-bt { width: calc(100% / 18); }.app-size-t .grid18-t { width: calc(100% / 18); }.app-size-p .grid18-p { width: calc(100% / 18); }.grid19 { width: calc(100% / 19); }.app-size-d .grid19-d { width: calc(100% / 19); }.app-size-bt .grid19-bt { width: calc(100% / 19); }.app-size-t .grid19-t { width: calc(100% / 19); }.app-size-p .grid19-p { width: calc(100% / 19); }.grid20 { width: calc(100% / 20); }.app-size-d .grid20-d { width: calc(100% / 20); }.app-size-bt .grid20-bt { width: calc(100% / 20); }.app-size-t .grid20-t { width: calc(100% / 20); }.app-size-p .grid20-p { width: calc(100% / 20); }.m0 { margin:0px; }.mt0 { margin-top:0px; }.mb0 { margin-bottom:0px; }.ml0 { margin-left:0px; }.mr0 { margin-right:0px; }.mtb0 { margin-top:0px; margin-bottom:0px; }.mlr0 { margin-left:0px; margin-right:0px; }.app-size-d .m0-d { margin:0px; }.app-size-d .mt0-d { margin-top:0px; }.app-size-d .mr0-d { margin-right:0px; }.app-size-d .mb0-d { margin-bottom:0px; }.app-size-d .ml0-d { margin-left:0px; }.app-size-d .mtb0-d { margin-top:0px; margin-bottom:0px; }.app-size-d .mlr0-d { margin-left:0px; margin-right:0px; }.app-size-bt .m0-bt { margin:0px; }.app-size-bt .mt0-bt { margin-top:0px; }.app-size-bt .mr0-bt { margin-right:0px; }.app-size-bt .mb0-bt { margin-bottom:0px; }.app-size-bt .ml0-bt { margin-left:0px; }.app-size-bt .mtb0-bt { margin-top:0px; margin-bottom:0px; }.app-size-bt .mlr0-bt { margin-left:0px; margin-right:0px; }.app-size-t .m0-t { margin:0px; }.app-size-t .mt0-t { margin-top:0px; }.app-size-t .mr0-t { margin-right:0px; }.app-size-t .mb0-t { margin-bottom:0px; }.app-size-t .ml0-t { margin-left:0px; }.app-size-t .mtb0-t { margin-top:0px; margin-bottom:0px; }.app-size-t .mlr0-t { margin-left:0px; margin-right:0px; }.app-size-p .m0-p { margin:0px; }.app-size-p .mt0-p { margin-top:0px; }.app-size-p .mr0-p { margin-right:0px; }.app-size-p .mb0-p { margin-bottom:0px; }.app-size-p .ml0-p { margin-left:0px; }.app-size-p .mtb0-p { margin-top:0px; margin-bottom:0px; }.app-size-p .mlr0-p { margin-left:0px; margin-right:0px; }.m5 { margin:5px; }.mt5 { margin-top:5px; }.mb5 { margin-bottom:5px; }.ml5 { margin-left:5px; }.mr5 { margin-right:5px; }.mtb5 { margin-top:5px; margin-bottom:5px; }.mlr5 { margin-left:5px; margin-right:5px; }.app-size-d .m5-d { margin:5px; }.app-size-d .mt5-d { margin-top:5px; }.app-size-d .mr5-d { margin-right:5px; }.app-size-d .mb5-d { margin-bottom:5px; }.app-size-d .ml5-d { margin-left:5px; }.app-size-d .mtb5-d { margin-top:5px; margin-bottom:5px; }.app-size-d .mlr5-d { margin-left:5px; margin-right:5px; }.app-size-bt .m5-bt { margin:5px; }.app-size-bt .mt5-bt { margin-top:5px; }.app-size-bt .mr5-bt { margin-right:5px; }.app-size-bt .mb5-bt { margin-bottom:5px; }.app-size-bt .ml5-bt { margin-left:5px; }.app-size-bt .mtb5-bt { margin-top:5px; margin-bottom:5px; }.app-size-bt .mlr5-bt { margin-left:5px; margin-right:5px; }.app-size-t .m5-t { margin:5px; }.app-size-t .mt5-t { margin-top:5px; }.app-size-t .mr5-t { margin-right:5px; }.app-size-t .mb5-t { margin-bottom:5px; }.app-size-t .ml5-t { margin-left:5px; }.app-size-t .mtb5-t { margin-top:5px; margin-bottom:5px; }.app-size-t .mlr5-t { margin-left:5px; margin-right:5px; }.app-size-p .m5-p { margin:5px; }.app-size-p .mt5-p { margin-top:5px; }.app-size-p .mr5-p { margin-right:5px; }.app-size-p .mb5-p { margin-bottom:5px; }.app-size-p .ml5-p { margin-left:5px; }.app-size-p .mtb5-p { margin-top:5px; margin-bottom:5px; }.app-size-p .mlr5-p { margin-left:5px; margin-right:5px; }.m10 { margin:10px; }.mt10 { margin-top:10px; }.mb10 { margin-bottom:10px; }.ml10 { margin-left:10px; }.mr10 { margin-right:10px; }.mtb10 { margin-top:10px; margin-bottom:10px; }.mlr10 { margin-left:10px; margin-right:10px; }.app-size-d .m10-d { margin:10px; }.app-size-d .mt10-d { margin-top:10px; }.app-size-d .mr10-d { margin-right:10px; }.app-size-d .mb10-d { margin-bottom:10px; }.app-size-d .ml10-d { margin-left:10px; }.app-size-d .mtb10-d { margin-top:10px; margin-bottom:10px; }.app-size-d .mlr10-d { margin-left:10px; margin-right:10px; }.app-size-bt .m10-bt { margin:10px; }.app-size-bt .mt10-bt { margin-top:10px; }.app-size-bt .mr10-bt { margin-right:10px; }.app-size-bt .mb10-bt { margin-bottom:10px; }.app-size-bt .ml10-bt { margin-left:10px; }.app-size-bt .mtb10-bt { margin-top:10px; margin-bottom:10px; }.app-size-bt .mlr10-bt { margin-left:10px; margin-right:10px; }.app-size-t .m10-t { margin:10px; }.app-size-t .mt10-t { margin-top:10px; }.app-size-t .mr10-t { margin-right:10px; }.app-size-t .mb10-t { margin-bottom:10px; }.app-size-t .ml10-t { margin-left:10px; }.app-size-t .mtb10-t { margin-top:10px; margin-bottom:10px; }.app-size-t .mlr10-t { margin-left:10px; margin-right:10px; }.app-size-p .m10-p { margin:10px; }.app-size-p .mt10-p { margin-top:10px; }.app-size-p .mr10-p { margin-right:10px; }.app-size-p .mb10-p { margin-bottom:10px; }.app-size-p .ml10-p { margin-left:10px; }.app-size-p .mtb10-p { margin-top:10px; margin-bottom:10px; }.app-size-p .mlr10-p { margin-left:10px; margin-right:10px; }.m15 { margin:15px; }.mt15 { margin-top:15px; }.mb15 { margin-bottom:15px; }.ml15 { margin-left:15px; }.mr15 { margin-right:15px; }.mtb15 { margin-top:15px; margin-bottom:15px; }.mlr15 { margin-left:15px; margin-right:15px; }.app-size-d .m15-d { margin:15px; }.app-size-d .mt15-d { margin-top:15px; }.app-size-d .mr15-d { margin-right:15px; }.app-size-d .mb15-d { margin-bottom:15px; }.app-size-d .ml15-d { margin-left:15px; }.app-size-d .mtb15-d { margin-top:15px; margin-bottom:15px; }.app-size-d .mlr15-d { margin-left:15px; margin-right:15px; }.app-size-bt .m15-bt { margin:15px; }.app-size-bt .mt15-bt { margin-top:15px; }.app-size-bt .mr15-bt { margin-right:15px; }.app-size-bt .mb15-bt { margin-bottom:15px; }.app-size-bt .ml15-bt { margin-left:15px; }.app-size-bt .mtb15-bt { margin-top:15px; margin-bottom:15px; }.app-size-bt .mlr15-bt { margin-left:15px; margin-right:15px; }.app-size-t .m15-t { margin:15px; }.app-size-t .mt15-t { margin-top:15px; }.app-size-t .mr15-t { margin-right:15px; }.app-size-t .mb15-t { margin-bottom:15px; }.app-size-t .ml15-t { margin-left:15px; }.app-size-t .mtb15-t { margin-top:15px; margin-bottom:15px; }.app-size-t .mlr15-t { margin-left:15px; margin-right:15px; }.app-size-p .m15-p { margin:15px; }.app-size-p .mt15-p { margin-top:15px; }.app-size-p .mr15-p { margin-right:15px; }.app-size-p .mb15-p { margin-bottom:15px; }.app-size-p .ml15-p { margin-left:15px; }.app-size-p .mtb15-p { margin-top:15px; margin-bottom:15px; }.app-size-p .mlr15-p { margin-left:15px; margin-right:15px; }.m20 { margin:20px; }.mt20 { margin-top:20px; }.mb20 { margin-bottom:20px; }.ml20 { margin-left:20px; }.mr20 { margin-right:20px; }.mtb20 { margin-top:20px; margin-bottom:20px; }.mlr20 { margin-left:20px; margin-right:20px; }.app-size-d .m20-d { margin:20px; }.app-size-d .mt20-d { margin-top:20px; }.app-size-d .mr20-d { margin-right:20px; }.app-size-d .mb20-d { margin-bottom:20px; }.app-size-d .ml20-d { margin-left:20px; }.app-size-d .mtb20-d { margin-top:20px; margin-bottom:20px; }.app-size-d .mlr20-d { margin-left:20px; margin-right:20px; }.app-size-bt .m20-bt { margin:20px; }.app-size-bt .mt20-bt { margin-top:20px; }.app-size-bt .mr20-bt { margin-right:20px; }.app-size-bt .mb20-bt { margin-bottom:20px; }.app-size-bt .ml20-bt { margin-left:20px; }.app-size-bt .mtb20-bt { margin-top:20px; margin-bottom:20px; }.app-size-bt .mlr20-bt { margin-left:20px; margin-right:20px; }.app-size-t .m20-t { margin:20px; }.app-size-t .mt20-t { margin-top:20px; }.app-size-t .mr20-t { margin-right:20px; }.app-size-t .mb20-t { margin-bottom:20px; }.app-size-t .ml20-t { margin-left:20px; }.app-size-t .mtb20-t { margin-top:20px; margin-bottom:20px; }.app-size-t .mlr20-t { margin-left:20px; margin-right:20px; }.app-size-p .m20-p { margin:20px; }.app-size-p .mt20-p { margin-top:20px; }.app-size-p .mr20-p { margin-right:20px; }.app-size-p .mb20-p { margin-bottom:20px; }.app-size-p .ml20-p { margin-left:20px; }.app-size-p .mtb20-p { margin-top:20px; margin-bottom:20px; }.app-size-p .mlr20-p { margin-left:20px; margin-right:20px; }.m25 { margin:25px; }.mt25 { margin-top:25px; }.mb25 { margin-bottom:25px; }.ml25 { margin-left:25px; }.mr25 { margin-right:25px; }.mtb25 { margin-top:25px; margin-bottom:25px; }.mlr25 { margin-left:25px; margin-right:25px; }.app-size-d .m25-d { margin:25px; }.app-size-d .mt25-d { margin-top:25px; }.app-size-d .mr25-d { margin-right:25px; }.app-size-d .mb25-d { margin-bottom:25px; }.app-size-d .ml25-d { margin-left:25px; }.app-size-d .mtb25-d { margin-top:25px; margin-bottom:25px; }.app-size-d .mlr25-d { margin-left:25px; margin-right:25px; }.app-size-bt .m25-bt { margin:25px; }.app-size-bt .mt25-bt { margin-top:25px; }.app-size-bt .mr25-bt { margin-right:25px; }.app-size-bt .mb25-bt { margin-bottom:25px; }.app-size-bt .ml25-bt { margin-left:25px; }.app-size-bt .mtb25-bt { margin-top:25px; margin-bottom:25px; }.app-size-bt .mlr25-bt { margin-left:25px; margin-right:25px; }.app-size-t .m25-t { margin:25px; }.app-size-t .mt25-t { margin-top:25px; }.app-size-t .mr25-t { margin-right:25px; }.app-size-t .mb25-t { margin-bottom:25px; }.app-size-t .ml25-t { margin-left:25px; }.app-size-t .mtb25-t { margin-top:25px; margin-bottom:25px; }.app-size-t .mlr25-t { margin-left:25px; margin-right:25px; }.app-size-p .m25-p { margin:25px; }.app-size-p .mt25-p { margin-top:25px; }.app-size-p .mr25-p { margin-right:25px; }.app-size-p .mb25-p { margin-bottom:25px; }.app-size-p .ml25-p { margin-left:25px; }.app-size-p .mtb25-p { margin-top:25px; margin-bottom:25px; }.app-size-p .mlr25-p { margin-left:25px; margin-right:25px; }.m30 { margin:30px; }.mt30 { margin-top:30px; }.mb30 { margin-bottom:30px; }.ml30 { margin-left:30px; }.mr30 { margin-right:30px; }.mtb30 { margin-top:30px; margin-bottom:30px; }.mlr30 { margin-left:30px; margin-right:30px; }.app-size-d .m30-d { margin:30px; }.app-size-d .mt30-d { margin-top:30px; }.app-size-d .mr30-d { margin-right:30px; }.app-size-d .mb30-d { margin-bottom:30px; }.app-size-d .ml30-d { margin-left:30px; }.app-size-d .mtb30-d { margin-top:30px; margin-bottom:30px; }.app-size-d .mlr30-d { margin-left:30px; margin-right:30px; }.app-size-bt .m30-bt { margin:30px; }.app-size-bt .mt30-bt { margin-top:30px; }.app-size-bt .mr30-bt { margin-right:30px; }.app-size-bt .mb30-bt { margin-bottom:30px; }.app-size-bt .ml30-bt { margin-left:30px; }.app-size-bt .mtb30-bt { margin-top:30px; margin-bottom:30px; }.app-size-bt .mlr30-bt { margin-left:30px; margin-right:30px; }.app-size-t .m30-t { margin:30px; }.app-size-t .mt30-t { margin-top:30px; }.app-size-t .mr30-t { margin-right:30px; }.app-size-t .mb30-t { margin-bottom:30px; }.app-size-t .ml30-t { margin-left:30px; }.app-size-t .mtb30-t { margin-top:30px; margin-bottom:30px; }.app-size-t .mlr30-t { margin-left:30px; margin-right:30px; }.app-size-p .m30-p { margin:30px; }.app-size-p .mt30-p { margin-top:30px; }.app-size-p .mr30-p { margin-right:30px; }.app-size-p .mb30-p { margin-bottom:30px; }.app-size-p .ml30-p { margin-left:30px; }.app-size-p .mtb30-p { margin-top:30px; margin-bottom:30px; }.app-size-p .mlr30-p { margin-left:30px; margin-right:30px; }.m35 { margin:35px; }.mt35 { margin-top:35px; }.mb35 { margin-bottom:35px; }.ml35 { margin-left:35px; }.mr35 { margin-right:35px; }.mtb35 { margin-top:35px; margin-bottom:35px; }.mlr35 { margin-left:35px; margin-right:35px; }.app-size-d .m35-d { margin:35px; }.app-size-d .mt35-d { margin-top:35px; }.app-size-d .mr35-d { margin-right:35px; }.app-size-d .mb35-d { margin-bottom:35px; }.app-size-d .ml35-d { margin-left:35px; }.app-size-d .mtb35-d { margin-top:35px; margin-bottom:35px; }.app-size-d .mlr35-d { margin-left:35px; margin-right:35px; }.app-size-bt .m35-bt { margin:35px; }.app-size-bt .mt35-bt { margin-top:35px; }.app-size-bt .mr35-bt { margin-right:35px; }.app-size-bt .mb35-bt { margin-bottom:35px; }.app-size-bt .ml35-bt { margin-left:35px; }.app-size-bt .mtb35-bt { margin-top:35px; margin-bottom:35px; }.app-size-bt .mlr35-bt { margin-left:35px; margin-right:35px; }.app-size-t .m35-t { margin:35px; }.app-size-t .mt35-t { margin-top:35px; }.app-size-t .mr35-t { margin-right:35px; }.app-size-t .mb35-t { margin-bottom:35px; }.app-size-t .ml35-t { margin-left:35px; }.app-size-t .mtb35-t { margin-top:35px; margin-bottom:35px; }.app-size-t .mlr35-t { margin-left:35px; margin-right:35px; }.app-size-p .m35-p { margin:35px; }.app-size-p .mt35-p { margin-top:35px; }.app-size-p .mr35-p { margin-right:35px; }.app-size-p .mb35-p { margin-bottom:35px; }.app-size-p .ml35-p { margin-left:35px; }.app-size-p .mtb35-p { margin-top:35px; margin-bottom:35px; }.app-size-p .mlr35-p { margin-left:35px; margin-right:35px; }.m40 { margin:40px; }.mt40 { margin-top:40px; }.mb40 { margin-bottom:40px; }.ml40 { margin-left:40px; }.mr40 { margin-right:40px; }.mtb40 { margin-top:40px; margin-bottom:40px; }.mlr40 { margin-left:40px; margin-right:40px; }.app-size-d .m40-d { margin:40px; }.app-size-d .mt40-d { margin-top:40px; }.app-size-d .mr40-d { margin-right:40px; }.app-size-d .mb40-d { margin-bottom:40px; }.app-size-d .ml40-d { margin-left:40px; }.app-size-d .mtb40-d { margin-top:40px; margin-bottom:40px; }.app-size-d .mlr40-d { margin-left:40px; margin-right:40px; }.app-size-bt .m40-bt { margin:40px; }.app-size-bt .mt40-bt { margin-top:40px; }.app-size-bt .mr40-bt { margin-right:40px; }.app-size-bt .mb40-bt { margin-bottom:40px; }.app-size-bt .ml40-bt { margin-left:40px; }.app-size-bt .mtb40-bt { margin-top:40px; margin-bottom:40px; }.app-size-bt .mlr40-bt { margin-left:40px; margin-right:40px; }.app-size-t .m40-t { margin:40px; }.app-size-t .mt40-t { margin-top:40px; }.app-size-t .mr40-t { margin-right:40px; }.app-size-t .mb40-t { margin-bottom:40px; }.app-size-t .ml40-t { margin-left:40px; }.app-size-t .mtb40-t { margin-top:40px; margin-bottom:40px; }.app-size-t .mlr40-t { margin-left:40px; margin-right:40px; }.app-size-p .m40-p { margin:40px; }.app-size-p .mt40-p { margin-top:40px; }.app-size-p .mr40-p { margin-right:40px; }.app-size-p .mb40-p { margin-bottom:40px; }.app-size-p .ml40-p { margin-left:40px; }.app-size-p .mtb40-p { margin-top:40px; margin-bottom:40px; }.app-size-p .mlr40-p { margin-left:40px; margin-right:40px; }.m45 { margin:45px; }.mt45 { margin-top:45px; }.mb45 { margin-bottom:45px; }.ml45 { margin-left:45px; }.mr45 { margin-right:45px; }.mtb45 { margin-top:45px; margin-bottom:45px; }.mlr45 { margin-left:45px; margin-right:45px; }.app-size-d .m45-d { margin:45px; }.app-size-d .mt45-d { margin-top:45px; }.app-size-d .mr45-d { margin-right:45px; }.app-size-d .mb45-d { margin-bottom:45px; }.app-size-d .ml45-d { margin-left:45px; }.app-size-d .mtb45-d { margin-top:45px; margin-bottom:45px; }.app-size-d .mlr45-d { margin-left:45px; margin-right:45px; }.app-size-bt .m45-bt { margin:45px; }.app-size-bt .mt45-bt { margin-top:45px; }.app-size-bt .mr45-bt { margin-right:45px; }.app-size-bt .mb45-bt { margin-bottom:45px; }.app-size-bt .ml45-bt { margin-left:45px; }.app-size-bt .mtb45-bt { margin-top:45px; margin-bottom:45px; }.app-size-bt .mlr45-bt { margin-left:45px; margin-right:45px; }.app-size-t .m45-t { margin:45px; }.app-size-t .mt45-t { margin-top:45px; }.app-size-t .mr45-t { margin-right:45px; }.app-size-t .mb45-t { margin-bottom:45px; }.app-size-t .ml45-t { margin-left:45px; }.app-size-t .mtb45-t { margin-top:45px; margin-bottom:45px; }.app-size-t .mlr45-t { margin-left:45px; margin-right:45px; }.app-size-p .m45-p { margin:45px; }.app-size-p .mt45-p { margin-top:45px; }.app-size-p .mr45-p { margin-right:45px; }.app-size-p .mb45-p { margin-bottom:45px; }.app-size-p .ml45-p { margin-left:45px; }.app-size-p .mtb45-p { margin-top:45px; margin-bottom:45px; }.app-size-p .mlr45-p { margin-left:45px; margin-right:45px; }.m50 { margin:50px; }.mt50 { margin-top:50px; }.mb50 { margin-bottom:50px; }.ml50 { margin-left:50px; }.mr50 { margin-right:50px; }.mtb50 { margin-top:50px; margin-bottom:50px; }.mlr50 { margin-left:50px; margin-right:50px; }.app-size-d .m50-d { margin:50px; }.app-size-d .mt50-d { margin-top:50px; }.app-size-d .mr50-d { margin-right:50px; }.app-size-d .mb50-d { margin-bottom:50px; }.app-size-d .ml50-d { margin-left:50px; }.app-size-d .mtb50-d { margin-top:50px; margin-bottom:50px; }.app-size-d .mlr50-d { margin-left:50px; margin-right:50px; }.app-size-bt .m50-bt { margin:50px; }.app-size-bt .mt50-bt { margin-top:50px; }.app-size-bt .mr50-bt { margin-right:50px; }.app-size-bt .mb50-bt { margin-bottom:50px; }.app-size-bt .ml50-bt { margin-left:50px; }.app-size-bt .mtb50-bt { margin-top:50px; margin-bottom:50px; }.app-size-bt .mlr50-bt { margin-left:50px; margin-right:50px; }.app-size-t .m50-t { margin:50px; }.app-size-t .mt50-t { margin-top:50px; }.app-size-t .mr50-t { margin-right:50px; }.app-size-t .mb50-t { margin-bottom:50px; }.app-size-t .ml50-t { margin-left:50px; }.app-size-t .mtb50-t { margin-top:50px; margin-bottom:50px; }.app-size-t .mlr50-t { margin-left:50px; margin-right:50px; }.app-size-p .m50-p { margin:50px; }.app-size-p .mt50-p { margin-top:50px; }.app-size-p .mr50-p { margin-right:50px; }.app-size-p .mb50-p { margin-bottom:50px; }.app-size-p .ml50-p { margin-left:50px; }.app-size-p .mtb50-p { margin-top:50px; margin-bottom:50px; }.app-size-p .mlr50-p { margin-left:50px; margin-right:50px; }.m55 { margin:55px; }.mt55 { margin-top:55px; }.mb55 { margin-bottom:55px; }.ml55 { margin-left:55px; }.mr55 { margin-right:55px; }.mtb55 { margin-top:55px; margin-bottom:55px; }.mlr55 { margin-left:55px; margin-right:55px; }.app-size-d .m55-d { margin:55px; }.app-size-d .mt55-d { margin-top:55px; }.app-size-d .mr55-d { margin-right:55px; }.app-size-d .mb55-d { margin-bottom:55px; }.app-size-d .ml55-d { margin-left:55px; }.app-size-d .mtb55-d { margin-top:55px; margin-bottom:55px; }.app-size-d .mlr55-d { margin-left:55px; margin-right:55px; }.app-size-bt .m55-bt { margin:55px; }.app-size-bt .mt55-bt { margin-top:55px; }.app-size-bt .mr55-bt { margin-right:55px; }.app-size-bt .mb55-bt { margin-bottom:55px; }.app-size-bt .ml55-bt { margin-left:55px; }.app-size-bt .mtb55-bt { margin-top:55px; margin-bottom:55px; }.app-size-bt .mlr55-bt { margin-left:55px; margin-right:55px; }.app-size-t .m55-t { margin:55px; }.app-size-t .mt55-t { margin-top:55px; }.app-size-t .mr55-t { margin-right:55px; }.app-size-t .mb55-t { margin-bottom:55px; }.app-size-t .ml55-t { margin-left:55px; }.app-size-t .mtb55-t { margin-top:55px; margin-bottom:55px; }.app-size-t .mlr55-t { margin-left:55px; margin-right:55px; }.app-size-p .m55-p { margin:55px; }.app-size-p .mt55-p { margin-top:55px; }.app-size-p .mr55-p { margin-right:55px; }.app-size-p .mb55-p { margin-bottom:55px; }.app-size-p .ml55-p { margin-left:55px; }.app-size-p .mtb55-p { margin-top:55px; margin-bottom:55px; }.app-size-p .mlr55-p { margin-left:55px; margin-right:55px; }.m60 { margin:60px; }.mt60 { margin-top:60px; }.mb60 { margin-bottom:60px; }.ml60 { margin-left:60px; }.mr60 { margin-right:60px; }.mtb60 { margin-top:60px; margin-bottom:60px; }.mlr60 { margin-left:60px; margin-right:60px; }.app-size-d .m60-d { margin:60px; }.app-size-d .mt60-d { margin-top:60px; }.app-size-d .mr60-d { margin-right:60px; }.app-size-d .mb60-d { margin-bottom:60px; }.app-size-d .ml60-d { margin-left:60px; }.app-size-d .mtb60-d { margin-top:60px; margin-bottom:60px; }.app-size-d .mlr60-d { margin-left:60px; margin-right:60px; }.app-size-bt .m60-bt { margin:60px; }.app-size-bt .mt60-bt { margin-top:60px; }.app-size-bt .mr60-bt { margin-right:60px; }.app-size-bt .mb60-bt { margin-bottom:60px; }.app-size-bt .ml60-bt { margin-left:60px; }.app-size-bt .mtb60-bt { margin-top:60px; margin-bottom:60px; }.app-size-bt .mlr60-bt { margin-left:60px; margin-right:60px; }.app-size-t .m60-t { margin:60px; }.app-size-t .mt60-t { margin-top:60px; }.app-size-t .mr60-t { margin-right:60px; }.app-size-t .mb60-t { margin-bottom:60px; }.app-size-t .ml60-t { margin-left:60px; }.app-size-t .mtb60-t { margin-top:60px; margin-bottom:60px; }.app-size-t .mlr60-t { margin-left:60px; margin-right:60px; }.app-size-p .m60-p { margin:60px; }.app-size-p .mt60-p { margin-top:60px; }.app-size-p .mr60-p { margin-right:60px; }.app-size-p .mb60-p { margin-bottom:60px; }.app-size-p .ml60-p { margin-left:60px; }.app-size-p .mtb60-p { margin-top:60px; margin-bottom:60px; }.app-size-p .mlr60-p { margin-left:60px; margin-right:60px; }.m65 { margin:65px; }.mt65 { margin-top:65px; }.mb65 { margin-bottom:65px; }.ml65 { margin-left:65px; }.mr65 { margin-right:65px; }.mtb65 { margin-top:65px; margin-bottom:65px; }.mlr65 { margin-left:65px; margin-right:65px; }.app-size-d .m65-d { margin:65px; }.app-size-d .mt65-d { margin-top:65px; }.app-size-d .mr65-d { margin-right:65px; }.app-size-d .mb65-d { margin-bottom:65px; }.app-size-d .ml65-d { margin-left:65px; }.app-size-d .mtb65-d { margin-top:65px; margin-bottom:65px; }.app-size-d .mlr65-d { margin-left:65px; margin-right:65px; }.app-size-bt .m65-bt { margin:65px; }.app-size-bt .mt65-bt { margin-top:65px; }.app-size-bt .mr65-bt { margin-right:65px; }.app-size-bt .mb65-bt { margin-bottom:65px; }.app-size-bt .ml65-bt { margin-left:65px; }.app-size-bt .mtb65-bt { margin-top:65px; margin-bottom:65px; }.app-size-bt .mlr65-bt { margin-left:65px; margin-right:65px; }.app-size-t .m65-t { margin:65px; }.app-size-t .mt65-t { margin-top:65px; }.app-size-t .mr65-t { margin-right:65px; }.app-size-t .mb65-t { margin-bottom:65px; }.app-size-t .ml65-t { margin-left:65px; }.app-size-t .mtb65-t { margin-top:65px; margin-bottom:65px; }.app-size-t .mlr65-t { margin-left:65px; margin-right:65px; }.app-size-p .m65-p { margin:65px; }.app-size-p .mt65-p { margin-top:65px; }.app-size-p .mr65-p { margin-right:65px; }.app-size-p .mb65-p { margin-bottom:65px; }.app-size-p .ml65-p { margin-left:65px; }.app-size-p .mtb65-p { margin-top:65px; margin-bottom:65px; }.app-size-p .mlr65-p { margin-left:65px; margin-right:65px; }.m70 { margin:70px; }.mt70 { margin-top:70px; }.mb70 { margin-bottom:70px; }.ml70 { margin-left:70px; }.mr70 { margin-right:70px; }.mtb70 { margin-top:70px; margin-bottom:70px; }.mlr70 { margin-left:70px; margin-right:70px; }.app-size-d .m70-d { margin:70px; }.app-size-d .mt70-d { margin-top:70px; }.app-size-d .mr70-d { margin-right:70px; }.app-size-d .mb70-d { margin-bottom:70px; }.app-size-d .ml70-d { margin-left:70px; }.app-size-d .mtb70-d { margin-top:70px; margin-bottom:70px; }.app-size-d .mlr70-d { margin-left:70px; margin-right:70px; }.app-size-bt .m70-bt { margin:70px; }.app-size-bt .mt70-bt { margin-top:70px; }.app-size-bt .mr70-bt { margin-right:70px; }.app-size-bt .mb70-bt { margin-bottom:70px; }.app-size-bt .ml70-bt { margin-left:70px; }.app-size-bt .mtb70-bt { margin-top:70px; margin-bottom:70px; }.app-size-bt .mlr70-bt { margin-left:70px; margin-right:70px; }.app-size-t .m70-t { margin:70px; }.app-size-t .mt70-t { margin-top:70px; }.app-size-t .mr70-t { margin-right:70px; }.app-size-t .mb70-t { margin-bottom:70px; }.app-size-t .ml70-t { margin-left:70px; }.app-size-t .mtb70-t { margin-top:70px; margin-bottom:70px; }.app-size-t .mlr70-t { margin-left:70px; margin-right:70px; }.app-size-p .m70-p { margin:70px; }.app-size-p .mt70-p { margin-top:70px; }.app-size-p .mr70-p { margin-right:70px; }.app-size-p .mb70-p { margin-bottom:70px; }.app-size-p .ml70-p { margin-left:70px; }.app-size-p .mtb70-p { margin-top:70px; margin-bottom:70px; }.app-size-p .mlr70-p { margin-left:70px; margin-right:70px; }.m75 { margin:75px; }.mt75 { margin-top:75px; }.mb75 { margin-bottom:75px; }.ml75 { margin-left:75px; }.mr75 { margin-right:75px; }.mtb75 { margin-top:75px; margin-bottom:75px; }.mlr75 { margin-left:75px; margin-right:75px; }.app-size-d .m75-d { margin:75px; }.app-size-d .mt75-d { margin-top:75px; }.app-size-d .mr75-d { margin-right:75px; }.app-size-d .mb75-d { margin-bottom:75px; }.app-size-d .ml75-d { margin-left:75px; }.app-size-d .mtb75-d { margin-top:75px; margin-bottom:75px; }.app-size-d .mlr75-d { margin-left:75px; margin-right:75px; }.app-size-bt .m75-bt { margin:75px; }.app-size-bt .mt75-bt { margin-top:75px; }.app-size-bt .mr75-bt { margin-right:75px; }.app-size-bt .mb75-bt { margin-bottom:75px; }.app-size-bt .ml75-bt { margin-left:75px; }.app-size-bt .mtb75-bt { margin-top:75px; margin-bottom:75px; }.app-size-bt .mlr75-bt { margin-left:75px; margin-right:75px; }.app-size-t .m75-t { margin:75px; }.app-size-t .mt75-t { margin-top:75px; }.app-size-t .mr75-t { margin-right:75px; }.app-size-t .mb75-t { margin-bottom:75px; }.app-size-t .ml75-t { margin-left:75px; }.app-size-t .mtb75-t { margin-top:75px; margin-bottom:75px; }.app-size-t .mlr75-t { margin-left:75px; margin-right:75px; }.app-size-p .m75-p { margin:75px; }.app-size-p .mt75-p { margin-top:75px; }.app-size-p .mr75-p { margin-right:75px; }.app-size-p .mb75-p { margin-bottom:75px; }.app-size-p .ml75-p { margin-left:75px; }.app-size-p .mtb75-p { margin-top:75px; margin-bottom:75px; }.app-size-p .mlr75-p { margin-left:75px; margin-right:75px; }.m80 { margin:80px; }.mt80 { margin-top:80px; }.mb80 { margin-bottom:80px; }.ml80 { margin-left:80px; }.mr80 { margin-right:80px; }.mtb80 { margin-top:80px; margin-bottom:80px; }.mlr80 { margin-left:80px; margin-right:80px; }.app-size-d .m80-d { margin:80px; }.app-size-d .mt80-d { margin-top:80px; }.app-size-d .mr80-d { margin-right:80px; }.app-size-d .mb80-d { margin-bottom:80px; }.app-size-d .ml80-d { margin-left:80px; }.app-size-d .mtb80-d { margin-top:80px; margin-bottom:80px; }.app-size-d .mlr80-d { margin-left:80px; margin-right:80px; }.app-size-bt .m80-bt { margin:80px; }.app-size-bt .mt80-bt { margin-top:80px; }.app-size-bt .mr80-bt { margin-right:80px; }.app-size-bt .mb80-bt { margin-bottom:80px; }.app-size-bt .ml80-bt { margin-left:80px; }.app-size-bt .mtb80-bt { margin-top:80px; margin-bottom:80px; }.app-size-bt .mlr80-bt { margin-left:80px; margin-right:80px; }.app-size-t .m80-t { margin:80px; }.app-size-t .mt80-t { margin-top:80px; }.app-size-t .mr80-t { margin-right:80px; }.app-size-t .mb80-t { margin-bottom:80px; }.app-size-t .ml80-t { margin-left:80px; }.app-size-t .mtb80-t { margin-top:80px; margin-bottom:80px; }.app-size-t .mlr80-t { margin-left:80px; margin-right:80px; }.app-size-p .m80-p { margin:80px; }.app-size-p .mt80-p { margin-top:80px; }.app-size-p .mr80-p { margin-right:80px; }.app-size-p .mb80-p { margin-bottom:80px; }.app-size-p .ml80-p { margin-left:80px; }.app-size-p .mtb80-p { margin-top:80px; margin-bottom:80px; }.app-size-p .mlr80-p { margin-left:80px; margin-right:80px; }.m85 { margin:85px; }.mt85 { margin-top:85px; }.mb85 { margin-bottom:85px; }.ml85 { margin-left:85px; }.mr85 { margin-right:85px; }.mtb85 { margin-top:85px; margin-bottom:85px; }.mlr85 { margin-left:85px; margin-right:85px; }.app-size-d .m85-d { margin:85px; }.app-size-d .mt85-d { margin-top:85px; }.app-size-d .mr85-d { margin-right:85px; }.app-size-d .mb85-d { margin-bottom:85px; }.app-size-d .ml85-d { margin-left:85px; }.app-size-d .mtb85-d { margin-top:85px; margin-bottom:85px; }.app-size-d .mlr85-d { margin-left:85px; margin-right:85px; }.app-size-bt .m85-bt { margin:85px; }.app-size-bt .mt85-bt { margin-top:85px; }.app-size-bt .mr85-bt { margin-right:85px; }.app-size-bt .mb85-bt { margin-bottom:85px; }.app-size-bt .ml85-bt { margin-left:85px; }.app-size-bt .mtb85-bt { margin-top:85px; margin-bottom:85px; }.app-size-bt .mlr85-bt { margin-left:85px; margin-right:85px; }.app-size-t .m85-t { margin:85px; }.app-size-t .mt85-t { margin-top:85px; }.app-size-t .mr85-t { margin-right:85px; }.app-size-t .mb85-t { margin-bottom:85px; }.app-size-t .ml85-t { margin-left:85px; }.app-size-t .mtb85-t { margin-top:85px; margin-bottom:85px; }.app-size-t .mlr85-t { margin-left:85px; margin-right:85px; }.app-size-p .m85-p { margin:85px; }.app-size-p .mt85-p { margin-top:85px; }.app-size-p .mr85-p { margin-right:85px; }.app-size-p .mb85-p { margin-bottom:85px; }.app-size-p .ml85-p { margin-left:85px; }.app-size-p .mtb85-p { margin-top:85px; margin-bottom:85px; }.app-size-p .mlr85-p { margin-left:85px; margin-right:85px; }.m90 { margin:90px; }.mt90 { margin-top:90px; }.mb90 { margin-bottom:90px; }.ml90 { margin-left:90px; }.mr90 { margin-right:90px; }.mtb90 { margin-top:90px; margin-bottom:90px; }.mlr90 { margin-left:90px; margin-right:90px; }.app-size-d .m90-d { margin:90px; }.app-size-d .mt90-d { margin-top:90px; }.app-size-d .mr90-d { margin-right:90px; }.app-size-d .mb90-d { margin-bottom:90px; }.app-size-d .ml90-d { margin-left:90px; }.app-size-d .mtb90-d { margin-top:90px; margin-bottom:90px; }.app-size-d .mlr90-d { margin-left:90px; margin-right:90px; }.app-size-bt .m90-bt { margin:90px; }.app-size-bt .mt90-bt { margin-top:90px; }.app-size-bt .mr90-bt { margin-right:90px; }.app-size-bt .mb90-bt { margin-bottom:90px; }.app-size-bt .ml90-bt { margin-left:90px; }.app-size-bt .mtb90-bt { margin-top:90px; margin-bottom:90px; }.app-size-bt .mlr90-bt { margin-left:90px; margin-right:90px; }.app-size-t .m90-t { margin:90px; }.app-size-t .mt90-t { margin-top:90px; }.app-size-t .mr90-t { margin-right:90px; }.app-size-t .mb90-t { margin-bottom:90px; }.app-size-t .ml90-t { margin-left:90px; }.app-size-t .mtb90-t { margin-top:90px; margin-bottom:90px; }.app-size-t .mlr90-t { margin-left:90px; margin-right:90px; }.app-size-p .m90-p { margin:90px; }.app-size-p .mt90-p { margin-top:90px; }.app-size-p .mr90-p { margin-right:90px; }.app-size-p .mb90-p { margin-bottom:90px; }.app-size-p .ml90-p { margin-left:90px; }.app-size-p .mtb90-p { margin-top:90px; margin-bottom:90px; }.app-size-p .mlr90-p { margin-left:90px; margin-right:90px; }.m95 { margin:95px; }.mt95 { margin-top:95px; }.mb95 { margin-bottom:95px; }.ml95 { margin-left:95px; }.mr95 { margin-right:95px; }.mtb95 { margin-top:95px; margin-bottom:95px; }.mlr95 { margin-left:95px; margin-right:95px; }.app-size-d .m95-d { margin:95px; }.app-size-d .mt95-d { margin-top:95px; }.app-size-d .mr95-d { margin-right:95px; }.app-size-d .mb95-d { margin-bottom:95px; }.app-size-d .ml95-d { margin-left:95px; }.app-size-d .mtb95-d { margin-top:95px; margin-bottom:95px; }.app-size-d .mlr95-d { margin-left:95px; margin-right:95px; }.app-size-bt .m95-bt { margin:95px; }.app-size-bt .mt95-bt { margin-top:95px; }.app-size-bt .mr95-bt { margin-right:95px; }.app-size-bt .mb95-bt { margin-bottom:95px; }.app-size-bt .ml95-bt { margin-left:95px; }.app-size-bt .mtb95-bt { margin-top:95px; margin-bottom:95px; }.app-size-bt .mlr95-bt { margin-left:95px; margin-right:95px; }.app-size-t .m95-t { margin:95px; }.app-size-t .mt95-t { margin-top:95px; }.app-size-t .mr95-t { margin-right:95px; }.app-size-t .mb95-t { margin-bottom:95px; }.app-size-t .ml95-t { margin-left:95px; }.app-size-t .mtb95-t { margin-top:95px; margin-bottom:95px; }.app-size-t .mlr95-t { margin-left:95px; margin-right:95px; }.app-size-p .m95-p { margin:95px; }.app-size-p .mt95-p { margin-top:95px; }.app-size-p .mr95-p { margin-right:95px; }.app-size-p .mb95-p { margin-bottom:95px; }.app-size-p .ml95-p { margin-left:95px; }.app-size-p .mtb95-p { margin-top:95px; margin-bottom:95px; }.app-size-p .mlr95-p { margin-left:95px; margin-right:95px; }.m100 { margin:100px; }.mt100 { margin-top:100px; }.mb100 { margin-bottom:100px; }.ml100 { margin-left:100px; }.mr100 { margin-right:100px; }.mtb100 { margin-top:100px; margin-bottom:100px; }.mlr100 { margin-left:100px; margin-right:100px; }.app-size-d .m100-d { margin:100px; }.app-size-d .mt100-d { margin-top:100px; }.app-size-d .mr100-d { margin-right:100px; }.app-size-d .mb100-d { margin-bottom:100px; }.app-size-d .ml100-d { margin-left:100px; }.app-size-d .mtb100-d { margin-top:100px; margin-bottom:100px; }.app-size-d .mlr100-d { margin-left:100px; margin-right:100px; }.app-size-bt .m100-bt { margin:100px; }.app-size-bt .mt100-bt { margin-top:100px; }.app-size-bt .mr100-bt { margin-right:100px; }.app-size-bt .mb100-bt { margin-bottom:100px; }.app-size-bt .ml100-bt { margin-left:100px; }.app-size-bt .mtb100-bt { margin-top:100px; margin-bottom:100px; }.app-size-bt .mlr100-bt { margin-left:100px; margin-right:100px; }.app-size-t .m100-t { margin:100px; }.app-size-t .mt100-t { margin-top:100px; }.app-size-t .mr100-t { margin-right:100px; }.app-size-t .mb100-t { margin-bottom:100px; }.app-size-t .ml100-t { margin-left:100px; }.app-size-t .mtb100-t { margin-top:100px; margin-bottom:100px; }.app-size-t .mlr100-t { margin-left:100px; margin-right:100px; }.app-size-p .m100-p { margin:100px; }.app-size-p .mt100-p { margin-top:100px; }.app-size-p .mr100-p { margin-right:100px; }.app-size-p .mb100-p { margin-bottom:100px; }.app-size-p .ml100-p { margin-left:100px; }.app-size-p .mtb100-p { margin-top:100px; margin-bottom:100px; }.app-size-p .mlr100-p { margin-left:100px; margin-right:100px; }.m105 { margin:105px; }.mt105 { margin-top:105px; }.mb105 { margin-bottom:105px; }.ml105 { margin-left:105px; }.mr105 { margin-right:105px; }.mtb105 { margin-top:105px; margin-bottom:105px; }.mlr105 { margin-left:105px; margin-right:105px; }.app-size-d .m105-d { margin:105px; }.app-size-d .mt105-d { margin-top:105px; }.app-size-d .mr105-d { margin-right:105px; }.app-size-d .mb105-d { margin-bottom:105px; }.app-size-d .ml105-d { margin-left:105px; }.app-size-d .mtb105-d { margin-top:105px; margin-bottom:105px; }.app-size-d .mlr105-d { margin-left:105px; margin-right:105px; }.app-size-bt .m105-bt { margin:105px; }.app-size-bt .mt105-bt { margin-top:105px; }.app-size-bt .mr105-bt { margin-right:105px; }.app-size-bt .mb105-bt { margin-bottom:105px; }.app-size-bt .ml105-bt { margin-left:105px; }.app-size-bt .mtb105-bt { margin-top:105px; margin-bottom:105px; }.app-size-bt .mlr105-bt { margin-left:105px; margin-right:105px; }.app-size-t .m105-t { margin:105px; }.app-size-t .mt105-t { margin-top:105px; }.app-size-t .mr105-t { margin-right:105px; }.app-size-t .mb105-t { margin-bottom:105px; }.app-size-t .ml105-t { margin-left:105px; }.app-size-t .mtb105-t { margin-top:105px; margin-bottom:105px; }.app-size-t .mlr105-t { margin-left:105px; margin-right:105px; }.app-size-p .m105-p { margin:105px; }.app-size-p .mt105-p { margin-top:105px; }.app-size-p .mr105-p { margin-right:105px; }.app-size-p .mb105-p { margin-bottom:105px; }.app-size-p .ml105-p { margin-left:105px; }.app-size-p .mtb105-p { margin-top:105px; margin-bottom:105px; }.app-size-p .mlr105-p { margin-left:105px; margin-right:105px; }.m110 { margin:110px; }.mt110 { margin-top:110px; }.mb110 { margin-bottom:110px; }.ml110 { margin-left:110px; }.mr110 { margin-right:110px; }.mtb110 { margin-top:110px; margin-bottom:110px; }.mlr110 { margin-left:110px; margin-right:110px; }.app-size-d .m110-d { margin:110px; }.app-size-d .mt110-d { margin-top:110px; }.app-size-d .mr110-d { margin-right:110px; }.app-size-d .mb110-d { margin-bottom:110px; }.app-size-d .ml110-d { margin-left:110px; }.app-size-d .mtb110-d { margin-top:110px; margin-bottom:110px; }.app-size-d .mlr110-d { margin-left:110px; margin-right:110px; }.app-size-bt .m110-bt { margin:110px; }.app-size-bt .mt110-bt { margin-top:110px; }.app-size-bt .mr110-bt { margin-right:110px; }.app-size-bt .mb110-bt { margin-bottom:110px; }.app-size-bt .ml110-bt { margin-left:110px; }.app-size-bt .mtb110-bt { margin-top:110px; margin-bottom:110px; }.app-size-bt .mlr110-bt { margin-left:110px; margin-right:110px; }.app-size-t .m110-t { margin:110px; }.app-size-t .mt110-t { margin-top:110px; }.app-size-t .mr110-t { margin-right:110px; }.app-size-t .mb110-t { margin-bottom:110px; }.app-size-t .ml110-t { margin-left:110px; }.app-size-t .mtb110-t { margin-top:110px; margin-bottom:110px; }.app-size-t .mlr110-t { margin-left:110px; margin-right:110px; }.app-size-p .m110-p { margin:110px; }.app-size-p .mt110-p { margin-top:110px; }.app-size-p .mr110-p { margin-right:110px; }.app-size-p .mb110-p { margin-bottom:110px; }.app-size-p .ml110-p { margin-left:110px; }.app-size-p .mtb110-p { margin-top:110px; margin-bottom:110px; }.app-size-p .mlr110-p { margin-left:110px; margin-right:110px; }.m115 { margin:115px; }.mt115 { margin-top:115px; }.mb115 { margin-bottom:115px; }.ml115 { margin-left:115px; }.mr115 { margin-right:115px; }.mtb115 { margin-top:115px; margin-bottom:115px; }.mlr115 { margin-left:115px; margin-right:115px; }.app-size-d .m115-d { margin:115px; }.app-size-d .mt115-d { margin-top:115px; }.app-size-d .mr115-d { margin-right:115px; }.app-size-d .mb115-d { margin-bottom:115px; }.app-size-d .ml115-d { margin-left:115px; }.app-size-d .mtb115-d { margin-top:115px; margin-bottom:115px; }.app-size-d .mlr115-d { margin-left:115px; margin-right:115px; }.app-size-bt .m115-bt { margin:115px; }.app-size-bt .mt115-bt { margin-top:115px; }.app-size-bt .mr115-bt { margin-right:115px; }.app-size-bt .mb115-bt { margin-bottom:115px; }.app-size-bt .ml115-bt { margin-left:115px; }.app-size-bt .mtb115-bt { margin-top:115px; margin-bottom:115px; }.app-size-bt .mlr115-bt { margin-left:115px; margin-right:115px; }.app-size-t .m115-t { margin:115px; }.app-size-t .mt115-t { margin-top:115px; }.app-size-t .mr115-t { margin-right:115px; }.app-size-t .mb115-t { margin-bottom:115px; }.app-size-t .ml115-t { margin-left:115px; }.app-size-t .mtb115-t { margin-top:115px; margin-bottom:115px; }.app-size-t .mlr115-t { margin-left:115px; margin-right:115px; }.app-size-p .m115-p { margin:115px; }.app-size-p .mt115-p { margin-top:115px; }.app-size-p .mr115-p { margin-right:115px; }.app-size-p .mb115-p { margin-bottom:115px; }.app-size-p .ml115-p { margin-left:115px; }.app-size-p .mtb115-p { margin-top:115px; margin-bottom:115px; }.app-size-p .mlr115-p { margin-left:115px; margin-right:115px; }.m120 { margin:120px; }.mt120 { margin-top:120px; }.mb120 { margin-bottom:120px; }.ml120 { margin-left:120px; }.mr120 { margin-right:120px; }.mtb120 { margin-top:120px; margin-bottom:120px; }.mlr120 { margin-left:120px; margin-right:120px; }.app-size-d .m120-d { margin:120px; }.app-size-d .mt120-d { margin-top:120px; }.app-size-d .mr120-d { margin-right:120px; }.app-size-d .mb120-d { margin-bottom:120px; }.app-size-d .ml120-d { margin-left:120px; }.app-size-d .mtb120-d { margin-top:120px; margin-bottom:120px; }.app-size-d .mlr120-d { margin-left:120px; margin-right:120px; }.app-size-bt .m120-bt { margin:120px; }.app-size-bt .mt120-bt { margin-top:120px; }.app-size-bt .mr120-bt { margin-right:120px; }.app-size-bt .mb120-bt { margin-bottom:120px; }.app-size-bt .ml120-bt { margin-left:120px; }.app-size-bt .mtb120-bt { margin-top:120px; margin-bottom:120px; }.app-size-bt .mlr120-bt { margin-left:120px; margin-right:120px; }.app-size-t .m120-t { margin:120px; }.app-size-t .mt120-t { margin-top:120px; }.app-size-t .mr120-t { margin-right:120px; }.app-size-t .mb120-t { margin-bottom:120px; }.app-size-t .ml120-t { margin-left:120px; }.app-size-t .mtb120-t { margin-top:120px; margin-bottom:120px; }.app-size-t .mlr120-t { margin-left:120px; margin-right:120px; }.app-size-p .m120-p { margin:120px; }.app-size-p .mt120-p { margin-top:120px; }.app-size-p .mr120-p { margin-right:120px; }.app-size-p .mb120-p { margin-bottom:120px; }.app-size-p .ml120-p { margin-left:120px; }.app-size-p .mtb120-p { margin-top:120px; margin-bottom:120px; }.app-size-p .mlr120-p { margin-left:120px; margin-right:120px; }.m125 { margin:125px; }.mt125 { margin-top:125px; }.mb125 { margin-bottom:125px; }.ml125 { margin-left:125px; }.mr125 { margin-right:125px; }.mtb125 { margin-top:125px; margin-bottom:125px; }.mlr125 { margin-left:125px; margin-right:125px; }.app-size-d .m125-d { margin:125px; }.app-size-d .mt125-d { margin-top:125px; }.app-size-d .mr125-d { margin-right:125px; }.app-size-d .mb125-d { margin-bottom:125px; }.app-size-d .ml125-d { margin-left:125px; }.app-size-d .mtb125-d { margin-top:125px; margin-bottom:125px; }.app-size-d .mlr125-d { margin-left:125px; margin-right:125px; }.app-size-bt .m125-bt { margin:125px; }.app-size-bt .mt125-bt { margin-top:125px; }.app-size-bt .mr125-bt { margin-right:125px; }.app-size-bt .mb125-bt { margin-bottom:125px; }.app-size-bt .ml125-bt { margin-left:125px; }.app-size-bt .mtb125-bt { margin-top:125px; margin-bottom:125px; }.app-size-bt .mlr125-bt { margin-left:125px; margin-right:125px; }.app-size-t .m125-t { margin:125px; }.app-size-t .mt125-t { margin-top:125px; }.app-size-t .mr125-t { margin-right:125px; }.app-size-t .mb125-t { margin-bottom:125px; }.app-size-t .ml125-t { margin-left:125px; }.app-size-t .mtb125-t { margin-top:125px; margin-bottom:125px; }.app-size-t .mlr125-t { margin-left:125px; margin-right:125px; }.app-size-p .m125-p { margin:125px; }.app-size-p .mt125-p { margin-top:125px; }.app-size-p .mr125-p { margin-right:125px; }.app-size-p .mb125-p { margin-bottom:125px; }.app-size-p .ml125-p { margin-left:125px; }.app-size-p .mtb125-p { margin-top:125px; margin-bottom:125px; }.app-size-p .mlr125-p { margin-left:125px; margin-right:125px; }.p0 { padding:0px; }.pt0 { padding-top:0px; }.pb0 { padding-bottom:0px; }.pl0 { padding-left:0px; }.pr0 { padding-right:0px; }.ptb0 { padding-top:0px; padding-bottom:0px; }.plr0 { padding-left:0px; padding-right:0px; }.app-size-d .p0-d { padding:0px; }.app-size-d .pt0-d { padding-top:0px; }.app-size-d .pr0-d { padding-right:0px; }.app-size-d .pb0-d { padding-bottom:0px; }.app-size-d .pl0-d { padding-left:0px; }.app-size-d .ptb0-d { padding-top:0px; padding-bottom:0px; }.app-size-d .plr0-d { padding-left:0px; padding-right:0px; }.app-size-bt .p0-bt { padding:0px; }.app-size-bt .pt0-bt { padding-top:0px; }.app-size-bt .pr0-bt { padding-right:0px; }.app-size-bt .pb0-bt { padding-bottom:0px; }.app-size-bt .pl0-bt { padding-left:0px; }.app-size-bt .ptb0-bt { padding-top:0px; padding-bottom:0px; }.app-size-bt .plr0-bt { padding-left:0px; padding-right:0px; }.app-size-t .p0-t { padding:0px; }.app-size-t .pt0-t { padding-top:0px; }.app-size-t .pr0-t { padding-right:0px; }.app-size-t .pb0-t { padding-bottom:0px; }.app-size-t .pl0-t { padding-left:0px; }.app-size-t .ptb0-t { padding-top:0px; padding-bottom:0px; }.app-size-t .plr0-t { padding-left:0px; padding-right:0px; }.app-size-p .p0-p { padding:0px; }.app-size-p .pt0-p { padding-top:0px; }.app-size-p .pr0-p { padding-right:0px; }.app-size-p .pb0-p { padding-bottom:0px; }.app-size-p .pl0-p { padding-left:0px; }.app-size-p .ptb0-p { padding-top:0px; padding-bottom:0px; }.app-size-p .plr0-p { padding-left:0px; padding-right:0px; }.p5 { padding:5px; }.pt5 { padding-top:5px; }.pb5 { padding-bottom:5px; }.pl5 { padding-left:5px; }.pr5 { padding-right:5px; }.ptb5 { padding-top:5px; padding-bottom:5px; }.plr5 { padding-left:5px; padding-right:5px; }.app-size-d .p5-d { padding:5px; }.app-size-d .pt5-d { padding-top:5px; }.app-size-d .pr5-d { padding-right:5px; }.app-size-d .pb5-d { padding-bottom:5px; }.app-size-d .pl5-d { padding-left:5px; }.app-size-d .ptb5-d { padding-top:5px; padding-bottom:5px; }.app-size-d .plr5-d { padding-left:5px; padding-right:5px; }.app-size-bt .p5-bt { padding:5px; }.app-size-bt .pt5-bt { padding-top:5px; }.app-size-bt .pr5-bt { padding-right:5px; }.app-size-bt .pb5-bt { padding-bottom:5px; }.app-size-bt .pl5-bt { padding-left:5px; }.app-size-bt .ptb5-bt { padding-top:5px; padding-bottom:5px; }.app-size-bt .plr5-bt { padding-left:5px; padding-right:5px; }.app-size-t .p5-t { padding:5px; }.app-size-t .pt5-t { padding-top:5px; }.app-size-t .pr5-t { padding-right:5px; }.app-size-t .pb5-t { padding-bottom:5px; }.app-size-t .pl5-t { padding-left:5px; }.app-size-t .ptb5-t { padding-top:5px; padding-bottom:5px; }.app-size-t .plr5-t { padding-left:5px; padding-right:5px; }.app-size-p .p5-p { padding:5px; }.app-size-p .pt5-p { padding-top:5px; }.app-size-p .pr5-p { padding-right:5px; }.app-size-p .pb5-p { padding-bottom:5px; }.app-size-p .pl5-p { padding-left:5px; }.app-size-p .ptb5-p { padding-top:5px; padding-bottom:5px; }.app-size-p .plr5-p { padding-left:5px; padding-right:5px; }.p10 { padding:10px; }.pt10 { padding-top:10px; }.pb10 { padding-bottom:10px; }.pl10 { padding-left:10px; }.pr10 { padding-right:10px; }.ptb10 { padding-top:10px; padding-bottom:10px; }.plr10 { padding-left:10px; padding-right:10px; }.app-size-d .p10-d { padding:10px; }.app-size-d .pt10-d { padding-top:10px; }.app-size-d .pr10-d { padding-right:10px; }.app-size-d .pb10-d { padding-bottom:10px; }.app-size-d .pl10-d { padding-left:10px; }.app-size-d .ptb10-d { padding-top:10px; padding-bottom:10px; }.app-size-d .plr10-d { padding-left:10px; padding-right:10px; }.app-size-bt .p10-bt { padding:10px; }.app-size-bt .pt10-bt { padding-top:10px; }.app-size-bt .pr10-bt { padding-right:10px; }.app-size-bt .pb10-bt { padding-bottom:10px; }.app-size-bt .pl10-bt { padding-left:10px; }.app-size-bt .ptb10-bt { padding-top:10px; padding-bottom:10px; }.app-size-bt .plr10-bt { padding-left:10px; padding-right:10px; }.app-size-t .p10-t { padding:10px; }.app-size-t .pt10-t { padding-top:10px; }.app-size-t .pr10-t { padding-right:10px; }.app-size-t .pb10-t { padding-bottom:10px; }.app-size-t .pl10-t { padding-left:10px; }.app-size-t .ptb10-t { padding-top:10px; padding-bottom:10px; }.app-size-t .plr10-t { padding-left:10px; padding-right:10px; }.app-size-p .p10-p { padding:10px; }.app-size-p .pt10-p { padding-top:10px; }.app-size-p .pr10-p { padding-right:10px; }.app-size-p .pb10-p { padding-bottom:10px; }.app-size-p .pl10-p { padding-left:10px; }.app-size-p .ptb10-p { padding-top:10px; padding-bottom:10px; }.app-size-p .plr10-p { padding-left:10px; padding-right:10px; }.p15 { padding:15px; }.pt15 { padding-top:15px; }.pb15 { padding-bottom:15px; }.pl15 { padding-left:15px; }.pr15 { padding-right:15px; }.ptb15 { padding-top:15px; padding-bottom:15px; }.plr15 { padding-left:15px; padding-right:15px; }.app-size-d .p15-d { padding:15px; }.app-size-d .pt15-d { padding-top:15px; }.app-size-d .pr15-d { padding-right:15px; }.app-size-d .pb15-d { padding-bottom:15px; }.app-size-d .pl15-d { padding-left:15px; }.app-size-d .ptb15-d { padding-top:15px; padding-bottom:15px; }.app-size-d .plr15-d { padding-left:15px; padding-right:15px; }.app-size-bt .p15-bt { padding:15px; }.app-size-bt .pt15-bt { padding-top:15px; }.app-size-bt .pr15-bt { padding-right:15px; }.app-size-bt .pb15-bt { padding-bottom:15px; }.app-size-bt .pl15-bt { padding-left:15px; }.app-size-bt .ptb15-bt { padding-top:15px; padding-bottom:15px; }.app-size-bt .plr15-bt { padding-left:15px; padding-right:15px; }.app-size-t .p15-t { padding:15px; }.app-size-t .pt15-t { padding-top:15px; }.app-size-t .pr15-t { padding-right:15px; }.app-size-t .pb15-t { padding-bottom:15px; }.app-size-t .pl15-t { padding-left:15px; }.app-size-t .ptb15-t { padding-top:15px; padding-bottom:15px; }.app-size-t .plr15-t { padding-left:15px; padding-right:15px; }.app-size-p .p15-p { padding:15px; }.app-size-p .pt15-p { padding-top:15px; }.app-size-p .pr15-p { padding-right:15px; }.app-size-p .pb15-p { padding-bottom:15px; }.app-size-p .pl15-p { padding-left:15px; }.app-size-p .ptb15-p { padding-top:15px; padding-bottom:15px; }.app-size-p .plr15-p { padding-left:15px; padding-right:15px; }.p20 { padding:20px; }.pt20 { padding-top:20px; }.pb20 { padding-bottom:20px; }.pl20 { padding-left:20px; }.pr20 { padding-right:20px; }.ptb20 { padding-top:20px; padding-bottom:20px; }.plr20 { padding-left:20px; padding-right:20px; }.app-size-d .p20-d { padding:20px; }.app-size-d .pt20-d { padding-top:20px; }.app-size-d .pr20-d { padding-right:20px; }.app-size-d .pb20-d { padding-bottom:20px; }.app-size-d .pl20-d { padding-left:20px; }.app-size-d .ptb20-d { padding-top:20px; padding-bottom:20px; }.app-size-d .plr20-d { padding-left:20px; padding-right:20px; }.app-size-bt .p20-bt { padding:20px; }.app-size-bt .pt20-bt { padding-top:20px; }.app-size-bt .pr20-bt { padding-right:20px; }.app-size-bt .pb20-bt { padding-bottom:20px; }.app-size-bt .pl20-bt { padding-left:20px; }.app-size-bt .ptb20-bt { padding-top:20px; padding-bottom:20px; }.app-size-bt .plr20-bt { padding-left:20px; padding-right:20px; }.app-size-t .p20-t { padding:20px; }.app-size-t .pt20-t { padding-top:20px; }.app-size-t .pr20-t { padding-right:20px; }.app-size-t .pb20-t { padding-bottom:20px; }.app-size-t .pl20-t { padding-left:20px; }.app-size-t .ptb20-t { padding-top:20px; padding-bottom:20px; }.app-size-t .plr20-t { padding-left:20px; padding-right:20px; }.app-size-p .p20-p { padding:20px; }.app-size-p .pt20-p { padding-top:20px; }.app-size-p .pr20-p { padding-right:20px; }.app-size-p .pb20-p { padding-bottom:20px; }.app-size-p .pl20-p { padding-left:20px; }.app-size-p .ptb20-p { padding-top:20px; padding-bottom:20px; }.app-size-p .plr20-p { padding-left:20px; padding-right:20px; }.p25 { padding:25px; }.pt25 { padding-top:25px; }.pb25 { padding-bottom:25px; }.pl25 { padding-left:25px; }.pr25 { padding-right:25px; }.ptb25 { padding-top:25px; padding-bottom:25px; }.plr25 { padding-left:25px; padding-right:25px; }.app-size-d .p25-d { padding:25px; }.app-size-d .pt25-d { padding-top:25px; }.app-size-d .pr25-d { padding-right:25px; }.app-size-d .pb25-d { padding-bottom:25px; }.app-size-d .pl25-d { padding-left:25px; }.app-size-d .ptb25-d { padding-top:25px; padding-bottom:25px; }.app-size-d .plr25-d { padding-left:25px; padding-right:25px; }.app-size-bt .p25-bt { padding:25px; }.app-size-bt .pt25-bt { padding-top:25px; }.app-size-bt .pr25-bt { padding-right:25px; }.app-size-bt .pb25-bt { padding-bottom:25px; }.app-size-bt .pl25-bt { padding-left:25px; }.app-size-bt .ptb25-bt { padding-top:25px; padding-bottom:25px; }.app-size-bt .plr25-bt { padding-left:25px; padding-right:25px; }.app-size-t .p25-t { padding:25px; }.app-size-t .pt25-t { padding-top:25px; }.app-size-t .pr25-t { padding-right:25px; }.app-size-t .pb25-t { padding-bottom:25px; }.app-size-t .pl25-t { padding-left:25px; }.app-size-t .ptb25-t { padding-top:25px; padding-bottom:25px; }.app-size-t .plr25-t { padding-left:25px; padding-right:25px; }.app-size-p .p25-p { padding:25px; }.app-size-p .pt25-p { padding-top:25px; }.app-size-p .pr25-p { padding-right:25px; }.app-size-p .pb25-p { padding-bottom:25px; }.app-size-p .pl25-p { padding-left:25px; }.app-size-p .ptb25-p { padding-top:25px; padding-bottom:25px; }.app-size-p .plr25-p { padding-left:25px; padding-right:25px; }.p30 { padding:30px; }.pt30 { padding-top:30px; }.pb30 { padding-bottom:30px; }.pl30 { padding-left:30px; }.pr30 { padding-right:30px; }.ptb30 { padding-top:30px; padding-bottom:30px; }.plr30 { padding-left:30px; padding-right:30px; }.app-size-d .p30-d { padding:30px; }.app-size-d .pt30-d { padding-top:30px; }.app-size-d .pr30-d { padding-right:30px; }.app-size-d .pb30-d { padding-bottom:30px; }.app-size-d .pl30-d { padding-left:30px; }.app-size-d .ptb30-d { padding-top:30px; padding-bottom:30px; }.app-size-d .plr30-d { padding-left:30px; padding-right:30px; }.app-size-bt .p30-bt { padding:30px; }.app-size-bt .pt30-bt { padding-top:30px; }.app-size-bt .pr30-bt { padding-right:30px; }.app-size-bt .pb30-bt { padding-bottom:30px; }.app-size-bt .pl30-bt { padding-left:30px; }.app-size-bt .ptb30-bt { padding-top:30px; padding-bottom:30px; }.app-size-bt .plr30-bt { padding-left:30px; padding-right:30px; }.app-size-t .p30-t { padding:30px; }.app-size-t .pt30-t { padding-top:30px; }.app-size-t .pr30-t { padding-right:30px; }.app-size-t .pb30-t { padding-bottom:30px; }.app-size-t .pl30-t { padding-left:30px; }.app-size-t .ptb30-t { padding-top:30px; padding-bottom:30px; }.app-size-t .plr30-t { padding-left:30px; padding-right:30px; }.app-size-p .p30-p { padding:30px; }.app-size-p .pt30-p { padding-top:30px; }.app-size-p .pr30-p { padding-right:30px; }.app-size-p .pb30-p { padding-bottom:30px; }.app-size-p .pl30-p { padding-left:30px; }.app-size-p .ptb30-p { padding-top:30px; padding-bottom:30px; }.app-size-p .plr30-p { padding-left:30px; padding-right:30px; }.p35 { padding:35px; }.pt35 { padding-top:35px; }.pb35 { padding-bottom:35px; }.pl35 { padding-left:35px; }.pr35 { padding-right:35px; }.ptb35 { padding-top:35px; padding-bottom:35px; }.plr35 { padding-left:35px; padding-right:35px; }.app-size-d .p35-d { padding:35px; }.app-size-d .pt35-d { padding-top:35px; }.app-size-d .pr35-d { padding-right:35px; }.app-size-d .pb35-d { padding-bottom:35px; }.app-size-d .pl35-d { padding-left:35px; }.app-size-d .ptb35-d { padding-top:35px; padding-bottom:35px; }.app-size-d .plr35-d { padding-left:35px; padding-right:35px; }.app-size-bt .p35-bt { padding:35px; }.app-size-bt .pt35-bt { padding-top:35px; }.app-size-bt .pr35-bt { padding-right:35px; }.app-size-bt .pb35-bt { padding-bottom:35px; }.app-size-bt .pl35-bt { padding-left:35px; }.app-size-bt .ptb35-bt { padding-top:35px; padding-bottom:35px; }.app-size-bt .plr35-bt { padding-left:35px; padding-right:35px; }.app-size-t .p35-t { padding:35px; }.app-size-t .pt35-t { padding-top:35px; }.app-size-t .pr35-t { padding-right:35px; }.app-size-t .pb35-t { padding-bottom:35px; }.app-size-t .pl35-t { padding-left:35px; }.app-size-t .ptb35-t { padding-top:35px; padding-bottom:35px; }.app-size-t .plr35-t { padding-left:35px; padding-right:35px; }.app-size-p .p35-p { padding:35px; }.app-size-p .pt35-p { padding-top:35px; }.app-size-p .pr35-p { padding-right:35px; }.app-size-p .pb35-p { padding-bottom:35px; }.app-size-p .pl35-p { padding-left:35px; }.app-size-p .ptb35-p { padding-top:35px; padding-bottom:35px; }.app-size-p .plr35-p { padding-left:35px; padding-right:35px; }.p40 { padding:40px; }.pt40 { padding-top:40px; }.pb40 { padding-bottom:40px; }.pl40 { padding-left:40px; }.pr40 { padding-right:40px; }.ptb40 { padding-top:40px; padding-bottom:40px; }.plr40 { padding-left:40px; padding-right:40px; }.app-size-d .p40-d { padding:40px; }.app-size-d .pt40-d { padding-top:40px; }.app-size-d .pr40-d { padding-right:40px; }.app-size-d .pb40-d { padding-bottom:40px; }.app-size-d .pl40-d { padding-left:40px; }.app-size-d .ptb40-d { padding-top:40px; padding-bottom:40px; }.app-size-d .plr40-d { padding-left:40px; padding-right:40px; }.app-size-bt .p40-bt { padding:40px; }.app-size-bt .pt40-bt { padding-top:40px; }.app-size-bt .pr40-bt { padding-right:40px; }.app-size-bt .pb40-bt { padding-bottom:40px; }.app-size-bt .pl40-bt { padding-left:40px; }.app-size-bt .ptb40-bt { padding-top:40px; padding-bottom:40px; }.app-size-bt .plr40-bt { padding-left:40px; padding-right:40px; }.app-size-t .p40-t { padding:40px; }.app-size-t .pt40-t { padding-top:40px; }.app-size-t .pr40-t { padding-right:40px; }.app-size-t .pb40-t { padding-bottom:40px; }.app-size-t .pl40-t { padding-left:40px; }.app-size-t .ptb40-t { padding-top:40px; padding-bottom:40px; }.app-size-t .plr40-t { padding-left:40px; padding-right:40px; }.app-size-p .p40-p { padding:40px; }.app-size-p .pt40-p { padding-top:40px; }.app-size-p .pr40-p { padding-right:40px; }.app-size-p .pb40-p { padding-bottom:40px; }.app-size-p .pl40-p { padding-left:40px; }.app-size-p .ptb40-p { padding-top:40px; padding-bottom:40px; }.app-size-p .plr40-p { padding-left:40px; padding-right:40px; }.p45 { padding:45px; }.pt45 { padding-top:45px; }.pb45 { padding-bottom:45px; }.pl45 { padding-left:45px; }.pr45 { padding-right:45px; }.ptb45 { padding-top:45px; padding-bottom:45px; }.plr45 { padding-left:45px; padding-right:45px; }.app-size-d .p45-d { padding:45px; }.app-size-d .pt45-d { padding-top:45px; }.app-size-d .pr45-d { padding-right:45px; }.app-size-d .pb45-d { padding-bottom:45px; }.app-size-d .pl45-d { padding-left:45px; }.app-size-d .ptb45-d { padding-top:45px; padding-bottom:45px; }.app-size-d .plr45-d { padding-left:45px; padding-right:45px; }.app-size-bt .p45-bt { padding:45px; }.app-size-bt .pt45-bt { padding-top:45px; }.app-size-bt .pr45-bt { padding-right:45px; }.app-size-bt .pb45-bt { padding-bottom:45px; }.app-size-bt .pl45-bt { padding-left:45px; }.app-size-bt .ptb45-bt { padding-top:45px; padding-bottom:45px; }.app-size-bt .plr45-bt { padding-left:45px; padding-right:45px; }.app-size-t .p45-t { padding:45px; }.app-size-t .pt45-t { padding-top:45px; }.app-size-t .pr45-t { padding-right:45px; }.app-size-t .pb45-t { padding-bottom:45px; }.app-size-t .pl45-t { padding-left:45px; }.app-size-t .ptb45-t { padding-top:45px; padding-bottom:45px; }.app-size-t .plr45-t { padding-left:45px; padding-right:45px; }.app-size-p .p45-p { padding:45px; }.app-size-p .pt45-p { padding-top:45px; }.app-size-p .pr45-p { padding-right:45px; }.app-size-p .pb45-p { padding-bottom:45px; }.app-size-p .pl45-p { padding-left:45px; }.app-size-p .ptb45-p { padding-top:45px; padding-bottom:45px; }.app-size-p .plr45-p { padding-left:45px; padding-right:45px; }.p50 { padding:50px; }.pt50 { padding-top:50px; }.pb50 { padding-bottom:50px; }.pl50 { padding-left:50px; }.pr50 { padding-right:50px; }.ptb50 { padding-top:50px; padding-bottom:50px; }.plr50 { padding-left:50px; padding-right:50px; }.app-size-d .p50-d { padding:50px; }.app-size-d .pt50-d { padding-top:50px; }.app-size-d .pr50-d { padding-right:50px; }.app-size-d .pb50-d { padding-bottom:50px; }.app-size-d .pl50-d { padding-left:50px; }.app-size-d .ptb50-d { padding-top:50px; padding-bottom:50px; }.app-size-d .plr50-d { padding-left:50px; padding-right:50px; }.app-size-bt .p50-bt { padding:50px; }.app-size-bt .pt50-bt { padding-top:50px; }.app-size-bt .pr50-bt { padding-right:50px; }.app-size-bt .pb50-bt { padding-bottom:50px; }.app-size-bt .pl50-bt { padding-left:50px; }.app-size-bt .ptb50-bt { padding-top:50px; padding-bottom:50px; }.app-size-bt .plr50-bt { padding-left:50px; padding-right:50px; }.app-size-t .p50-t { padding:50px; }.app-size-t .pt50-t { padding-top:50px; }.app-size-t .pr50-t { padding-right:50px; }.app-size-t .pb50-t { padding-bottom:50px; }.app-size-t .pl50-t { padding-left:50px; }.app-size-t .ptb50-t { padding-top:50px; padding-bottom:50px; }.app-size-t .plr50-t { padding-left:50px; padding-right:50px; }.app-size-p .p50-p { padding:50px; }.app-size-p .pt50-p { padding-top:50px; }.app-size-p .pr50-p { padding-right:50px; }.app-size-p .pb50-p { padding-bottom:50px; }.app-size-p .pl50-p { padding-left:50px; }.app-size-p .ptb50-p { padding-top:50px; padding-bottom:50px; }.app-size-p .plr50-p { padding-left:50px; padding-right:50px; }.p55 { padding:55px; }.pt55 { padding-top:55px; }.pb55 { padding-bottom:55px; }.pl55 { padding-left:55px; }.pr55 { padding-right:55px; }.ptb55 { padding-top:55px; padding-bottom:55px; }.plr55 { padding-left:55px; padding-right:55px; }.app-size-d .p55-d { padding:55px; }.app-size-d .pt55-d { padding-top:55px; }.app-size-d .pr55-d { padding-right:55px; }.app-size-d .pb55-d { padding-bottom:55px; }.app-size-d .pl55-d { padding-left:55px; }.app-size-d .ptb55-d { padding-top:55px; padding-bottom:55px; }.app-size-d .plr55-d { padding-left:55px; padding-right:55px; }.app-size-bt .p55-bt { padding:55px; }.app-size-bt .pt55-bt { padding-top:55px; }.app-size-bt .pr55-bt { padding-right:55px; }.app-size-bt .pb55-bt { padding-bottom:55px; }.app-size-bt .pl55-bt { padding-left:55px; }.app-size-bt .ptb55-bt { padding-top:55px; padding-bottom:55px; }.app-size-bt .plr55-bt { padding-left:55px; padding-right:55px; }.app-size-t .p55-t { padding:55px; }.app-size-t .pt55-t { padding-top:55px; }.app-size-t .pr55-t { padding-right:55px; }.app-size-t .pb55-t { padding-bottom:55px; }.app-size-t .pl55-t { padding-left:55px; }.app-size-t .ptb55-t { padding-top:55px; padding-bottom:55px; }.app-size-t .plr55-t { padding-left:55px; padding-right:55px; }.app-size-p .p55-p { padding:55px; }.app-size-p .pt55-p { padding-top:55px; }.app-size-p .pr55-p { padding-right:55px; }.app-size-p .pb55-p { padding-bottom:55px; }.app-size-p .pl55-p { padding-left:55px; }.app-size-p .ptb55-p { padding-top:55px; padding-bottom:55px; }.app-size-p .plr55-p { padding-left:55px; padding-right:55px; }.p60 { padding:60px; }.pt60 { padding-top:60px; }.pb60 { padding-bottom:60px; }.pl60 { padding-left:60px; }.pr60 { padding-right:60px; }.ptb60 { padding-top:60px; padding-bottom:60px; }.plr60 { padding-left:60px; padding-right:60px; }.app-size-d .p60-d { padding:60px; }.app-size-d .pt60-d { padding-top:60px; }.app-size-d .pr60-d { padding-right:60px; }.app-size-d .pb60-d { padding-bottom:60px; }.app-size-d .pl60-d { padding-left:60px; }.app-size-d .ptb60-d { padding-top:60px; padding-bottom:60px; }.app-size-d .plr60-d { padding-left:60px; padding-right:60px; }.app-size-bt .p60-bt { padding:60px; }.app-size-bt .pt60-bt { padding-top:60px; }.app-size-bt .pr60-bt { padding-right:60px; }.app-size-bt .pb60-bt { padding-bottom:60px; }.app-size-bt .pl60-bt { padding-left:60px; }.app-size-bt .ptb60-bt { padding-top:60px; padding-bottom:60px; }.app-size-bt .plr60-bt { padding-left:60px; padding-right:60px; }.app-size-t .p60-t { padding:60px; }.app-size-t .pt60-t { padding-top:60px; }.app-size-t .pr60-t { padding-right:60px; }.app-size-t .pb60-t { padding-bottom:60px; }.app-size-t .pl60-t { padding-left:60px; }.app-size-t .ptb60-t { padding-top:60px; padding-bottom:60px; }.app-size-t .plr60-t { padding-left:60px; padding-right:60px; }.app-size-p .p60-p { padding:60px; }.app-size-p .pt60-p { padding-top:60px; }.app-size-p .pr60-p { padding-right:60px; }.app-size-p .pb60-p { padding-bottom:60px; }.app-size-p .pl60-p { padding-left:60px; }.app-size-p .ptb60-p { padding-top:60px; padding-bottom:60px; }.app-size-p .plr60-p { padding-left:60px; padding-right:60px; }.p65 { padding:65px; }.pt65 { padding-top:65px; }.pb65 { padding-bottom:65px; }.pl65 { padding-left:65px; }.pr65 { padding-right:65px; }.ptb65 { padding-top:65px; padding-bottom:65px; }.plr65 { padding-left:65px; padding-right:65px; }.app-size-d .p65-d { padding:65px; }.app-size-d .pt65-d { padding-top:65px; }.app-size-d .pr65-d { padding-right:65px; }.app-size-d .pb65-d { padding-bottom:65px; }.app-size-d .pl65-d { padding-left:65px; }.app-size-d .ptb65-d { padding-top:65px; padding-bottom:65px; }.app-size-d .plr65-d { padding-left:65px; padding-right:65px; }.app-size-bt .p65-bt { padding:65px; }.app-size-bt .pt65-bt { padding-top:65px; }.app-size-bt .pr65-bt { padding-right:65px; }.app-size-bt .pb65-bt { padding-bottom:65px; }.app-size-bt .pl65-bt { padding-left:65px; }.app-size-bt .ptb65-bt { padding-top:65px; padding-bottom:65px; }.app-size-bt .plr65-bt { padding-left:65px; padding-right:65px; }.app-size-t .p65-t { padding:65px; }.app-size-t .pt65-t { padding-top:65px; }.app-size-t .pr65-t { padding-right:65px; }.app-size-t .pb65-t { padding-bottom:65px; }.app-size-t .pl65-t { padding-left:65px; }.app-size-t .ptb65-t { padding-top:65px; padding-bottom:65px; }.app-size-t .plr65-t { padding-left:65px; padding-right:65px; }.app-size-p .p65-p { padding:65px; }.app-size-p .pt65-p { padding-top:65px; }.app-size-p .pr65-p { padding-right:65px; }.app-size-p .pb65-p { padding-bottom:65px; }.app-size-p .pl65-p { padding-left:65px; }.app-size-p .ptb65-p { padding-top:65px; padding-bottom:65px; }.app-size-p .plr65-p { padding-left:65px; padding-right:65px; }.p70 { padding:70px; }.pt70 { padding-top:70px; }.pb70 { padding-bottom:70px; }.pl70 { padding-left:70px; }.pr70 { padding-right:70px; }.ptb70 { padding-top:70px; padding-bottom:70px; }.plr70 { padding-left:70px; padding-right:70px; }.app-size-d .p70-d { padding:70px; }.app-size-d .pt70-d { padding-top:70px; }.app-size-d .pr70-d { padding-right:70px; }.app-size-d .pb70-d { padding-bottom:70px; }.app-size-d .pl70-d { padding-left:70px; }.app-size-d .ptb70-d { padding-top:70px; padding-bottom:70px; }.app-size-d .plr70-d { padding-left:70px; padding-right:70px; }.app-size-bt .p70-bt { padding:70px; }.app-size-bt .pt70-bt { padding-top:70px; }.app-size-bt .pr70-bt { padding-right:70px; }.app-size-bt .pb70-bt { padding-bottom:70px; }.app-size-bt .pl70-bt { padding-left:70px; }.app-size-bt .ptb70-bt { padding-top:70px; padding-bottom:70px; }.app-size-bt .plr70-bt { padding-left:70px; padding-right:70px; }.app-size-t .p70-t { padding:70px; }.app-size-t .pt70-t { padding-top:70px; }.app-size-t .pr70-t { padding-right:70px; }.app-size-t .pb70-t { padding-bottom:70px; }.app-size-t .pl70-t { padding-left:70px; }.app-size-t .ptb70-t { padding-top:70px; padding-bottom:70px; }.app-size-t .plr70-t { padding-left:70px; padding-right:70px; }.app-size-p .p70-p { padding:70px; }.app-size-p .pt70-p { padding-top:70px; }.app-size-p .pr70-p { padding-right:70px; }.app-size-p .pb70-p { padding-bottom:70px; }.app-size-p .pl70-p { padding-left:70px; }.app-size-p .ptb70-p { padding-top:70px; padding-bottom:70px; }.app-size-p .plr70-p { padding-left:70px; padding-right:70px; }.p75 { padding:75px; }.pt75 { padding-top:75px; }.pb75 { padding-bottom:75px; }.pl75 { padding-left:75px; }.pr75 { padding-right:75px; }.ptb75 { padding-top:75px; padding-bottom:75px; }.plr75 { padding-left:75px; padding-right:75px; }.app-size-d .p75-d { padding:75px; }.app-size-d .pt75-d { padding-top:75px; }.app-size-d .pr75-d { padding-right:75px; }.app-size-d .pb75-d { padding-bottom:75px; }.app-size-d .pl75-d { padding-left:75px; }.app-size-d .ptb75-d { padding-top:75px; padding-bottom:75px; }.app-size-d .plr75-d { padding-left:75px; padding-right:75px; }.app-size-bt .p75-bt { padding:75px; }.app-size-bt .pt75-bt { padding-top:75px; }.app-size-bt .pr75-bt { padding-right:75px; }.app-size-bt .pb75-bt { padding-bottom:75px; }.app-size-bt .pl75-bt { padding-left:75px; }.app-size-bt .ptb75-bt { padding-top:75px; padding-bottom:75px; }.app-size-bt .plr75-bt { padding-left:75px; padding-right:75px; }.app-size-t .p75-t { padding:75px; }.app-size-t .pt75-t { padding-top:75px; }.app-size-t .pr75-t { padding-right:75px; }.app-size-t .pb75-t { padding-bottom:75px; }.app-size-t .pl75-t { padding-left:75px; }.app-size-t .ptb75-t { padding-top:75px; padding-bottom:75px; }.app-size-t .plr75-t { padding-left:75px; padding-right:75px; }.app-size-p .p75-p { padding:75px; }.app-size-p .pt75-p { padding-top:75px; }.app-size-p .pr75-p { padding-right:75px; }.app-size-p .pb75-p { padding-bottom:75px; }.app-size-p .pl75-p { padding-left:75px; }.app-size-p .ptb75-p { padding-top:75px; padding-bottom:75px; }.app-size-p .plr75-p { padding-left:75px; padding-right:75px; }.p80 { padding:80px; }.pt80 { padding-top:80px; }.pb80 { padding-bottom:80px; }.pl80 { padding-left:80px; }.pr80 { padding-right:80px; }.ptb80 { padding-top:80px; padding-bottom:80px; }.plr80 { padding-left:80px; padding-right:80px; }.app-size-d .p80-d { padding:80px; }.app-size-d .pt80-d { padding-top:80px; }.app-size-d .pr80-d { padding-right:80px; }.app-size-d .pb80-d { padding-bottom:80px; }.app-size-d .pl80-d { padding-left:80px; }.app-size-d .ptb80-d { padding-top:80px; padding-bottom:80px; }.app-size-d .plr80-d { padding-left:80px; padding-right:80px; }.app-size-bt .p80-bt { padding:80px; }.app-size-bt .pt80-bt { padding-top:80px; }.app-size-bt .pr80-bt { padding-right:80px; }.app-size-bt .pb80-bt { padding-bottom:80px; }.app-size-bt .pl80-bt { padding-left:80px; }.app-size-bt .ptb80-bt { padding-top:80px; padding-bottom:80px; }.app-size-bt .plr80-bt { padding-left:80px; padding-right:80px; }.app-size-t .p80-t { padding:80px; }.app-size-t .pt80-t { padding-top:80px; }.app-size-t .pr80-t { padding-right:80px; }.app-size-t .pb80-t { padding-bottom:80px; }.app-size-t .pl80-t { padding-left:80px; }.app-size-t .ptb80-t { padding-top:80px; padding-bottom:80px; }.app-size-t .plr80-t { padding-left:80px; padding-right:80px; }.app-size-p .p80-p { padding:80px; }.app-size-p .pt80-p { padding-top:80px; }.app-size-p .pr80-p { padding-right:80px; }.app-size-p .pb80-p { padding-bottom:80px; }.app-size-p .pl80-p { padding-left:80px; }.app-size-p .ptb80-p { padding-top:80px; padding-bottom:80px; }.app-size-p .plr80-p { padding-left:80px; padding-right:80px; }.p85 { padding:85px; }.pt85 { padding-top:85px; }.pb85 { padding-bottom:85px; }.pl85 { padding-left:85px; }.pr85 { padding-right:85px; }.ptb85 { padding-top:85px; padding-bottom:85px; }.plr85 { padding-left:85px; padding-right:85px; }.app-size-d .p85-d { padding:85px; }.app-size-d .pt85-d { padding-top:85px; }.app-size-d .pr85-d { padding-right:85px; }.app-size-d .pb85-d { padding-bottom:85px; }.app-size-d .pl85-d { padding-left:85px; }.app-size-d .ptb85-d { padding-top:85px; padding-bottom:85px; }.app-size-d .plr85-d { padding-left:85px; padding-right:85px; }.app-size-bt .p85-bt { padding:85px; }.app-size-bt .pt85-bt { padding-top:85px; }.app-size-bt .pr85-bt { padding-right:85px; }.app-size-bt .pb85-bt { padding-bottom:85px; }.app-size-bt .pl85-bt { padding-left:85px; }.app-size-bt .ptb85-bt { padding-top:85px; padding-bottom:85px; }.app-size-bt .plr85-bt { padding-left:85px; padding-right:85px; }.app-size-t .p85-t { padding:85px; }.app-size-t .pt85-t { padding-top:85px; }.app-size-t .pr85-t { padding-right:85px; }.app-size-t .pb85-t { padding-bottom:85px; }.app-size-t .pl85-t { padding-left:85px; }.app-size-t .ptb85-t { padding-top:85px; padding-bottom:85px; }.app-size-t .plr85-t { padding-left:85px; padding-right:85px; }.app-size-p .p85-p { padding:85px; }.app-size-p .pt85-p { padding-top:85px; }.app-size-p .pr85-p { padding-right:85px; }.app-size-p .pb85-p { padding-bottom:85px; }.app-size-p .pl85-p { padding-left:85px; }.app-size-p .ptb85-p { padding-top:85px; padding-bottom:85px; }.app-size-p .plr85-p { padding-left:85px; padding-right:85px; }.p90 { padding:90px; }.pt90 { padding-top:90px; }.pb90 { padding-bottom:90px; }.pl90 { padding-left:90px; }.pr90 { padding-right:90px; }.ptb90 { padding-top:90px; padding-bottom:90px; }.plr90 { padding-left:90px; padding-right:90px; }.app-size-d .p90-d { padding:90px; }.app-size-d .pt90-d { padding-top:90px; }.app-size-d .pr90-d { padding-right:90px; }.app-size-d .pb90-d { padding-bottom:90px; }.app-size-d .pl90-d { padding-left:90px; }.app-size-d .ptb90-d { padding-top:90px; padding-bottom:90px; }.app-size-d .plr90-d { padding-left:90px; padding-right:90px; }.app-size-bt .p90-bt { padding:90px; }.app-size-bt .pt90-bt { padding-top:90px; }.app-size-bt .pr90-bt { padding-right:90px; }.app-size-bt .pb90-bt { padding-bottom:90px; }.app-size-bt .pl90-bt { padding-left:90px; }.app-size-bt .ptb90-bt { padding-top:90px; padding-bottom:90px; }.app-size-bt .plr90-bt { padding-left:90px; padding-right:90px; }.app-size-t .p90-t { padding:90px; }.app-size-t .pt90-t { padding-top:90px; }.app-size-t .pr90-t { padding-right:90px; }.app-size-t .pb90-t { padding-bottom:90px; }.app-size-t .pl90-t { padding-left:90px; }.app-size-t .ptb90-t { padding-top:90px; padding-bottom:90px; }.app-size-t .plr90-t { padding-left:90px; padding-right:90px; }.app-size-p .p90-p { padding:90px; }.app-size-p .pt90-p { padding-top:90px; }.app-size-p .pr90-p { padding-right:90px; }.app-size-p .pb90-p { padding-bottom:90px; }.app-size-p .pl90-p { padding-left:90px; }.app-size-p .ptb90-p { padding-top:90px; padding-bottom:90px; }.app-size-p .plr90-p { padding-left:90px; padding-right:90px; }.p95 { padding:95px; }.pt95 { padding-top:95px; }.pb95 { padding-bottom:95px; }.pl95 { padding-left:95px; }.pr95 { padding-right:95px; }.ptb95 { padding-top:95px; padding-bottom:95px; }.plr95 { padding-left:95px; padding-right:95px; }.app-size-d .p95-d { padding:95px; }.app-size-d .pt95-d { padding-top:95px; }.app-size-d .pr95-d { padding-right:95px; }.app-size-d .pb95-d { padding-bottom:95px; }.app-size-d .pl95-d { padding-left:95px; }.app-size-d .ptb95-d { padding-top:95px; padding-bottom:95px; }.app-size-d .plr95-d { padding-left:95px; padding-right:95px; }.app-size-bt .p95-bt { padding:95px; }.app-size-bt .pt95-bt { padding-top:95px; }.app-size-bt .pr95-bt { padding-right:95px; }.app-size-bt .pb95-bt { padding-bottom:95px; }.app-size-bt .pl95-bt { padding-left:95px; }.app-size-bt .ptb95-bt { padding-top:95px; padding-bottom:95px; }.app-size-bt .plr95-bt { padding-left:95px; padding-right:95px; }.app-size-t .p95-t { padding:95px; }.app-size-t .pt95-t { padding-top:95px; }.app-size-t .pr95-t { padding-right:95px; }.app-size-t .pb95-t { padding-bottom:95px; }.app-size-t .pl95-t { padding-left:95px; }.app-size-t .ptb95-t { padding-top:95px; padding-bottom:95px; }.app-size-t .plr95-t { padding-left:95px; padding-right:95px; }.app-size-p .p95-p { padding:95px; }.app-size-p .pt95-p { padding-top:95px; }.app-size-p .pr95-p { padding-right:95px; }.app-size-p .pb95-p { padding-bottom:95px; }.app-size-p .pl95-p { padding-left:95px; }.app-size-p .ptb95-p { padding-top:95px; padding-bottom:95px; }.app-size-p .plr95-p { padding-left:95px; padding-right:95px; }.p100 { padding:100px; }.pt100 { padding-top:100px; }.pb100 { padding-bottom:100px; }.pl100 { padding-left:100px; }.pr100 { padding-right:100px; }.ptb100 { padding-top:100px; padding-bottom:100px; }.plr100 { padding-left:100px; padding-right:100px; }.app-size-d .p100-d { padding:100px; }.app-size-d .pt100-d { padding-top:100px; }.app-size-d .pr100-d { padding-right:100px; }.app-size-d .pb100-d { padding-bottom:100px; }.app-size-d .pl100-d { padding-left:100px; }.app-size-d .ptb100-d { padding-top:100px; padding-bottom:100px; }.app-size-d .plr100-d { padding-left:100px; padding-right:100px; }.app-size-bt .p100-bt { padding:100px; }.app-size-bt .pt100-bt { padding-top:100px; }.app-size-bt .pr100-bt { padding-right:100px; }.app-size-bt .pb100-bt { padding-bottom:100px; }.app-size-bt .pl100-bt { padding-left:100px; }.app-size-bt .ptb100-bt { padding-top:100px; padding-bottom:100px; }.app-size-bt .plr100-bt { padding-left:100px; padding-right:100px; }.app-size-t .p100-t { padding:100px; }.app-size-t .pt100-t { padding-top:100px; }.app-size-t .pr100-t { padding-right:100px; }.app-size-t .pb100-t { padding-bottom:100px; }.app-size-t .pl100-t { padding-left:100px; }.app-size-t .ptb100-t { padding-top:100px; padding-bottom:100px; }.app-size-t .plr100-t { padding-left:100px; padding-right:100px; }.app-size-p .p100-p { padding:100px; }.app-size-p .pt100-p { padding-top:100px; }.app-size-p .pr100-p { padding-right:100px; }.app-size-p .pb100-p { padding-bottom:100px; }.app-size-p .pl100-p { padding-left:100px; }.app-size-p .ptb100-p { padding-top:100px; padding-bottom:100px; }.app-size-p .plr100-p { padding-left:100px; padding-right:100px; }.p105 { padding:105px; }.pt105 { padding-top:105px; }.pb105 { padding-bottom:105px; }.pl105 { padding-left:105px; }.pr105 { padding-right:105px; }.ptb105 { padding-top:105px; padding-bottom:105px; }.plr105 { padding-left:105px; padding-right:105px; }.app-size-d .p105-d { padding:105px; }.app-size-d .pt105-d { padding-top:105px; }.app-size-d .pr105-d { padding-right:105px; }.app-size-d .pb105-d { padding-bottom:105px; }.app-size-d .pl105-d { padding-left:105px; }.app-size-d .ptb105-d { padding-top:105px; padding-bottom:105px; }.app-size-d .plr105-d { padding-left:105px; padding-right:105px; }.app-size-bt .p105-bt { padding:105px; }.app-size-bt .pt105-bt { padding-top:105px; }.app-size-bt .pr105-bt { padding-right:105px; }.app-size-bt .pb105-bt { padding-bottom:105px; }.app-size-bt .pl105-bt { padding-left:105px; }.app-size-bt .ptb105-bt { padding-top:105px; padding-bottom:105px; }.app-size-bt .plr105-bt { padding-left:105px; padding-right:105px; }.app-size-t .p105-t { padding:105px; }.app-size-t .pt105-t { padding-top:105px; }.app-size-t .pr105-t { padding-right:105px; }.app-size-t .pb105-t { padding-bottom:105px; }.app-size-t .pl105-t { padding-left:105px; }.app-size-t .ptb105-t { padding-top:105px; padding-bottom:105px; }.app-size-t .plr105-t { padding-left:105px; padding-right:105px; }.app-size-p .p105-p { padding:105px; }.app-size-p .pt105-p { padding-top:105px; }.app-size-p .pr105-p { padding-right:105px; }.app-size-p .pb105-p { padding-bottom:105px; }.app-size-p .pl105-p { padding-left:105px; }.app-size-p .ptb105-p { padding-top:105px; padding-bottom:105px; }.app-size-p .plr105-p { padding-left:105px; padding-right:105px; }.p110 { padding:110px; }.pt110 { padding-top:110px; }.pb110 { padding-bottom:110px; }.pl110 { padding-left:110px; }.pr110 { padding-right:110px; }.ptb110 { padding-top:110px; padding-bottom:110px; }.plr110 { padding-left:110px; padding-right:110px; }.app-size-d .p110-d { padding:110px; }.app-size-d .pt110-d { padding-top:110px; }.app-size-d .pr110-d { padding-right:110px; }.app-size-d .pb110-d { padding-bottom:110px; }.app-size-d .pl110-d { padding-left:110px; }.app-size-d .ptb110-d { padding-top:110px; padding-bottom:110px; }.app-size-d .plr110-d { padding-left:110px; padding-right:110px; }.app-size-bt .p110-bt { padding:110px; }.app-size-bt .pt110-bt { padding-top:110px; }.app-size-bt .pr110-bt { padding-right:110px; }.app-size-bt .pb110-bt { padding-bottom:110px; }.app-size-bt .pl110-bt { padding-left:110px; }.app-size-bt .ptb110-bt { padding-top:110px; padding-bottom:110px; }.app-size-bt .plr110-bt { padding-left:110px; padding-right:110px; }.app-size-t .p110-t { padding:110px; }.app-size-t .pt110-t { padding-top:110px; }.app-size-t .pr110-t { padding-right:110px; }.app-size-t .pb110-t { padding-bottom:110px; }.app-size-t .pl110-t { padding-left:110px; }.app-size-t .ptb110-t { padding-top:110px; padding-bottom:110px; }.app-size-t .plr110-t { padding-left:110px; padding-right:110px; }.app-size-p .p110-p { padding:110px; }.app-size-p .pt110-p { padding-top:110px; }.app-size-p .pr110-p { padding-right:110px; }.app-size-p .pb110-p { padding-bottom:110px; }.app-size-p .pl110-p { padding-left:110px; }.app-size-p .ptb110-p { padding-top:110px; padding-bottom:110px; }.app-size-p .plr110-p { padding-left:110px; padding-right:110px; }.p115 { padding:115px; }.pt115 { padding-top:115px; }.pb115 { padding-bottom:115px; }.pl115 { padding-left:115px; }.pr115 { padding-right:115px; }.ptb115 { padding-top:115px; padding-bottom:115px; }.plr115 { padding-left:115px; padding-right:115px; }.app-size-d .p115-d { padding:115px; }.app-size-d .pt115-d { padding-top:115px; }.app-size-d .pr115-d { padding-right:115px; }.app-size-d .pb115-d { padding-bottom:115px; }.app-size-d .pl115-d { padding-left:115px; }.app-size-d .ptb115-d { padding-top:115px; padding-bottom:115px; }.app-size-d .plr115-d { padding-left:115px; padding-right:115px; }.app-size-bt .p115-bt { padding:115px; }.app-size-bt .pt115-bt { padding-top:115px; }.app-size-bt .pr115-bt { padding-right:115px; }.app-size-bt .pb115-bt { padding-bottom:115px; }.app-size-bt .pl115-bt { padding-left:115px; }.app-size-bt .ptb115-bt { padding-top:115px; padding-bottom:115px; }.app-size-bt .plr115-bt { padding-left:115px; padding-right:115px; }.app-size-t .p115-t { padding:115px; }.app-size-t .pt115-t { padding-top:115px; }.app-size-t .pr115-t { padding-right:115px; }.app-size-t .pb115-t { padding-bottom:115px; }.app-size-t .pl115-t { padding-left:115px; }.app-size-t .ptb115-t { padding-top:115px; padding-bottom:115px; }.app-size-t .plr115-t { padding-left:115px; padding-right:115px; }.app-size-p .p115-p { padding:115px; }.app-size-p .pt115-p { padding-top:115px; }.app-size-p .pr115-p { padding-right:115px; }.app-size-p .pb115-p { padding-bottom:115px; }.app-size-p .pl115-p { padding-left:115px; }.app-size-p .ptb115-p { padding-top:115px; padding-bottom:115px; }.app-size-p .plr115-p { padding-left:115px; padding-right:115px; }.p120 { padding:120px; }.pt120 { padding-top:120px; }.pb120 { padding-bottom:120px; }.pl120 { padding-left:120px; }.pr120 { padding-right:120px; }.ptb120 { padding-top:120px; padding-bottom:120px; }.plr120 { padding-left:120px; padding-right:120px; }.app-size-d .p120-d { padding:120px; }.app-size-d .pt120-d { padding-top:120px; }.app-size-d .pr120-d { padding-right:120px; }.app-size-d .pb120-d { padding-bottom:120px; }.app-size-d .pl120-d { padding-left:120px; }.app-size-d .ptb120-d { padding-top:120px; padding-bottom:120px; }.app-size-d .plr120-d { padding-left:120px; padding-right:120px; }.app-size-bt .p120-bt { padding:120px; }.app-size-bt .pt120-bt { padding-top:120px; }.app-size-bt .pr120-bt { padding-right:120px; }.app-size-bt .pb120-bt { padding-bottom:120px; }.app-size-bt .pl120-bt { padding-left:120px; }.app-size-bt .ptb120-bt { padding-top:120px; padding-bottom:120px; }.app-size-bt .plr120-bt { padding-left:120px; padding-right:120px; }.app-size-t .p120-t { padding:120px; }.app-size-t .pt120-t { padding-top:120px; }.app-size-t .pr120-t { padding-right:120px; }.app-size-t .pb120-t { padding-bottom:120px; }.app-size-t .pl120-t { padding-left:120px; }.app-size-t .ptb120-t { padding-top:120px; padding-bottom:120px; }.app-size-t .plr120-t { padding-left:120px; padding-right:120px; }.app-size-p .p120-p { padding:120px; }.app-size-p .pt120-p { padding-top:120px; }.app-size-p .pr120-p { padding-right:120px; }.app-size-p .pb120-p { padding-bottom:120px; }.app-size-p .pl120-p { padding-left:120px; }.app-size-p .ptb120-p { padding-top:120px; padding-bottom:120px; }.app-size-p .plr120-p { padding-left:120px; padding-right:120px; }.p125 { padding:125px; }.pt125 { padding-top:125px; }.pb125 { padding-bottom:125px; }.pl125 { padding-left:125px; }.pr125 { padding-right:125px; }.ptb125 { padding-top:125px; padding-bottom:125px; }.plr125 { padding-left:125px; padding-right:125px; }.app-size-d .p125-d { padding:125px; }.app-size-d .pt125-d { padding-top:125px; }.app-size-d .pr125-d { padding-right:125px; }.app-size-d .pb125-d { padding-bottom:125px; }.app-size-d .pl125-d { padding-left:125px; }.app-size-d .ptb125-d { padding-top:125px; padding-bottom:125px; }.app-size-d .plr125-d { padding-left:125px; padding-right:125px; }.app-size-bt .p125-bt { padding:125px; }.app-size-bt .pt125-bt { padding-top:125px; }.app-size-bt .pr125-bt { padding-right:125px; }.app-size-bt .pb125-bt { padding-bottom:125px; }.app-size-bt .pl125-bt { padding-left:125px; }.app-size-bt .ptb125-bt { padding-top:125px; padding-bottom:125px; }.app-size-bt .plr125-bt { padding-left:125px; padding-right:125px; }.app-size-t .p125-t { padding:125px; }.app-size-t .pt125-t { padding-top:125px; }.app-size-t .pr125-t { padding-right:125px; }.app-size-t .pb125-t { padding-bottom:125px; }.app-size-t .pl125-t { padding-left:125px; }.app-size-t .ptb125-t { padding-top:125px; padding-bottom:125px; }.app-size-t .plr125-t { padding-left:125px; padding-right:125px; }.app-size-p .p125-p { padding:125px; }.app-size-p .pt125-p { padding-top:125px; }.app-size-p .pr125-p { padding-right:125px; }.app-size-p .pb125-p { padding-bottom:125px; }.app-size-p .pl125-p { padding-left:125px; }.app-size-p .ptb125-p { padding-top:125px; padding-bottom:125px; }.app-size-p .plr125-p { padding-left:125px; padding-right:125px; }.width0 { width:0%; }.app-size-d .width0-d { width:0%; }.app-size-bt .width0-bt { width:0%; }.app-size-t .width0-t { width:0%; }.app-size-p .width0-p { width:0%; }.width1 { width:1%; }.app-size-d .width1-d { width:1%; }.app-size-bt .width1-bt { width:1%; }.app-size-t .width1-t { width:1%; }.app-size-p .width1-p { width:1%; }.width2 { width:2%; }.app-size-d .width2-d { width:2%; }.app-size-bt .width2-bt { width:2%; }.app-size-t .width2-t { width:2%; }.app-size-p .width2-p { width:2%; }.width3 { width:3%; }.app-size-d .width3-d { width:3%; }.app-size-bt .width3-bt { width:3%; }.app-size-t .width3-t { width:3%; }.app-size-p .width3-p { width:3%; }.width4 { width:4%; }.app-size-d .width4-d { width:4%; }.app-size-bt .width4-bt { width:4%; }.app-size-t .width4-t { width:4%; }.app-size-p .width4-p { width:4%; }.width5 { width:5%; }.app-size-d .width5-d { width:5%; }.app-size-bt .width5-bt { width:5%; }.app-size-t .width5-t { width:5%; }.app-size-p .width5-p { width:5%; }.width6 { width:6%; }.app-size-d .width6-d { width:6%; }.app-size-bt .width6-bt { width:6%; }.app-size-t .width6-t { width:6%; }.app-size-p .width6-p { width:6%; }.width7 { width:7%; }.app-size-d .width7-d { width:7%; }.app-size-bt .width7-bt { width:7%; }.app-size-t .width7-t { width:7%; }.app-size-p .width7-p { width:7%; }.width8 { width:8%; }.app-size-d .width8-d { width:8%; }.app-size-bt .width8-bt { width:8%; }.app-size-t .width8-t { width:8%; }.app-size-p .width8-p { width:8%; }.width9 { width:9%; }.app-size-d .width9-d { width:9%; }.app-size-bt .width9-bt { width:9%; }.app-size-t .width9-t { width:9%; }.app-size-p .width9-p { width:9%; }.width10 { width:10%; }.app-size-d .width10-d { width:10%; }.app-size-bt .width10-bt { width:10%; }.app-size-t .width10-t { width:10%; }.app-size-p .width10-p { width:10%; }.width11 { width:11%; }.app-size-d .width11-d { width:11%; }.app-size-bt .width11-bt { width:11%; }.app-size-t .width11-t { width:11%; }.app-size-p .width11-p { width:11%; }.width12 { width:12%; }.app-size-d .width12-d { width:12%; }.app-size-bt .width12-bt { width:12%; }.app-size-t .width12-t { width:12%; }.app-size-p .width12-p { width:12%; }.width13 { width:13%; }.app-size-d .width13-d { width:13%; }.app-size-bt .width13-bt { width:13%; }.app-size-t .width13-t { width:13%; }.app-size-p .width13-p { width:13%; }.width14 { width:14%; }.app-size-d .width14-d { width:14%; }.app-size-bt .width14-bt { width:14%; }.app-size-t .width14-t { width:14%; }.app-size-p .width14-p { width:14%; }.width15 { width:15%; }.app-size-d .width15-d { width:15%; }.app-size-bt .width15-bt { width:15%; }.app-size-t .width15-t { width:15%; }.app-size-p .width15-p { width:15%; }.width16 { width:16%; }.app-size-d .width16-d { width:16%; }.app-size-bt .width16-bt { width:16%; }.app-size-t .width16-t { width:16%; }.app-size-p .width16-p { width:16%; }.width17 { width:17%; }.app-size-d .width17-d { width:17%; }.app-size-bt .width17-bt { width:17%; }.app-size-t .width17-t { width:17%; }.app-size-p .width17-p { width:17%; }.width18 { width:18%; }.app-size-d .width18-d { width:18%; }.app-size-bt .width18-bt { width:18%; }.app-size-t .width18-t { width:18%; }.app-size-p .width18-p { width:18%; }.width19 { width:19%; }.app-size-d .width19-d { width:19%; }.app-size-bt .width19-bt { width:19%; }.app-size-t .width19-t { width:19%; }.app-size-p .width19-p { width:19%; }.width20 { width:20%; }.app-size-d .width20-d { width:20%; }.app-size-bt .width20-bt { width:20%; }.app-size-t .width20-t { width:20%; }.app-size-p .width20-p { width:20%; }.width21 { width:21%; }.app-size-d .width21-d { width:21%; }.app-size-bt .width21-bt { width:21%; }.app-size-t .width21-t { width:21%; }.app-size-p .width21-p { width:21%; }.width22 { width:22%; }.app-size-d .width22-d { width:22%; }.app-size-bt .width22-bt { width:22%; }.app-size-t .width22-t { width:22%; }.app-size-p .width22-p { width:22%; }.width23 { width:23%; }.app-size-d .width23-d { width:23%; }.app-size-bt .width23-bt { width:23%; }.app-size-t .width23-t { width:23%; }.app-size-p .width23-p { width:23%; }.width24 { width:24%; }.app-size-d .width24-d { width:24%; }.app-size-bt .width24-bt { width:24%; }.app-size-t .width24-t { width:24%; }.app-size-p .width24-p { width:24%; }.width25 { width:25%; }.app-size-d .width25-d { width:25%; }.app-size-bt .width25-bt { width:25%; }.app-size-t .width25-t { width:25%; }.app-size-p .width25-p { width:25%; }.width26 { width:26%; }.app-size-d .width26-d { width:26%; }.app-size-bt .width26-bt { width:26%; }.app-size-t .width26-t { width:26%; }.app-size-p .width26-p { width:26%; }.width27 { width:27%; }.app-size-d .width27-d { width:27%; }.app-size-bt .width27-bt { width:27%; }.app-size-t .width27-t { width:27%; }.app-size-p .width27-p { width:27%; }.width28 { width:28%; }.app-size-d .width28-d { width:28%; }.app-size-bt .width28-bt { width:28%; }.app-size-t .width28-t { width:28%; }.app-size-p .width28-p { width:28%; }.width29 { width:29%; }.app-size-d .width29-d { width:29%; }.app-size-bt .width29-bt { width:29%; }.app-size-t .width29-t { width:29%; }.app-size-p .width29-p { width:29%; }.width30 { width:30%; }.app-size-d .width30-d { width:30%; }.app-size-bt .width30-bt { width:30%; }.app-size-t .width30-t { width:30%; }.app-size-p .width30-p { width:30%; }.width31 { width:31%; }.app-size-d .width31-d { width:31%; }.app-size-bt .width31-bt { width:31%; }.app-size-t .width31-t { width:31%; }.app-size-p .width31-p { width:31%; }.width32 { width:32%; }.app-size-d .width32-d { width:32%; }.app-size-bt .width32-bt { width:32%; }.app-size-t .width32-t { width:32%; }.app-size-p .width32-p { width:32%; }.width33 { width:33%; }.app-size-d .width33-d { width:33%; }.app-size-bt .width33-bt { width:33%; }.app-size-t .width33-t { width:33%; }.app-size-p .width33-p { width:33%; }.width34 { width:34%; }.app-size-d .width34-d { width:34%; }.app-size-bt .width34-bt { width:34%; }.app-size-t .width34-t { width:34%; }.app-size-p .width34-p { width:34%; }.width35 { width:35%; }.app-size-d .width35-d { width:35%; }.app-size-bt .width35-bt { width:35%; }.app-size-t .width35-t { width:35%; }.app-size-p .width35-p { width:35%; }.width36 { width:36%; }.app-size-d .width36-d { width:36%; }.app-size-bt .width36-bt { width:36%; }.app-size-t .width36-t { width:36%; }.app-size-p .width36-p { width:36%; }.width37 { width:37%; }.app-size-d .width37-d { width:37%; }.app-size-bt .width37-bt { width:37%; }.app-size-t .width37-t { width:37%; }.app-size-p .width37-p { width:37%; }.width38 { width:38%; }.app-size-d .width38-d { width:38%; }.app-size-bt .width38-bt { width:38%; }.app-size-t .width38-t { width:38%; }.app-size-p .width38-p { width:38%; }.width39 { width:39%; }.app-size-d .width39-d { width:39%; }.app-size-bt .width39-bt { width:39%; }.app-size-t .width39-t { width:39%; }.app-size-p .width39-p { width:39%; }.width40 { width:40%; }.app-size-d .width40-d { width:40%; }.app-size-bt .width40-bt { width:40%; }.app-size-t .width40-t { width:40%; }.app-size-p .width40-p { width:40%; }.width41 { width:41%; }.app-size-d .width41-d { width:41%; }.app-size-bt .width41-bt { width:41%; }.app-size-t .width41-t { width:41%; }.app-size-p .width41-p { width:41%; }.width42 { width:42%; }.app-size-d .width42-d { width:42%; }.app-size-bt .width42-bt { width:42%; }.app-size-t .width42-t { width:42%; }.app-size-p .width42-p { width:42%; }.width43 { width:43%; }.app-size-d .width43-d { width:43%; }.app-size-bt .width43-bt { width:43%; }.app-size-t .width43-t { width:43%; }.app-size-p .width43-p { width:43%; }.width44 { width:44%; }.app-size-d .width44-d { width:44%; }.app-size-bt .width44-bt { width:44%; }.app-size-t .width44-t { width:44%; }.app-size-p .width44-p { width:44%; }.width45 { width:45%; }.app-size-d .width45-d { width:45%; }.app-size-bt .width45-bt { width:45%; }.app-size-t .width45-t { width:45%; }.app-size-p .width45-p { width:45%; }.width46 { width:46%; }.app-size-d .width46-d { width:46%; }.app-size-bt .width46-bt { width:46%; }.app-size-t .width46-t { width:46%; }.app-size-p .width46-p { width:46%; }.width47 { width:47%; }.app-size-d .width47-d { width:47%; }.app-size-bt .width47-bt { width:47%; }.app-size-t .width47-t { width:47%; }.app-size-p .width47-p { width:47%; }.width48 { width:48%; }.app-size-d .width48-d { width:48%; }.app-size-bt .width48-bt { width:48%; }.app-size-t .width48-t { width:48%; }.app-size-p .width48-p { width:48%; }.width49 { width:49%; }.app-size-d .width49-d { width:49%; }.app-size-bt .width49-bt { width:49%; }.app-size-t .width49-t { width:49%; }.app-size-p .width49-p { width:49%; }.width50 { width:50%; }.app-size-d .width50-d { width:50%; }.app-size-bt .width50-bt { width:50%; }.app-size-t .width50-t { width:50%; }.app-size-p .width50-p { width:50%; }.width51 { width:51%; }.app-size-d .width51-d { width:51%; }.app-size-bt .width51-bt { width:51%; }.app-size-t .width51-t { width:51%; }.app-size-p .width51-p { width:51%; }.width52 { width:52%; }.app-size-d .width52-d { width:52%; }.app-size-bt .width52-bt { width:52%; }.app-size-t .width52-t { width:52%; }.app-size-p .width52-p { width:52%; }.width53 { width:53%; }.app-size-d .width53-d { width:53%; }.app-size-bt .width53-bt { width:53%; }.app-size-t .width53-t { width:53%; }.app-size-p .width53-p { width:53%; }.width54 { width:54%; }.app-size-d .width54-d { width:54%; }.app-size-bt .width54-bt { width:54%; }.app-size-t .width54-t { width:54%; }.app-size-p .width54-p { width:54%; }.width55 { width:55%; }.app-size-d .width55-d { width:55%; }.app-size-bt .width55-bt { width:55%; }.app-size-t .width55-t { width:55%; }.app-size-p .width55-p { width:55%; }.width56 { width:56%; }.app-size-d .width56-d { width:56%; }.app-size-bt .width56-bt { width:56%; }.app-size-t .width56-t { width:56%; }.app-size-p .width56-p { width:56%; }.width57 { width:57%; }.app-size-d .width57-d { width:57%; }.app-size-bt .width57-bt { width:57%; }.app-size-t .width57-t { width:57%; }.app-size-p .width57-p { width:57%; }.width58 { width:58%; }.app-size-d .width58-d { width:58%; }.app-size-bt .width58-bt { width:58%; }.app-size-t .width58-t { width:58%; }.app-size-p .width58-p { width:58%; }.width59 { width:59%; }.app-size-d .width59-d { width:59%; }.app-size-bt .width59-bt { width:59%; }.app-size-t .width59-t { width:59%; }.app-size-p .width59-p { width:59%; }.width60 { width:60%; }.app-size-d .width60-d { width:60%; }.app-size-bt .width60-bt { width:60%; }.app-size-t .width60-t { width:60%; }.app-size-p .width60-p { width:60%; }.width61 { width:61%; }.app-size-d .width61-d { width:61%; }.app-size-bt .width61-bt { width:61%; }.app-size-t .width61-t { width:61%; }.app-size-p .width61-p { width:61%; }.width62 { width:62%; }.app-size-d .width62-d { width:62%; }.app-size-bt .width62-bt { width:62%; }.app-size-t .width62-t { width:62%; }.app-size-p .width62-p { width:62%; }.width63 { width:63%; }.app-size-d .width63-d { width:63%; }.app-size-bt .width63-bt { width:63%; }.app-size-t .width63-t { width:63%; }.app-size-p .width63-p { width:63%; }.width64 { width:64%; }.app-size-d .width64-d { width:64%; }.app-size-bt .width64-bt { width:64%; }.app-size-t .width64-t { width:64%; }.app-size-p .width64-p { width:64%; }.width65 { width:65%; }.app-size-d .width65-d { width:65%; }.app-size-bt .width65-bt { width:65%; }.app-size-t .width65-t { width:65%; }.app-size-p .width65-p { width:65%; }.width66 { width:66%; }.app-size-d .width66-d { width:66%; }.app-size-bt .width66-bt { width:66%; }.app-size-t .width66-t { width:66%; }.app-size-p .width66-p { width:66%; }.width67 { width:67%; }.app-size-d .width67-d { width:67%; }.app-size-bt .width67-bt { width:67%; }.app-size-t .width67-t { width:67%; }.app-size-p .width67-p { width:67%; }.width68 { width:68%; }.app-size-d .width68-d { width:68%; }.app-size-bt .width68-bt { width:68%; }.app-size-t .width68-t { width:68%; }.app-size-p .width68-p { width:68%; }.width69 { width:69%; }.app-size-d .width69-d { width:69%; }.app-size-bt .width69-bt { width:69%; }.app-size-t .width69-t { width:69%; }.app-size-p .width69-p { width:69%; }.width70 { width:70%; }.app-size-d .width70-d { width:70%; }.app-size-bt .width70-bt { width:70%; }.app-size-t .width70-t { width:70%; }.app-size-p .width70-p { width:70%; }.width71 { width:71%; }.app-size-d .width71-d { width:71%; }.app-size-bt .width71-bt { width:71%; }.app-size-t .width71-t { width:71%; }.app-size-p .width71-p { width:71%; }.width72 { width:72%; }.app-size-d .width72-d { width:72%; }.app-size-bt .width72-bt { width:72%; }.app-size-t .width72-t { width:72%; }.app-size-p .width72-p { width:72%; }.width73 { width:73%; }.app-size-d .width73-d { width:73%; }.app-size-bt .width73-bt { width:73%; }.app-size-t .width73-t { width:73%; }.app-size-p .width73-p { width:73%; }.width74 { width:74%; }.app-size-d .width74-d { width:74%; }.app-size-bt .width74-bt { width:74%; }.app-size-t .width74-t { width:74%; }.app-size-p .width74-p { width:74%; }.width75 { width:75%; }.app-size-d .width75-d { width:75%; }.app-size-bt .width75-bt { width:75%; }.app-size-t .width75-t { width:75%; }.app-size-p .width75-p { width:75%; }.width76 { width:76%; }.app-size-d .width76-d { width:76%; }.app-size-bt .width76-bt { width:76%; }.app-size-t .width76-t { width:76%; }.app-size-p .width76-p { width:76%; }.width77 { width:77%; }.app-size-d .width77-d { width:77%; }.app-size-bt .width77-bt { width:77%; }.app-size-t .width77-t { width:77%; }.app-size-p .width77-p { width:77%; }.width78 { width:78%; }.app-size-d .width78-d { width:78%; }.app-size-bt .width78-bt { width:78%; }.app-size-t .width78-t { width:78%; }.app-size-p .width78-p { width:78%; }.width79 { width:79%; }.app-size-d .width79-d { width:79%; }.app-size-bt .width79-bt { width:79%; }.app-size-t .width79-t { width:79%; }.app-size-p .width79-p { width:79%; }.width80 { width:80%; }.app-size-d .width80-d { width:80%; }.app-size-bt .width80-bt { width:80%; }.app-size-t .width80-t { width:80%; }.app-size-p .width80-p { width:80%; }.width81 { width:81%; }.app-size-d .width81-d { width:81%; }.app-size-bt .width81-bt { width:81%; }.app-size-t .width81-t { width:81%; }.app-size-p .width81-p { width:81%; }.width82 { width:82%; }.app-size-d .width82-d { width:82%; }.app-size-bt .width82-bt { width:82%; }.app-size-t .width82-t { width:82%; }.app-size-p .width82-p { width:82%; }.width83 { width:83%; }.app-size-d .width83-d { width:83%; }.app-size-bt .width83-bt { width:83%; }.app-size-t .width83-t { width:83%; }.app-size-p .width83-p { width:83%; }.width84 { width:84%; }.app-size-d .width84-d { width:84%; }.app-size-bt .width84-bt { width:84%; }.app-size-t .width84-t { width:84%; }.app-size-p .width84-p { width:84%; }.width85 { width:85%; }.app-size-d .width85-d { width:85%; }.app-size-bt .width85-bt { width:85%; }.app-size-t .width85-t { width:85%; }.app-size-p .width85-p { width:85%; }.width86 { width:86%; }.app-size-d .width86-d { width:86%; }.app-size-bt .width86-bt { width:86%; }.app-size-t .width86-t { width:86%; }.app-size-p .width86-p { width:86%; }.width87 { width:87%; }.app-size-d .width87-d { width:87%; }.app-size-bt .width87-bt { width:87%; }.app-size-t .width87-t { width:87%; }.app-size-p .width87-p { width:87%; }.width88 { width:88%; }.app-size-d .width88-d { width:88%; }.app-size-bt .width88-bt { width:88%; }.app-size-t .width88-t { width:88%; }.app-size-p .width88-p { width:88%; }.width89 { width:89%; }.app-size-d .width89-d { width:89%; }.app-size-bt .width89-bt { width:89%; }.app-size-t .width89-t { width:89%; }.app-size-p .width89-p { width:89%; }.width90 { width:90%; }.app-size-d .width90-d { width:90%; }.app-size-bt .width90-bt { width:90%; }.app-size-t .width90-t { width:90%; }.app-size-p .width90-p { width:90%; }.width91 { width:91%; }.app-size-d .width91-d { width:91%; }.app-size-bt .width91-bt { width:91%; }.app-size-t .width91-t { width:91%; }.app-size-p .width91-p { width:91%; }.width92 { width:92%; }.app-size-d .width92-d { width:92%; }.app-size-bt .width92-bt { width:92%; }.app-size-t .width92-t { width:92%; }.app-size-p .width92-p { width:92%; }.width93 { width:93%; }.app-size-d .width93-d { width:93%; }.app-size-bt .width93-bt { width:93%; }.app-size-t .width93-t { width:93%; }.app-size-p .width93-p { width:93%; }.width94 { width:94%; }.app-size-d .width94-d { width:94%; }.app-size-bt .width94-bt { width:94%; }.app-size-t .width94-t { width:94%; }.app-size-p .width94-p { width:94%; }.width95 { width:95%; }.app-size-d .width95-d { width:95%; }.app-size-bt .width95-bt { width:95%; }.app-size-t .width95-t { width:95%; }.app-size-p .width95-p { width:95%; }.width96 { width:96%; }.app-size-d .width96-d { width:96%; }.app-size-bt .width96-bt { width:96%; }.app-size-t .width96-t { width:96%; }.app-size-p .width96-p { width:96%; }.width97 { width:97%; }.app-size-d .width97-d { width:97%; }.app-size-bt .width97-bt { width:97%; }.app-size-t .width97-t { width:97%; }.app-size-p .width97-p { width:97%; }.width98 { width:98%; }.app-size-d .width98-d { width:98%; }.app-size-bt .width98-bt { width:98%; }.app-size-t .width98-t { width:98%; }.app-size-p .width98-p { width:98%; }.width99 { width:99%; }.app-size-d .width99-d { width:99%; }.app-size-bt .width99-bt { width:99%; }.app-size-t .width99-t { width:99%; }.app-size-p .width99-p { width:99%; }.width100 { width:100%; }.app-size-d .width100-d { width:100%; }.app-size-bt .width100-bt { width:100%; }.app-size-t .width100-t { width:100%; }.app-size-p .width100-p { width:100%; }.span1{width:8.33333333333333%;}.span2{width:16.6666666666667%;}.span3{width:25%;}.span4{width:33.3333333333333%;}.span5{width:41.6666666666667%;}.span6{width:50%;}.span7{width:58.3333333333333%;}.span8{width:66.6666666666667%;}.span9{width:75%;}.span10{width:83.3333333333333%;}.span11{width:91.6666666666667%;}.span12{width:100%;}.app-size-d .span1-d{width:8.33333333333333%;}.app-size-d .span2-d{width:16.6666666666667%;}.app-size-d .span3-d{width:25%;}.app-size-d .span4-d{width:33.3333333333333%;}.app-size-d .span5-d{width:41.6666666666667%;}.app-size-d .span6-d{width:50%;}.app-size-d .span7-d{width:58.3333333333333%;}.app-size-d .span8-d{width:66.6666666666667%;}.app-size-d .span9-d{width:75%;}.app-size-d .span10-d{width:83.3333333333333%;}.app-size-d .span11-d{width:91.6666666666667%;}.app-size-d .span12-d{width:100%;}.app-size-bt .span1-bt{width:8.33333333333333%;}.app-size-bt .span2-bt{width:16.6666666666667%;}.app-size-bt .span3-bt{width:25%;}.app-size-bt .span4-bt{width:33.3333333333333%;}.app-size-bt .span5-bt{width:41.6666666666667%;}.app-size-bt .span6-bt{width:50%;}.app-size-bt .span7-bt{width:58.3333333333333%;}.app-size-bt .span8-bt{width:66.6666666666667%;}.app-size-bt .span9-bt{width:75%;}.app-size-bt .span10-bt{width:83.3333333333333%;}.app-size-bt .span11-bt{width:91.6666666666667%;}.app-size-bt .span12-bt{width:100%;}.app-size-t .span1-t{width:8.33333333333333%;}.app-size-t .span2-t{width:16.6666666666667%;}.app-size-t .span3-t{width:25%;}.app-size-t .span4-t{width:33.3333333333333%;}.app-size-t .span5-t{width:41.6666666666667%;}.app-size-t .span6-t{width:50%;}.app-size-t .span7-t{width:58.3333333333333%;}.app-size-t .span8-t{width:66.6666666666667%;}.app-size-t .span9-t{width:75%;}.app-size-t .span10-t{width:83.3333333333333%;}.app-size-t .span11-t{width:91.6666666666667%;}.app-size-t .span12-t{width:100%;}.app-size-p .span1-p{width:8.33333333333333%;}.app-size-p .span2-p{width:16.6666666666667%;}.app-size-p .span3-p{width:25%;}.app-size-p .span4-p{width:33.3333333333333%;}.app-size-p .span5-p{width:41.6666666666667%;}.app-size-p .span6-p{width:50%;}.app-size-p .span7-p{width:58.3333333333333%;}.app-size-p .span8-p{width:66.6666666666667%;}.app-size-p .span9-p{width:75%;}.app-size-p .span10-p{width:83.3333333333333%;}.app-size-p .span11-p{width:91.6666666666667%;}.app-size-p .span12-p{width:100%;}