@font-face {
  font-family: 'Titillium Web';
  font-style: bold;
  font-weight: 700;
  src: local('Titillium WebBold'), local('TitilliumWeb-Bold'),
    url('../central/fonts/titillum/TitilliumWeb-SemiBold.ttf') format('truetype'), url('../central/fonts/titillum/TitilliumWeb-SemiBold.woff') format('woff'), url('../central/fonts/titillum/TitilliumWeb-SemiBold.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
html, body {height: 100%; font-family:'Titillium Web'; }

#wrap {min-height: 100%;}

#main {overflow:auto;
	padding-bottom: 180px;}  /* must be same height as the footer */

#stickyfooter {position: relative;
	margin-top: -180px; /* negative value of footer height */
	height: 180px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	html, body{ font-size: 13px; }
	img { max-width: 100%; }
}

/* ipad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	html, body{ font-size: 16px; }
	.btn{ font-size:18px; }
	.form-control{ font-size: 16px; padding: 8px 19px;} input[type=text]{ padding:19px; }  select.form-control { height:40px; }
	img { max-width: 100%; }
}
@media (min-width: 992px) and (orientation:landscape) {
	html, body{ font-size: 16px; }
	.btn{font-size:18px; }
	.form-control{ font-size: 16px; padding: 8px 19px;} input[type=text]{ padding:i19px; } select.form-control { height:40px; }
    .col-md-12 {
        width:50%;
    }
}

@media (min-width: 992px) and (orientation:portrait) {
	html, body{ font-size: 18px; }
    .col-xs-6 {
         width:100%; display:block;
    }
}
.a360_brand{ color:#C00; }
.boxShadow{
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.textShadow{
	text-shadow: 0 0.1em 0.2em #000;
}
.leftCurved{   
			/* firefox's individual border radius properties */
-moz-border-radius-topleft:5px; /* top left corner */
-moz-border-radius-bottomleft:5px; /* bottom left corner */

/* webkit's individual border radius properties */
-webkit-border-top-left-radius:5px; /* top left corner */
-webkit-border-bottom-left-radius:5px; /* bottom left corner */

