/* Color scheme */
/* 
	WHITE       FCFFF1
	BLACK       0D100E
	GREY        929995   rgba(146,153,149,1)
	BLUE        247BA0
	BIRUSE      70C1B3
	GREEN       B2DBBF
	YELLOW      F3FFBD
	RED         FF1654
	PURPLE      5e4e6d
*/
body,html{height:100%;width:100%;padding:0;margin:0}
body,input,textarea,select,button {font-family:Lato, sans-serif;font-weight:400;font-size:16px;color: #0D100E;line-height:1.2em;}
textarea,select,input {
	background-color: white;
	border: solid 1px #929995;
	border-radius:4px;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
a {
	color: #247BA0;
	text-decoration:none;
	cursor: pointer;
}
a:not(.disabled):hover {
	color: #70C1B3;
}
.text-bold {
	font-weight: 700;
}
.text-light {
	font-weight: 300;
}
.text-italic {
	font-style: italic;
}
::-webkit-input-placeholder {color: #929995;}
:-moz-placeholder { color: #929995;  }
::-moz-placeholder {  color: #929995;  }
:-ms-input-placeholder {  color: #929995;  }
.margin-top-5 {margin-top:5px;}
.margin-top-10 {margin-top:10px;}
.margin-top-20 {margin-top:20px;}
.margin-top-30 {margin-top:30px;}
.margin-bottom-10{margin-bottom:10px;}
.margin-right-5{margin-right:5px}
.margin-right-10{margin-right:10px}
.margin-left-10{margin-left:10px}
.margin-left-5{margin-left:5px}
.margin-left-20 {margin-left:20px;}
.text-grey {color: #929995;}
.text-red {color: #FF1654;}
.text-small {
	font-size:12px;
}
.text-large {
	font-size:20px;
	line-height:20px;
}
.text-huge {
	font-size:32px;
	line-height:32px;
}
.text-enourmous {
	font-size:48px;
	line-height:48px;
}
.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}
.hide{display:none}
.force-hide {display: none !important;}
.float-right {float: right}
.float-left {float: left}

.overflow{overflow: hidden;}

.pointer {cursor: pointer}

th {text-align: left;font-weight: 600}

.capitalized:first-letter {text-transform: uppercase}

.inline-block {display: inline-block}
.inline {display: inline}

.text-underline {
	text-decoration: underline;
}

/* Buttons */

.button {
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	padding:10px 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-weight: 600;
	position: relative;
	box-shadow: 3px 3px 1px rgba(0,0,0,.1);
}

.button:active {
	box-shadow: none;
}

.button.disabled {
	opacity:.7;
	cursor: default;
}

.button.disabled.disabled-strong {
	opacity:.2;
}

.button.button-condensed {
	padding-left:10px;
	padding-right:10px;
}

.button.button-condensed-vertical {
	padding-top:5px;
	padding-bottom:5px;
}

.button-small {
	font-size:12px;
	padding:5px 10px;
}

.button-large {
	font-size:20px;
	padding:15px 20px;
}

.button-huge {
	font-size:24px;
	padding:20px 30px;
}

.button-link {
	background-color: transparent;
	color: #929995;
	text-decoration: underline;
	box-shadow: none;
}

.button-link-no-padding-right {
	padding-right: 0;
}

.button-link-no-padding-left {
	padding-left:0;
}

.button-link:not(.disabled):hover {
	color: #A2A9A5;
}

.button-link-white {
	background-color: transparent;
	color: white;
	text-decoration: underline;
	box-shadow: none;
}

.button-link-white:not(.disabled):hover {
	text-decoration: none;
}

.button-default {
	background-color: #bac7c7;
	color: #0D100E;
}

.button-default:not(.disabled):hover {
	background-color: #cad7d7;
	color: #0D100E;
}

.button-primary {
	background-color: #247BA0;
	color: white;
}

.button-primary:not(.disabled):hover {
	background-color: #348BB0;
}

.button-success {
	background-color: #70C1B3;
	color: #0D100E;
}

.button-success:not(.disabled):hover {
	background-color: #80D1C3;
}

.button-important {
	background-color: #ff6666;
	color: white;
}

.button-important:not(.disabled):hover {
	background-color: #ee5555;
}


.button-green {
	background-color: #06D6A0;
	color: white;
}

.button-green:not(.disabled):hover {
	background-color: #06C690;
}


.button-red,.button-danger {
	background-color: #EF476F;
	color: white;
}

.button-red:not(.disabled):hover,.button-danger:not(.disabled):hover {
	background-color: #DF375F;
}


.button-ghost {
	padding:9px 19px;
	border: dashed 1px #929995;
	color: #929995;
	background-color: white;
	box-shadow: none;
}

.button-ghost:not(.disabled):hover {
	border: dashed 1px #0D100E;
	color: #0D100E;
}



.button-hollow {
	padding:9px 19px;
	border: solid 1px #929995;
	color: #0D100E;
	background-color: white;
	box-shadow: none;
}

.button-hollow:not(.disabled):hover {
	border: solid 1px #247BA0;
	color: #247BA0;
}

.button-blank {
	padding:10px 20px;
	border: none;
	color: #0D100E;
	background-color: transparent;
	box-shadow: none;
}

.button-blank:not(.disabled):hover {
	opacity:0.9;
}

.button-topmenu {
	background-color: #342c3c;
	color: white;
	box-shadow: none;
}

.button-topmenu:not(.disabled):hover {
	background-color: #241c2c;
}

.button-google {
	background-color: #dc4e41;color: white
}
.button-google:not(.disabled):hover {
	background-color: #cc3e31;
}

.button-selector {
	padding:9px 19px;
	border: solid 1px #929995;
	color: #0D100E;
	background-color: white;
	box-shadow: none;
}

.button-selector:not(.disabled):hover {
	border: solid 1px #247BA0;
	color: #247BA0;
}


.button-selector.selected {
	background-color: #70C1B3;
	border: solid 1px #70C1B3;
	color: white;
}

.button-fake {
	cursor: default;
	box-shadow: none;
}

.button-hollow-white {
	color: white;
	background-color: transparent;
	border: solid 1px white;
	border-radius:4px;
	box-shadow: none;
}

.button-hollow-white:not(.disabled):hover {
	color: #B2DBBF;
	border-color: #B2DBBF;
}

.button-facebook {
	background-color: #3b5998;
	color: white;
}

.button-facebook:not(.disabled):hover {
	background-color: #2b4988;
}

.button-linkedin {
	background-color: #007bb5;
	color: white;
}

.button-linkedin:not(.disabled):hover {
	background-color: #108bc5;
}

.laginprogress {
	cursor: progress !important;
	opacity:0.7;
	box-shadow: none;
}

/* Form elements */

form{display: inline}

input:not([type=checkbox]):not([type=radio]) {
	border-radius:4px;
	border:solid 1px #929995;
	padding:10px;
	width:calc(100% - 22px);
}

input[type=checkbox], input[type=radio] {
	margin-right:5px;
	cursor: pointer;
}


textarea {
	border-radius:4px;
	border:solid 1px #929995;
	padding:10px;
	font-size:16px;
	width:calc(100% - 22px);
}

input:focus, textarea:focus {
	outline: none;
	box-shadow: none;
}

select {
	font-size:16px;
	border: solid 1px #929995;
	background-color: white;
}

input:not([type=checkbox]):not([type=radio]).input-large {
	padding:12px 10px !important;
	font-size:20px;
}

.error-label{
	color:#FF1654;
	font-weight: 600;
	display: block;
}

/* Popups */

body.popup-2-locked {
	overflow: hidden;
}

.popup-2-wrapper {
	position: fixed;
	width:100%;
	height:100%;
	z-index:1000000;
	top:0;
	left:0;
}

.popup-2-overlay {
	background-color: rgba(146,153,149,.7);
	position: absolute;
	width:100%;
	height:100%;
	z-index:1;
	top:0;
	left:0;
	cursor: pointer;
	-webkit-transition:opacity .2s ease-in-out,margin .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out,margin .2s ease-in-out;
	-ms-transition:opacity .2s ease-in-out,margin .2s ease-in-out;
	transition:opacity .2s ease-in-out,margin .2s ease-in-out;
}

.popup-2-box {
	width:520px;
	left:calc((100% - 520px)/2);
	border-radius: 4px;
	top:60px;
	position: absolute;
	z-index:2;
	-webkit-transition:opacity .2s ease-in-out,top .2s ease-in-out;
	-moz-transition:opacity .2s ease-in-out,top .2s ease-in-out;
	-ms-transition:opacity .2s ease-in-out,top .2s ease-in-out;
	transition:opacity .2s ease-in-out,top .2s ease-in-out;
}

.popup-2-header {
	background-color:white;
	border-radius:4px 4px 0 0;
	padding:20px;
}

.popup-2-body {
	background-color:white;
	padding:0 20px 20px 20px;
	max-height: calc(100vh - 220px);
	overflow-y: auto;
	-ms-overflow-style: none;
}

.popup-2-body.popup-2-no-footer {
	border-radius:0 0 4px 4px;
	max-height: calc(100vh - 160px);
}

.popup-2-body.popup-2-no-header {
	border-radius: 4px 4px 0 0;
	max-height: calc(100vh - 160px);
}

.popup-2-body.popup-2-no-footer.popup-2-no-header {
	border-radius: 4px;
	max-height: calc(100vh - 100px);
}

.popup-2-footer {
	background-color:white;
	border-radius: 0 0 4px 4px;
	padding:10px 20px;
	overflow: hidden;
}

@media screen and (max-width: 520px) {
	.popup-2-box {
		width: calc(100% - 10px);
		left: 5px;
		top:5px;
	}
	.popup-2-body {
		max-height: calc(100vh - 130px);
	}
	.popup-2-body.popup-2-no-footer {
		max-height: calc(100vh - 90px);
	}
}

.popup-2-container.kindly-hidden .popup-2-overlay {
	opacity:0;
}

.popup-2-container.kindly-hidden .popup-2-box{
	opacity:0;
	top:-10%;
}

.popup-2-box-close {
	font-size:200%;
	float: right;
	cursor: pointer;
}

.popup-2-box-close:not(.disabled):hover {
	opacity:.9;
}

.popup-2-loading {
	text-align: center;
	padding: 60px 0;
}

/* Anilogo */

.anilogo-wrapper {
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.anilogo {
	animation: anilogo .8s forwards ease-out;
	-webkit-animation: anilogo .8s forwards ease-out;
	-moz-animation: anilogo .8s forwards ease-out;
	-o-animation: anilogo .8s forwards ease-out;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;
	border-radius:100%;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.anilogo-1,.anilogo-2,.anilogo-3{
	width:40%;
	height:80%;
	left:30%;
	top:10%;
	border-radius:100%;
	
	position: absolute;
	animation: anilogoCircle 3.2s forwards ease-out;
	-webkit-animation: anilogoCircle 3.2s forwards ease-out;
	-moz-animation: anilogoCircle 3.2s forwards ease-out;
	-o-animation: anilogoCircle 3.2s forwards ease-out;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;  
	-o-animation-iteration-count: infinite;
}

.anilogo-1 {
	background-color: #247BA0;
}

.anilogo-2 {
	background-color: #247BA0;
}

.anilogo-3 {
	background-color: #247BA0;
}


.anilogo-1-wrapper,.anilogo-2-wrapper,.anilogo-3-wrapper {
	width:100%;
	height:50%;
	left:0%;
	top:25%;
	position: absolute;
}

.anilogo-1-wrapper {
	transform:rotate(90deg);
	
}

.anilogo-2-wrapper {
	transform:rotate(210deg);
	
}

.anilogo-3-wrapper {
	transform:rotate(330deg);
	
}

@keyframes anilogo {
	0%   {transform:rotate(-180deg);}
	100%   {transform:rotate(180deg);}
}

@-webkit-keyframes anilogo {
	0%   {-webkit-transform:rotate(-180deg);}
	100%   {-webkit-transform:rotate(180deg);}
}

@-moz-keyframes anilogo {
	0%   {-moz-transform:rotate(-180deg);}
	100%   {-moz-transform:rotate(180deg);}
}

@-ms-keyframes anilogo {
	0%   {-ms-transform:rotate(-180deg);}
	100%   {-ms-transform:rotate(180deg);}
}

@keyframes anilogoCircle {
	0%    {left:53%;top:20%;width:30%;height:60%;opacity:1}
	25%   {left:70%;top:35%;width:15%;height:30%;opacity:1}
	50%   {left:70%;top:35%;width:15%;height:30%;opacity:1}
	75%   {left:53%;top:20%;width:30%;height:60%;opacity:1}
	100%  {left:53%;top:20%;width:30%;height:60%;opacity:1}
}

@-webkit-keyframes anilogoCircle {
	0%    {left:53%;top:20%;width:30%;height:60%;opacity:1}
	25%   {left:70%;top:35%;width:15%;height:30%;opacity:1}
	50%   {left:70%;top:35%;width:15%;height:30%;opacity:1}
	75%   {left:53%;top:20%;width:30%;height:60%;opacity:1}
	100%  {left:53%;top:20%;width:30%;height:60%;opacity:1}
}

@-moz-keyframes anilogoCircle {
	0%    {left:53%;top:20%;width:30%;height:60%;opacity:1}
	25%   {left:70%;top:35%;width:15%;height:30%;opacity:1}
	50%   {left:70%;top:35%;width:15%;height:30%;opacity:1}
	75%   {left:53%;top:20%;width:30%;height:60%;opacity:1}
	100%  {left:53%;top:20%;width:30%;height:60%;opacity:1}
}

@-ms-keyframes anilogoCircle {
	0%    {left:53%;top:20%;width:30%;height:60%;opacity:1}
	25%   {left:70%;top:35%;width:15%;height:30%;opacity:1}
	50%   {left:70%;top:35%;width:15%;height:30%;opacity:1}
	75%   {left:53%;top:20%;width:30%;height:60%;opacity:1}
	100%  {left:53%;top:20%;width:30%;height:60%;opacity:1}
}

.button-copy {color: #70C1B3;font-weight: 700;border: solid 1px #70C1B3 !important;text-align: center}

/* Progress bar */

.progress {
	background-color: #70C1B3;
	width:100%;
	height:10px;
}
.progress .bar {
	height:100%;
	background-color: #B2DBBF;
}

/* Files */
/* Probably doesn't belong here */

.filewrap-wrapper {
	width:calc(100% - 40px);
	height:calc(100% - 40px);
	z-index:103;
	padding:20px;
	position: absolute;
	background-color: rgba(0,0,0,.5);
}

.filewrap {
	width:100%;
	height:100%;
	background-color: white;
	overflow: hidden;
	position: relative;
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}

.filemenu {
	height:40px;
	width:calc(100% - 20px);
	position: absolute;
	background-color: white;
	padding:10px;
	z-index:2;
}

.file-delete-div-2 {
	margin-top:5px;
}

.filemenu[specialType=notes] {
	background-color: #F3FFBD;
}

.filemenu-user-picture {
	width:40px;
	height:40px;
	float: left;
	border-radius:4px;
}

.fileframe {
	height:100%;
	top:0%;
	width:100%;
	left:0%;
	border: none;
	padding:0;
	position: absolute;
}

.fileframe-wrapper {
	position: absolute;
	width:100%;
	height:100%;
}



.fileframe-pub {
	margin-top:20px;
	height:80%;
}

.fileframe-pub-img {
	margin-top:40px;
	height:80%;
}

.fileframe-pub-xls {
	margin-top:15px;
	height:90%;
}

.fileframe-pub-doc {
	margin-top:0px;
	height:100%;
}

.fileframe-pub-ppt {
	margin-top:0px;
	height:100%;
}

.fileframe-image {
	width: auto;
}

.fileframe-ytb, .fileframe-sld,.fileframe-pub {
	margin-top:60px;
	height: -moz-calc(100% - 60px);
	height: -webkit-calc(100% - 60px);
	height: calc(100% - 60px);
}

@media screen and (max-width: 415px) {
	.popup-2-box {
		width:100% !important;
		padding:0 !important;
		margin:0 !important;
		left:0 !important;
	}
	.signon-grabber-right {display: none}
	.signon-grabber-left {
		width:100% !important;
	}
	
}


/* Forms */

.form-field-2 {
	overflow: auto;
	position: relative;
}

.form-error-2 {
	background-color: #ff0066;
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	border-radius:4px;
	color: white;
	display:none;
	text-align: center;
	cursor: pointer;
}

.form-error-2.shown {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.form-selector {
	color: #929995;
	border: solid 1px #929995;
	padding: 12px 0;
	cursor: pointer;
	display: inline-block;
	font-size:20px;
	width:140px;
	text-align: center;
}

.form-selector:not(.selected):hover {
	background-color: #f1f1f1;
}

.form-selector-left {
	border-radius: 4px 0 0 4px;
}

.form-selector-right {
	border-radius: 0 4px 4px 0;
}

.form-selector.selected {
	border: solid 1px #70C1B3;
	background-color: #70C1B3;
	color: white;
}

.form-selector-negative.selected {
	border: solid 1px #FF1654;
	background-color: #FF1654;
	color: white;
}

/* Tables */

.table-center {
	width:100%;
	height:100%;
}

.table-center td {
	padding:0;
	margin:0;
	text-align: center;
	vertical-align: middle;
}


/* Not confirmed users */

#confirm-email {
	
	position: fixed;
	width:100%;
	height:100%;
	z-index:100000;
}

#confirm-email-overlay {
	background-color: rgba(146,153,149,.7);
	width:100%;
	height:100%;
}

#confirm-email-box {
	width:480px;
	left:calc((100% - 520px)/2);
	top:30%;
	border-radius: 4px;
	position: absolute;
	z-index:2;
	background-color:white;
	padding:20px;
}

.help {
	cursor: help;
}

/* Hints */

.has-popup-hint {
	display: inline;
}

.popup-hint-container {
	display: inline;
	position: relative;
}

.popup-hint {
	position: absolute;
	white-space: nowrap;
	background-color: #333;
	color: white;
	font-size:12px;
	padding:5px 10px;
	border-radius:4px;
	display: none;
	z-index:100;
}

.popup-hint *{
	position: relative;
	z-index:10;
}

.popup-hint.shown {
	display: block;
}

.popup-hint-arrow {
	background-color: #333;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	width:10px;
	height:10px;
	position: absolute;
	z-index:1;
}