*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
    width: 100%;
    height: 100%;    
    margin: 0;
    padding: 0;
}
html{
	overflow:hidden
}
body{
	background: transparent;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;   
}

.wix-scroll-pane.ps-container.ie6 .ps-scrollbar-x.wix-scroll-pane.ps-container.ie6 .ps-scrollbar-x,
.wix-scroll-pane.ps-container.ie6 .ps-scrollbar-y{
	font-size:0
}
.title,.upload-limit{
	word-wrap:break-word
}

.field:active,.field:focus,.mCustomScrollBox,
.text-area-block .message-input:active,
.text-area-block .message-input:focus{
	outline:0
}

.box,.button,.button-block .button-border,
.email,
.mobile-area-text,
.password-field,
.pin-button{
	box-sizing:border-box
}
.Medium{
	position:relative;
	min-height:10px
}
.Medium-drag,
.Medium-paste-hook,
.Medium-placeholder{
	position:absolute
}
.Medium-clear{
	background:0 0!important;
	border-color:transparent!important
}
.Medium,.Medium p:first-child{
	margin-top:0
}
.Medium p:last-child{
	margin-bottom:0
}
.Medium p:empty{
	display:block;
	height:1em
}
.Medium-paste-hook{
	opacity:0
}
.Medium-placeholder div{
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter:alpha(opacity=50);
	position:absolute
}
.Medium-placeholder-rich div{
	font-style:italic
}
.Medium-inline,.Medium-inlineRich,.Medium-placeholder-inline div,
.Medium-placeholder-inlineRich div{
	overflow:hidden;
	white-space:nowrap
}
.Medium-drag{
	cursor:move;
	margin-left:-5px;
	margin-top:-20px
}
.Medium-toolbar-hide{
	overflow:hidden;
	max-height:0;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
	transition-duration:.3s;
	-moz-transition-timing-function:cubic-bezier(0,1,.5,1);
	-webkit-transition-timing-function:cubic-bezier(0,1,.5,1);
	-o-transition-timing-function:cubic-bezier(0,1,.5,1);
	transition-timing-function:cubic-bezier(0,1,.5,1);
	opacity:0
}
.Medium-toolbar-hide,.Medium-toolbar-show{
	transition-property:opacity;
	-moz-transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-o-transition-duration:.3s
}
.Medium-toolbar-show{
	transition-duration:.3s;
	-moz-transition-timing-function:ease-in;
	-webkit-transition-timing-function:ease-in;
	-o-transition-timing-function:ease-in;
	transition-timing-function:ease-in;
	max-height:1000px;
	opacity:1;
	width:auto!important
}
.Medium-toolbar-fixed{
	position:fixed
}
.Medium-focused{
	transition:all 500ms ease-in-out 0s;
	-moz-box-shadow:0 0 3px 4px rgba(0,0,0,.2);
	-webkit-box-shadow:0 0 3px 4px rgba(0,0,0,.2);
	box-shadow:0 0 3px 4px rgba(0,0,0,.2)
}
.wix-scroll-pane.ps-container.ps-in-scrolling{
	pointer-events:none
}
.wix-scroll-pane.ps-container .ps-scrollbar-x-rail{
	position:absolute;
	bottom:0;
	height:12px;
	border-top:1px solid #e9e8e8;
	border-bottom:1px solid #efefef;
	background-color:#f3f3f3
}
.wix-scroll-pane.ps-container .ps-scrollbar-y-rail{
	position:absolute;
	right:0;
	width:12px;
	border-left:1px solid #e9e8e8;
	border-right:1px solid #efefef;
	background-color:#f3f3f3
}
.wix-scroll-pane.ps-container .ps-scrollbar-x{
	position:absolute;
	bottom:1px;
	height:8px;
	background-color:#81cdff;
	border-radius:4px;
	-webkit-box-shadow:0 1px 2px #cccbcb;
	box-shadow:0 1px 2px #cccbcb
}
.wix-scroll-pane.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x,
.wix-scroll-pane.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x{
	background-color:#35aeff
}
.wix-scroll-pane.ps-container .ps-scrollbar-y{
	position:absolute;
	right:1px;
	width:8px;
	background-color:#81cdff;
	border-radius:4px;
	-webkit-box-shadow:0 1px 2px #cccbcb;
	box-shadow:0 1px 2px #cccbcb
}