/* internet explorer support */
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.rightCurved 
{   
	
			/* firefox's individual border radius properties */
-moz-border-radius-topright:5px; /* top right corner */
-moz-border-radius-bottomright:5px; /* bottom right corner */

/* webkit's individual border radius properties */
-webkit-border-top-right-radius:5px; /* top right corner */
-webkit-border-bottom-right-radius:5px; /* bottom right corner */

/* internet explorer support */
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.topCurved 
{   
	
			/* firefox's individual border radius properties */
-moz-border-radius-topright:5px; /* top right corner */
-moz-border-radius-topleft:5px; /* bottom right corner */

/* webkit's individual border radius properties */
-webkit-border-top-right-radius:5px; /* top right corner */
-webkit-border-top-left-radius:5px; /* bottom right corner */

/* internet explorer support */
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
.bottomCurved 
{   
	
			/* firefox's individual border radius properties */
-moz-border-radius-bottomright:5px; /* top right corner */
-moz-border-radius-bottomleft:5px; /* bottom right corner */

/* webkit's individual border radius properties */
-webkit-border-bottom-right-radius:5px; /* top right corner */
-webkit-border-bottom-left-radius:5px; /* bottom right corner */

/* internet explorer support */
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.leftBottomCurved{   
			/* firefox's individual border radius properties */
-moz-border-radius-bottomleft:5px; /* bottom left corner */
/* webkit's individual border radius properties */
-webkit-border-bottom-left-radius:5px; /* bottom left corner */
/* internet explorer support */
border-bottom-left-radius: 5px;
}
.leftTopCurved{   
			/* firefox's individual border radius properties */
-moz-border-radius-topleft:5px; /* bottom left corner */
/* webkit's individual border radius properties */
-webkit-border-top-left-radius:5px; /* bottom left corner */
/* internet explorer support */
border-top-left-radius: 5px;
}
.rightBottomCurved 
{   
			/* firefox's individual border radius properties */
-moz-border-radius-bottomright:5px; /* bottom right corner */
/* webkit's individual border radius properties */
-webkit-border-bottom-right-radius:5px; /* bottom right corner */
/* internet explorer support */
border-bottom-right-radius: 5px;
}
.rightTopCurved 
{   
			/* firefox's individual border radius properties */
-moz-border-radius-topright:5px; /* bottom right corner */
/* webkit's individual border radius properties */
-webkit-border-top-right-radius:5px; /* bottom right corner */
/* internet explorer support */
border-top-right-radius: 5px;
}

.halfPageHeight {
    height: 50vh;
}
.halfPageWidth {
	width:50vw;
}
.fullPageHeight {
	height:100vh;
}

.pageheader{
	position: fixed;
	width:100%;
	background-color:#000;
	color:#FFF;
	padding:6px;
	padding-top:8px;
	border-top:#C00 2px solid;
	height:45px;
	z-index:9999;
	font-size:120%;
}
#pagebody{
	margin-top:39px;
	min-height: -webkit-calc(100vh - 40px);
    min-height: -moz-calc(100vh - 40px);
    min-height: calc(100vh - 40px);
	overflow-y: auto;
	z-index:9000; 
}
#sidemenu{ 
	background-color:rgba(0,0,0,0.4);
	position:absolute;
	top:0px; left:0px; z-index:10000;
	min-height:200vh;
	width:100vw;
	overflow-y:auto;
}
#sidemenu_content{
	height:200vh;
	width:70%;
	max-width:300px;
	z-index:10001;
}
#div_global_popunder{
	padding-top:0px; margin-top:0px;
	min-height: -webkit-calc(100vh - 40px);
    min-height: -moz-calc(100vh - 40px);
    min-height: calc(100vh - 40px);
	overflow-y: auto;
	z-index:9000; 
}
.sidelink{ font-size:110%; }
.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  margin-top:40px;
}
.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.parallax__layer--base {
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.parallax__layer--back {
	-webkit-transform: translateZ(-1px) scale(2);
    transform: translateZ(-1px) scale(2);
}
a.back-to-top {
	display: nones;
	color:#FFF;
	width: 60px;
	height: 60px;
	text-align:center;
	font-size:24px; padding-top:12px;
	position: fixed;
	z-index: 99999;
	right: 20px;
	bottom: 20px;
	background: #f0ad4e no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a.back-to-top:hover, a.back-to-top:active {
	background-color:#000;
	text-decoration:none;
}
li > a{ color:#FFF; background-color:#666; }
li.active > a{ color:#900; }
.nav-tabs { border-bottom: 1px solid #C00;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #eee;
  cursor: default;
  background-color: #C00;
  border:#C00 1px solid;
  border-bottom-color: transparent;
}
.tab-pane{ min-height:140px; }
.gradientPrimary{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+23,2989d8+51,2989d8+51,7db9e8+78,e8e8e8+100 */
	background: #1e5799; /* Old browsers */
	background: -moz-linear-gradient(top,  #1e5799 23%, #2989d8 51%, #2989d8 51%, #7db9e8 78%, #e8e8e8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #1e5799 23%,#2989d8 51%,#2989d8 51%,#7db9e8 78%,#e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #1e5799 23%,#2989d8 51%,#2989d8 51%,#7db9e8 78%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.gradientDanger{
	background: #6d0019; /* Old browsers */
	background: -moz-linear-gradient(top,  #6d0019 22%, #8f0222 38%, #e8e8e8 89%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #6d0019 22%,#8f0222 38%,#e8e8e8 89%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #6d0019 22%,#8f0222 38%,#e8e8e8 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}
.list-group-striped .list-group-item:nth-child(odd) { background-color: #eee;}
.appselected{ border:red 1px solid; }

/*floating button*/
.floating-button{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #db4437;
  position: fixed;
  bottom: 30px;
  right: 30px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
}

.floating-button-2{
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: #db4437;
  position: fixed;
  bottom: 100px;
  right: 30px;
  cursor: pointer;
  box-shadow: 0px 2px 5px #666;
}

.plus{
  color: white;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 38px;
  font-family: 'Roboto';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}

.plus-2{
  color: white;
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 55px;
  font-size: 38px;
  font-family: 'Titillum Web';
  font-weight: 300;
  animation: plus-out 0.3s;
  transition: all 0.3s;
}

.container-floating{
  position: fixed;
  width: 70px;
  height: 70px;
  bottom: 30px;
  right: 30px;
  z-index: 50px;
  visibility:hidden;
}

.container-floating:hover{
  height: 400px;
  width: 90px;
  padding: 30px;
}

.container-floating:hover .plus{
  animation: plus-in 0.15s linear;
  animation-fill-mode: forwards;
}

.edit{
  position: absolute;
  top: 0;
  display: block;
  bottom: 0;
  left: 0;
  display: block;
  right: 0;
  padding: 0;
  opacity: 0;
  margin: auto;
  line-height: 65px;
  transform: rotateZ(-70deg);
  transition: all 0.3s;
  animation: edit-out 0.3s;
  color: white;
}

.container-floating:hover .edit{
  animation: edit-in 0.2s;
   animation-delay: 0.1s;
  animation-fill-mode: forwards;
}

@keyframes edit-in{
    from {opacity: 0; transform: rotateZ(-70deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

@keyframes edit-out{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(-70deg);}
}

@keyframes plus-in{
    from {opacity: 1; transform: rotateZ(0deg);}
    to {opacity: 0; transform: rotateZ(180deg);}
}

@keyframes plus-out{
    from {opacity: 0; transform: rotateZ(180deg);}
    to {opacity: 1; transform: rotateZ(0deg);}
}

.nds{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  z-index: 300;
  transform:  scale(0);
  cursor: pointer;
}

.nd1{
  background: #d3a411;
  right: 40px;
  bottom: 110px;
  animation-delay: 0.2s;
  animation: bounce-out-nds 0.3s linear;
  animation-fill-mode:  forwards;
  box-shadow: 0px 2px 5px #666;
}

.nd3{
  background: #3c80f6;
  right: 40px;
  bottom: 180px;
  animation-delay: 0.15s;
    animation: bounce-out-nds 0.15s linear;
  animation-fill-mode:  forwards;
}

.nd4{
  background: #ba68c8;
  right: 40px;
  bottom: 240px;
  animation-delay: 0.1s;
    animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

.nd5{
  background-image: url('https://lh3.googleusercontent.com/-X-aQXHatDQY/Uy86XLOyEdI/AAAAAAAAAF0/TBEZvkCnLVE/w140-h140-p/fb3a11ae-1fb4-4c31-b2b9-bf0cfa835c27');
  background-size: 100%;
  right: 40px;
  bottom: 300px;
  animation-delay: 0.08s;
  animation: bounce-out-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

@keyframes bounce-nds{
    from {opacity: 0;}
    to {opacity: 1; transform: scale(1);}
}

@keyframes bounce-out-nds{
    from {opacity: 1; transform: scale(1);}
    to {opacity: 0; transform: scale(0);}
}

.container-floating:hover .nds{
  
  animation: bounce-nds 0.1s linear;
  animation-fill-mode:  forwards;
}

.container-floating:hover .nd3{
  animation-delay: 0.08s;
}
.container-floating:hover .nd4{
  animation-delay: 0.15s;
}
.container-floating:hover .nd5{
  animation-delay: 0.2s;
}

.letter{
  font-size: 23px;
  font-family: 'Roboto';
  color: white;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  line-height: 40px;
}

.reminder{
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  line-height: 40px;
}

.profile{
  border-radius: 50%;
  width: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
}
/*end floating button*/
#licensenotice{
	position:absolute; top:300px;
	width:100%;
	font-family:'Titillium Web','Segoe UI'; background-color:#C00; position:absolute; 
	margin-left:0px; margin-right:0px; height:100px;  text-align:left;color:#FFFFFF; font-weight:normal;
	padding:10px;
	border-top:#FC0 2px solid; font-size:14px; color:#FFF; padding-bottom:10px;
}
#licensenotice input[type="button"]{
	font-size:14px; padding:6px; text-shadow: 0 0.1em 0.2em #000; background:transparent;
	color:#FC0; margin:12px; padding-left:12px; padding-right:12px; cursor:pointer;
				/* firefox's individual border radius properties */
-moz-border-radius-topright:5px; /* top right corner */
-moz-border-radius-topleft:5px; /* bottom right corner */
-moz-border-radius-bottomright:5px; /* top right corner */
-moz-border-radius-bottomleft:5px;

/* webkit's individual border radius properties */
-webkit-border-top-right-radius:5px; /* top right corner */
-webkit-border-top-left-radius:5px; /* bottom right corner */
-webkit-border-bottom-right-radius:5px; /* top right corner */
-webkit-border-bottom-left-radius:5px;

/* internet explorer support */
border-top-right-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}