.wix-scroll-pane.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y,
.wix-scroll-pane.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y{
	background-color:#35aeff
}
.container {
	width: 100%;
}
.container,.container-mobile{
	height:100%;
	background-color:transparent;
}

.flex-container {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;	
}

.index-body{
	padding:0;
	margin:0
}
.container{
	max-width:620px
}
.container-mobile{
	max-width:280px;
	min-width:280px
}

body.modal-view .container {
	
}

.container-mobile.isModalView{
	max-width:100%;
	min-width:100%;
	width:100%;
}

.main-bg{
	height:100%;
	position:absolute
}
.compact,.full{
	padding-top:1px
}

.button {
	line-height:38px;
	display: block;
	min-width: 220px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	box-sizing: border-box;
}

.button div,
.button-block div{
	position: relative;
    top: 50%; 
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.text-margin.no-top {
    top: auto !important;
    transform: none !important;
    -webkit-transform: none !important;	
}
.button.add-file{
	line-height:38px;
	min-width: 220px;
	height: 40px !important;
	overflow: hidden
}

.add-file.open{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0
}
.button.send{
	line-height:34px;
	min-width: 220px;
	height: 36px !important;
	overflow: hidden;
	width: 100%;
}
.mysender {	
	border:1px solid transparent;
	vertical-align: bottom;
} 

.title-block{
	font-size:28px
}
.title-block .text-margin{
	margin:0;
	padding:0;
}

.box{
	border:0px solid transparent;
}

.container.box {
	max-width: 100%;
}

.full-block{
	padding:26px 25px 26px 25px;
	width:100%;
	overflow:hidden;
	margin:auto 0;
	box-sizing: border-box;
	height:calc(100%);
	position: relative;
}
.full-block.scrollable{
	position:relative;
	overflow:hidden;
	height:calc(100% - 67px)
}
.full-block .ps-scrollbar-y-rail{
	background:0 0!important;
	border:0!important
}
.full-block .ps-scrollbar-y-rail .ps-scrollbar-y,
.full-block .ps-scrollbar-y-rail:hover .ps-scrollbar-y{
	background-color:#979595!important
}
.subtitle-block{
	position:relative;
	min-height:14px;
	margin:16px 0 18px;
}
.main-widget{
	transition:.5s height ease
}
.main-widget .error-text.ng-hide{
	opacity:0
}
.main-widget .error-text.ng-hide-add-active{
	opacity:0;
	transition:.5s opacity linear
}
.main-widget .error-text.ng-hide-remove-active{
	opacity:1;
	transition:.5s opacity linear
}
.main-widget .error-text-top.ng-enter{
	opacity:0;
	transition:.5s all linear
}
.main-widget .error-text-top.ng-enter-active{
	opacity:1;
	transition:.5s all linear
}
@-webkit-keyframes height-animation{
	0%{
		max-height:100%
	}
	100%{
		max-height:0
	}
}
@keyframes height-animation{
	0%{
		max-height:100%
	}
	100%{
		max-height:0
	}
}
.main-widget .area-text.ng-hide,
.main-widget .title.ng-hide{
	opacity:0
}
.main-widget .area-text.ng-hide-add-active,
.main-widget .title.ng-hide-add-active{
	opacity:0;
	transition:.5s all ease
}
.main-widget .area-text.ng-hide-remove-active,
.main-widget .title.ng-hide-remove-active{
	opacity:1;
	transition:.5s all ease
}
.main-widget .small-text.ng-hide{
	opacity:0
}
.main-widget .small-text.ng-hide-remove-active{
	opacity:1;
	transition:.5s all ease
}
.main-widget .small-text.upload-limit{
	line-height:1
}
.add-file-block{
	background-color:#fff;
	max-height:6em;
	border: none !important;
	overflow: hidden;	
	overflow-y: auto;
}

.add-file-block.field{
	border-top:0
}
.email{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	margin-top:26px;
	min-height:40px;
	width:100%;
	border:0;
	font-size:14px;
	border-radius:2px;
}
.email.field::-moz-placeholder{
	box-sizing:border-box;
	line-height:2.5em !important;
	line-height:-moz-block-height
}

.email.has-files {
	margin-top: 12px;
}
.empty-container{
	height:55px
}
.input-text{
	padding-left:10px;
	padding-right:10px;
	min-width: 220px;
}
.area-text{
	resize:none;
	border:0;
	height:150px;
	border-radius:2px;
	margin-top:30px
}
.area-text.area-text-small{
	height:80px
}

.cancel,
.send{
	width:100%;
	min-width:220px;
	display:inline-block;
	border:0;
	margin-top:26px;
	border-radius:2px;
	cursor:pointer;
	
}
.cancel .text-margin,
.send .text-margin{
	text-align:center;
	-webkit-align-self:center;
	-ms-flex-item-align:center;
	align-self:center;
	width:100%;
	margin:0
}
.send{
	margin-top: 0;
	height: 36px;
}
.button-active{
	background-color:#ffe30f
}
.button-inactive{
	background-color:rgba(255,227,15,.4)
}
.file-appearance{
	position:relative;
	line-height:normal;
	margin-top:5px;
	white-space:nowrap;
	border-radius:2px;
	font-size:12px;
	min-width:206px;
	border: none !important;
}
.message-input,.title{
	height:100%
}
.button,
.field{
	border:1px solid
}

.error-text,
.error-text-top{
	color:#ff0000;
	line-height:13px
}

input.ng-invalid {
	border-color:#ff0000;
}

.invalidMessageWhite .error-text,
.invalidMessageWhite .error-text-top{
	color:#fff;
}

.modal-view-button-container,
.password-block{
	display:-webkit-flex;
	display:-ms-flexbox
}
.no-select{
	-moz-user-select:-moz-none;
	-ms-user-select:none;
	-webkit-user-select:none;
	user-select:none
}
.error-text{
	font-size:13px;
	line-height: 1.2 !important;
	text-align:center;
	max-height: 54px;
	overflow: hidden;
}
.error-text-top{
	text-align:center;
	margin:0
	position:relative;
	font-size:13px;
	z-index:1
}
.upload-limit{
	position:relative;
	margin-top:0;
	line-height:14px;
	font-size:14px!important;
	z-index:0;
	left:0;
	right:0
}

.upload-limit.password-protected {
	padding-bottom: 0;	
}
.password-error:not(.ng-hide) + .upload-limit.password-protected {
	display: none;
}
input[type='password'] {
	letter-spacing: 3px;
	border-right: none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.button{
	cursor:pointer
}
.pin-button {
	position: relative;
} 
.button .ok-button{
	min-width:initial;
	font-size: 15px;
	line-height: 38px;
}
.button p{
	/*min-width:220px;*/
	line-height:normal;
	width:100%;
	margin: 0;
   position: absolute;               /* 2 */
   top: 50%;                         /* 3 */
   transform: translate(0, -50%)    /* 4 */
}

.loader-container button p.no-top {
	position: static;
}
.modal-view-button-container{
	display:flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.modal-view-button-container .send{
	margin-left:auto
}
.field:active,
.field:invalid,
.field:required{
	box-shadow:none
}
.password-block{
	display:flex;
	border:0;
	width:100%;
	box-sizing:border-box;
	position:relative;
	z-index:0;
	height: 40px;
	overflow: hidden;
}
.password-block .password-add-file{
	width:100%
}
.password-field{
	margin:0;
	-webkit-flex:1;
	-ms-flex:1;
	flex:1;
	padding:0 0 0 5px;
	min-width:100px;
	border-radius:2px 0 0 2px
}
.floating-button-container{
	overflow:hidden
}
.pin-button{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	min-width:40px;
	min-height:40px;
	border:1px solid;
	font-family:inherit;
	border-radius:0 2px 2px 0;
}
.pin-button .text-margin{
	text-align:center;
	-webkit-align-self:center;
	-ms-flex-item-align:center;
	align-self:center;
	width:100%;
	margin:0;
}

.Medium-placeholder div{
	opacity:1!important
}
.text-area-block{
	position:relative;
	margin-bottom: 26px;
	overflow:hidden;
	border:none;
	border-radius:2px;
	min-height: 94px;
	min-width: 220px;
}

.close-modal{
	display:block;
	position:absolute;
	z-index:1002;
	top:16px;
	right:16px;
	font-family:courier;
	cursor:pointer;
	height: 12px;
	width: 12px;
}

.cancel-upload{
	min-width:90px;
	height:40px;
	border:0;
	bottom:-82px;
	border-radius:2px;
	z-index:1
}
.cancel-upload .text-margin{
	text-align:center;
	-webkit-align-self:center;
	-ms-flex-item-align:center;
	align-self:center;
	width:100%;
	margin:0;
	line-height: 38px;
}
.cancel-upload.background{
	height:40px;
	z-index:0
}

.uploading-text{
	position:relative;
	font-size:18px;
	text-align:center;
	top:125px
}
.button-container{
	display:inline-block
}
.inactive{
	cursor:default
}
.box{
	display:-webkit-inline-flex;
	display:-ms-inline-flexbox;
	display:inline-flex
}
.border-override{
	border:0 solid!important
}
.error-borders{
	border:1px solid red!important
}

.invalidMessageWhite .error-borders{
	border:1px solid white !important
}

.mobile-widget-padding{
	padding:25px 20px 10px 20px;
}
.mobile-margin-top{
	margin-top:10px
}
.mobile-button-margin{
	margin-top:12px
}
.mobile-error-container{
	height:100%
}
.mobile-error{
	margin-top:0;
	margin-bottom:20px
}
.mobile-add-file-block{
	height:80px
}
.mobile-area-text{
	padding:10px;
	width:100%;
	min-height:120px
}
.mobile-email{
	padding:5px 1px 2px 10px;
	width:100%
}
.mobile-small-area-text{
	height:80px;
	min-height:80px
}
.loader-container,
.main-size{
	height:100%
}

.main-size {
	height: calc(100%);
}
.button-block{
	cursor:pointer;
	text-align:center;
	display:block;
	width:100%;
	height:100%;
}

.loader-container{
	position:absolute;
	display:block;
	width:100%
}
.loader-block{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	height:calc(100% - 121px);
	width:100%;
	position:relative
}
.loader{
	height:240px;
	width:240px;
	margin:0 auto
}

.loader.no-message {
	height:100% !important;
	margin-top: 10px;
} 

.mobile .loader{
	width:139px;
	height:139px;
}
.loader .loader-text{
	font-size:18px
}
.loader .loader-text.subline{
	font-size:14px
}
.upload-button-block{
	width:100%;
	text-align:center;
	margin-top: 58px;
}

.upload-button-block.no-message {
	margin-top: 58px;
}

/*.upload-button-block .button{
	position:static;
	display:inline-block;
	width:auto;
	min-width:auto;
	outline: none;
	font-size: 15px;
	line-height: 38px;
}*/
.svg-loader,.svg-success{
	width:100%;
	height:100%
}
.spinner-loader,
.spinner-success{
	stroke:#ffe30f;
	cx:50%;
	cy:50%;
	r:40%;
	fill:transparent;
	stroke-width:5
}
.svg-loader{
	position:absolute;
	top:0;
	-webkit-animation:rotate 2s linear infinite;
	animation:rotate 2s linear infinite
}
@keyframes rotate{
	0%{
		-webkit-transform:rotate(-90deg);
		transform:rotate(-90deg)
	}
	100%{
		-webkit-transform:rotate(270deg);
		transform:rotate(270deg)
	}
}
@-webkit-keyframes rotate{
	0%{
		-webkit-transform:rotate(-90deg);
		transform:rotate(-90deg)
	}
	100%{
		-webkit-transform:rotate(270deg);
		transform:rotate(270deg)
	}
}
.svg-success{
	-ms-transform:rotate(90deg);
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-webkit-animation:successRotation .4s linear forwards;
	animation:successRotation .4s linear forwards;
	position:absolute;
	top:0
}
.svg-success .spinner-loader{
	opacity:0;
	transition:opacity 2s
}
.spinner-loader-success {
	transition: none;
}
.spinner-success{
	-webkit-animation:successFill .4s linear forwards .2s;
	animation:successFill .4s linear forwards .2s
}
.mobile .spinner-success{
	-webkit-animation:successFillMobile .4s linear forwards .2s;
	animation:successFillMobile .4s linear forwards .2s
}
@keyframes successRotation{
	0%{
		transform:rotate(90deg);
		-webkit-transform:rotate(90deg)
	}
	100%{
		transform:rotate(270deg);
		-webkit-transform:rotate(270deg)
	}
}
@-webkit-keyframes successRotation{
	0%{
		transform:rotate(90deg);
		-webkit-transform:rotate(90deg)
	}
	100%{
		transform:rotate(270deg);
		-webkit-transform:rotate(270deg)
	}
}
@keyframes successFill{
	to{
		stroke-dashoffset:628.3185307179587
	}
}
@-webkit-keyframes successFill{
	to{
		stroke-dashoffset:628.3185307179587
	}
}
@keyframes successFillMobile{
	to{
		stroke-dashoffset:436.68137884898124
	}
}
@-webkit-keyframes successFillMobile{
	to{
		stroke-dashoffset:436.68137884898124
	}
}
.droplet-container{
	height:200px;
	width:200px
}
.droplet{
	position:relative;
	top:25%;
	left:48%;
	width:0;
	height:0;
	margin-bottom:65px;
	border-radius:50%;
	background-color:#ffe30f;
	border-width:0;
	border-style:solid;
	border-color:#ffe30f;
	-webkit-animation:drop .4s linear;
	animation:drop .4s linear;
	-webkit-animation-fill-mode:forwards;
	animation-fill-mode:forwards
}
@-webkit-keyframes drop{
	0%{
		top:5%;
		left:48%;
		width:0;
		height:0;
		border-color:transparent
	}
	7%{
		top:0;
		left:48%;
		width:10px;
		height:10px;
		border-color:transparent
	}
	15%{
		top:5%;
		left:48%;
		width:10px;
		height:10px;
		border-color:transparent
	}
	30%{
		top:25%;
		left:48%;
		width:10px;
		height:10px;
		border-color:transparent
	}
	60%{
		top:50%;
		left:48%;
		width:10px;
		height:10px;
		border-radius:50%;
		border-color:transparent
	}
	61%{
		top:50%;
		left:48%;
		border-radius:0;
		width:1%;
		height:1%;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		border-bottom-width:5px;
		border-bottom-style:solid;
		border-right-width:5px;
		border-right-style:solid
	}
	62%{
		top:47%;
		left:48%;
		background-color:transparent;
		border-radius:0;
		width:3%;
		height:3%;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		border-bottom-width:5px;
		border-bottom-style:solid;
		border-right-width:5px;
		border-right-style:solid
	}
	80%{
		top:30%;
		left:48%;
		background-color:transparent;
		border-radius:0;
		width:10%;
		height:20%;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		border-bottom-width:5px;
		border-bottom-style:solid;
		border-right-width:5px;
		border-right-style:solid
	}
	100%{
		top:19%;
		left:45%;
		background-color:transparent;
		border-radius:0;
		width:15%;
		height:28%;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		border-bottom-width:5px;
		border-bottom-style:solid;
		border-right-width:5px;
		border-right-style:solid
	}

}
@keyframes drop{
	0%{
		top:5%;
		left:48%;
		width:0;
		height:0;
		border-color:transparent
	}
	7%{
		top:0;
		left:48%;
		width:10px;
		height:10px;
		border-color:transparent
	}
	15%{
		top:5%;
		left:48%;
		width:10px;
		height:10px;
		border-color:transparent
	}
	30%{
		top:25%;
		left:48%;
		width:10px;
		height:10px;
		border-color:transparent
	}
	60%{
		top:50%;
		left:48%;
		width:10px;
		height:10px;
		border-radius:50%;
		border-color:transparent
	}
	61%{
		top:50%;
		left:48%;
		border-radius:0;
		width:1%;
		height:1%;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		border-bottom-width:5px;
		border-bottom-style:solid;
		border-right-width:5px;
		border-right-style:solid
	}
	62%{
		top:47%;
		left:48%;
		background-color:transparent;
		border-radius:0;
		width:3%;
		height:3%;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		border-bottom-width:5px;
		border-bottom-style:solid;
		border-right-width:5px;
		border-right-style:solid
	}
	80%{
		top:30%;
		left:48%;
		background-color:transparent;
		border-radius:0;
		width:10%;
		height:20%;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		border-bottom-width:5px;
		border-bottom-style:solid;
		border-right-width:5px;
		border-right-style:solid
	}
	100%{
		top:19%;
		left:45%;
		background-color:transparent;
		border-radius:0;
		width:15%;
		height:58px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		border-bottom-width:5px;
		border-bottom-style:solid;
		border-right-width:5px;
		border-right-style:solid
	}
}
.loader-text{
	margin-top:5px;
	text-align:center;
	position:relative;
	line-height:14px;
	font-size:18px
}
.loading-percentage{
	position:absolute;
	font-family:"HelveticaNeueW01-65Medi","HelveticaNeueW02-65Medi","HelveticaNeueW10-65Medi",sans-serif;
	line-height:47px;
	font-size:47px;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index:500
}
.mobile .loading-percentage{
	font-size:27px
}
.percent-symbol{
	font-weight:100;
	font-style:"HelveticaNeueW01-45Ligh","HelveticaNeueW02-45Ligh","HelveticaNeueW10-45Ligh",sans-serif
}
.success-text{
	color:#ffe30f;
	font-size:18px;
	margin-top:85px;
}
.success-text.subline{
	font-size:14px;
	color:#8b8b8b;
	text-align:center;
	margin-top:18px;
	line-height:14px;
}
.success-text.ng-hide-remove{
	transition:opacity .5s ease-in-out .5s;
	opacity:1
}
.success-text.ng-hide{
	opacity:0
}
.loading-text{
	opacity:1
}
.cancel-upload.ng-enter,
.full-block.ng-enter,
.loader-container.ng-enter,
.loading-text.ng-hide{
	opacity:0
}
.loading-text.loader-text{
	position:absolute;
	top:250px;
	width:100%;
	text-align:center
}

.loading-text.loader-text.no-message{
	top:230px;
	margin-top: 0;
}

.cancel-upload.ng-enter-active,
.cancel-upload.ng-leave,
.full-block.ng-enter-active,
.full-block.ng-leave,
.loader-container.ng-enter-active,
.loader-container.ng-leave{
	opacity:1
}
.cancel-upload.ng-leave-active,
.full-block.ng-leave-active,
.loader-container.ng-leave-active{
	opacity:0
}

ul.file-list{
	padding: 0 ;
	margin:0;
	list-style: none;
}
ul.file-list td{
	vertical-align: middle !important;
	padding-top: 0;
	padding-bottom: 0;
} 

ul.file-list .file-row {
	vertical-align: middle; 
	height: 100%; 
	height: 20px;
}

.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-container {
	left:auto;
}
.ngsb-wrap .ngsb-scrollbar .ngsb-track {
	background: transparent !important;
}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos .ngsb-thumb {
	background: transparent ;
}
.ngsb-wrap .ngsb-scrollbar .ngsb-thumb-pos:active {
	background: transparent ;
}
.ngsb-wrap .ngsb-scrollbar {opacity: 100;}

ul.file-list.paddingRight{
	padding-right: 20px;
}

ul.file-list li{
	height:20px;
	overflow: hidden;
	margin-bottom: 3px;
}

ul.file-list li:last-child {
	margin-bottom: 0 !important;
} 
.table-layout-fixed {
	table-layout:fixed; 
	width: 100%;
	overflow: hidden;
}
.table-layout-fixed tr{
	overflow: hidden;
}

.table-layout-fixed td .icon-file{
	display:inline-block;
	height:20px;
	width:11px;
	overflow:hidden;
}

.table-layout-fixed td .file-name{
	margin:0;
	display:inline-block;
	text-overflow:ellipsis;
	overflow:hidden;
	max-width:calc(100% - 10px);
	font-size:14px!important;
	line-height: 20px !important;
	height: 18px;
}
.table-layout-fixed td .cross-sign {
	width: 6px;
	height:20px;
	cursor: pointer;
	display: inline-block;
	text-align: right;
}

.appInactive {
	height:60px;
	background-color: #3999ed;
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	margin:0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left:0;
	bottom:0;
	right:0;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;	
	display: -webkit-box;
  	display: -moz-box;
  	display: -webkit-flexbox; /* Safari 3.1+ old*/
  	display: -ms-flexbox;
  	display: -webkit-flex; /* Safari */
  	display: flex;
  	
  	justify-content: center;
  	-webkit-justify-content: center; /* Safari */
    
    align-items: center;
    -webkit-align-items: center; /* Safari */
	-webkit-align-content: center; /* Safari */
	font: 15px/1.4em "HelveticaNeueW01-45Ligh","HelveticaNeueW02-45Ligh","HelveticaNeueW10-45Ligh",sans-serif;
}

.down-inactive {
	margin-top: 50px;
}

.loader-block.unplugged {
	justify-content: center;
  	-webkit-justify-content: center; /* Safari */
    
    align-items: center;
    -webkit-align-items: center; /* Safari */
	-webkit-align-content: center; /* Safari */
	height:auto;
}

.unplugged-icon svg{
	margin-top:110px;	
	height:73px;
	width:31px;
}

.unplugged-title {
	font: 26px/1em "HelveticaNeueW01-45Ligh","HelveticaNeueW02-45Ligh","HelveticaNeueW10-45Ligh",sans-serif;
	margin-top: 15px;
	text-align: center;
}

.unplugged-message {
	margin-top: 20px;
	font: 14px/20px "HelveticaNeueW01-45Ligh","HelveticaNeueW02-45Ligh","HelveticaNeueW10-45Ligh",sans-serif;
	text-align: center;
}
.upload-button-block.unplugged {
	position: absolute;
	bottom: 27px;
	margin-top:auto;
}
/*.box.display-mode-button {
	border-radius:0;
	border:1px solid transparent;
	height: 46px;
}*/

body.modal-view , 
body.modal-view .container{
	width: 100%;
	margin: 0 auto;
	height: 430px;
}

body.modal-view.no-message,
body.modal-view .no-message, 
body.modal-view .container.no-message {
	height:340px;
}

body.modal-view { }

textarea {
	height:100%;
	width:100%;
	/*border:1px solid red !important;*/
	box-sizing: border-box;         /* For IE and modern versions of Chrome */
	-moz-box-sizing: border-box;    /* For Firefox                          */
	-webkit-box-sizing: border-box; /* For Safari                           */
}

input:focus::-webkit-input-placeholder, 
textarea:focus::-webkit-input-placeholder 
{ color:transparent; }

input:focus:-moz-placeholder, 
textarea:focus:-moz-placeholder 
{ color:transparent; } /* FF 4-18 */

input:focus::-moz-placeholder, 
textarea:focus::-moz-placeholder 
{ color:transparent; } /* FF 19+ */

input:focus:-ms-input-placeholder ,
textarea:focus:-ms-input-placeholder
{ color:transparent; } /* IE 10+ */

input:focus:-o-input-placeholder, 
textarea:focus:-o-input-placeholder
{ color:transparent; }

.top-container{
	position: relative; 
	overflow: hidden;
}

/**************************************************************/
.flexbox-parent {
    width: 100%;
    height: 100%;
    min-height: 100%;
    /**/
    display: -webkit-box;
  	display: -moz-box;
  	display: -webkit-flexbox; /* Safari 3.1+ old*/
  	display: -ms-flexbox; /* IE 10 */
  	display: -webkit-flex; /* Safari */
  	display: flex;         /* Modern browsers */
  	 
  	-webkit-box-pack: start;
  	-moz-box-pack: start;
  	-webkit-flex-pack: start;
  	-ms-flex-pack: start;
  	flex-pack: start;
  	
  	-ms-flex-direction: column;
  	-webkit-flex-direction: column; /* Safari */
  	-moz-flex-direction: column; /* Safari */  	  	
    flex-direction: column;  
    
    -webkit-align-items: stretch; /* Safari */
   	align-items: stretch; /* align items in Cross Axis */
   	
	-webkit-align-content: stretch; /* Safari */
	align-content: stretch; /* Extra space in Cross Axis */
	
	-webkit-flex-flow: column;
	flex-flow: column;
    
    -webkit-justify-content: flex-start; /* Safari */
    justify-content: flex-start; /* align items in Main Axis */
        
   /* background: rgba(255, 0, 0, .1);*/
}

.flexbox-item{ 
    padding-bottom: 26px;
}
.flexbox-item:last-child{
	padding-bottom: 0;
}
.flexbox-item-grow {
	-webkit-box-flex: 1;
   	flex: 1; /* same as flex: 1 1 auto; */
   	
   	-webkit-flex-grow: 1; /* Safari */
   	flex-grow: 1;
   	
   	-webkit-flex-shrink: 1; /* Safari */
	flex-shrink: 1;
	
	-webkit-flex-basis: auto;
	flex-basis: auto;		
}

.flexbox-item.header {
   /* background: rgba(255, 0, 0, .1);*/
}

.flexbox-item.footer {
    /*background: rgba(0, 255, 0, .1);*/
}

.flexbox-item.content {
    /*background: rgba(0, 0, 255, .1);*/
}

.fill-area{
    display: -webkit-box;
  	display: -moz-box;
  	display: -webkit-flexbox; /* Safari 3.1+ old*/
  	display: -ms-flexbox; /* IE 10 */
  	display: -webkit-flex; /* Safari */
  	display: flex;
  	
    -webkit-flex-direction: row; /* Safari */
    flex-direction: row;
   
    -webkit-justify-content: flex-start; /* align items in Main Axis */
    justify-content: flex-start; /* align items in Main Axis */
   
   	-webkit-align-items: stretch; /* align items in Cross Axis */
    align-items: stretch; /* align items in Cross Axis */
   
    -webkit-align-content: stretch; /* Extra space in Cross Axis */
    align-content: stretch; /* Extra space in Cross Axis */
}
.fill-area-content{
    background: transparent;
    border: 1px solid transparent;
    /* Needed for when the area gets squished too far and there is content that can't be displayed */
    overflow: hidden; 
}
.message-input {
	height: 100%;
	width: 100%;
	outline: none;
	resize: none;
}

.button-main {
	font-size: 15px !important;
	width:100%;
	height: 40px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border: 1px solid transparent;
	outline: none;
	cursor: pointer;
	background: transparent;
}

.button-secondary {
	font-size: 15px !important;
	width:100%;
	height: 36px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	border: 0px solid transparent;
	outline: none;
	cursor: pointer;
	background: transparent;
}
.display-mode-button .button-main{
	color:transparent;
	height: 48px;
	width: 100%;	
} 

.button-secondary.button-ok {
	height: 40px;
}

.inactive-opacity {
 -khtml-opacity:.50; 
 -moz-opacity:.50; 
 -ms-filter:"alpha(opacity=50)";
  filter:alpha(opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.5);
  opacity:.50; 	
}
.content-height {
	height: 100%;
}

.content-height-60 {
	height: calc(100% - 50px);
}

.maxFilesHeightMinHeight {
	padding-top:0;
	max-height: 40px;
	overflow: hidden;
}
.maxFilesHeightMaxHeight {
	padding-top:0;
	max-height: 60px;
	overflow: hidden;
}

.paddingWithoutMassage {
	padding-bottom: 0px;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #3999ed;
    position: absolute;
    top: 59px;
    left: calc(50% - 10px);

}

.container-mobile.main-bg.full.box.isModalView div.fill-area.content {
	max-height:200px !important;
}

.container-mobile .maxFilesHeightMaxHeight {
	max-height: 80px;
} 

.maxmodal-textarea {
	max-height: 101px !important;
}