/* base elements */
html,body{
	margin:0px; padding:0px;
	min-width:1200px;
	background:#F7F7F7;
	font-weight:400;
	font-size:13px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	line-height:1.35;
}
body{ position:relative;
	display:block;
	overflow-y: scroll;
}
.fixed{
	overflow:hidden;
	overflow-y:hidden;
}

.lbar{
	background: #f5f5f5;
	font-size: 0;
	display: block;
	height: 30px;
	overflow:hidden;
}

.lbar:before{
	display:block;
	content:"";
	position:absolute;
	width:100px;
	height:100%;
	z-index:10;
	animation: 1s ease-in-out bgslide infinite;
	background:linear-gradient(90deg, rgba(0,0,0,0), #ffffff34 50%, rgba(0,0,0,0));
}

@keyframes bgslide{
	0%{
		left:-100%;
	}
	100%{
		left:100%
	}
}

/*
.invert{
	filter:invert(1);
}
 
.invert img,
.invert a,
.invert .fill-btn,
.invert .bpslider,
.invert .newLogoImage,
.invert .user-welcome{
	filter:invert(1);
}
.invert .navigation li a{
	background:none
}
*/

.invert .shareProject .files span{
	color:#fff
}

.invert .newLogo img{
	display:none;
}

.invert .newLogo{
	display:inline-block;
	background:url(/images/pairaphrase-white.svg);
	width:116px;
	height:40px;
}

.invert .cbookmark3{
	filter:brightness(20)
}

.invert .editor-span *:hover{
	background:#3a3a3a !important
}

.editor-span *:hover,
.spanDisplay *:hover,
.Clean.Translation.Memory span > span:hover
{
	background:#d3e6ff
}



.invert .body,
.invert .bpcircle,
.invert .creplace,
.invert .whiteBack{
	background:#1b1b1b !important
}

.invert #translateForm textarea,
.invert #translateForm .textarea {
	background:#282a2c !important;
	color:#fff !important
}

.invert .function .c-regular span{
	background:#424242 !important
}

/* off 2/26 - 3:18pm it was in the TM action menu
.invert .popover_content img{
	background:#fff
}
*/

.function .c-regular br:first-child + span{
	margin-top:12px;
}

.invert img.iblue{
	filter:brightness(100) !important
}

.invert .sidenav a img,
.invert .with-icon .icon{
	filter:brightness(100)
}

.invert .standardTable tr[style*="background:#F7F7F7"]{
	background:none !important
}

.invert .sidenav a:hover img{
	filter:brightness(0) !important
}

.invert .v3-20-80 > div:last-child,
.invert td[style*="background-color: white"],
.invert,
.invert .popover_content,
.invert .white-btn:hover,
.invert .bpcollapse .bpcollapse-content .des-4,
.invert .bpcollapse .bpcollapse-content .des-3,
.invert .translation-gist .remedit,
.invert .csidebar{
	background:#131314 !important 
}

.invert .csidebook,
.invert div[style*="background-color: white"]{
	background:#1b1b1b !important
}

.invert .v3-20-80 > div:last-child,
.invert .inner.v2text{
	background:#1b1b1b !important
}

.invert .csegL td:last-child{
	border-top-right-radius:7px;
	border-bottom-right-radius:7px
}

.invert .csegment{
	background:none;
	border:none
}


.invert .bptblgrey.bptheme3 tbody tr:hover,
.invert .bptblgrey.bptheme3 tbody tr[style*='background-color: rgb(237, 239, 242)']{
	background: #212121 !important
}



.invert .dispatches,
.invert .popover_content{
	background:#000 !important;
	border:2px #fff solid !important;
}
.invert .dispatches .exit,
.invert .tab-listing .tab-link,
.invert .divided-listing .listing .plan-price,
.invert .plan-description .c-bold,
.invert #terms-section p,
.invert .titleTxt{
	color:#fff !important
}

.invert .sidenav a:hover,
.invert .newPagination > a:hover{
	color:#000 !important
}


.invert .engine-selector .selection{
	background:#000 !important;
	color:#fff !important
}
.invert .engine-selector .selection span{
	color:#fff !important
}

.invert .c-large-bold,
.invert .c-xlarge-bold,
.invert .c-xlarge-regular,
.invert div[style*="color: #596266"],
.invert div[style*="color: #41494C"],
.invert div[style*="color: #293033"],
.invert span[style*="color: #41494C"],
.invert span[style*="color: #293033"],
.invert h4,
.invert #translateForm .textarea > p,
.invert .bptheme3 tbody td,
.invert .grey-link2,
.invert .bpcollapse-content-body,
.invert .c-regular,
.invert .input-label .label,
.invert .v2text p,
.invert .translation-gist .remedit,
.invert #myAccount,
.invert .grey-link.back-button,
.invert .c-large-regular{
	color:#fff !important
}

.invert .csegL td:first-child{
	background:#fff;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}

.invert .des-6{
	background:none

}


.invert .csegR{
	background:none;
}

.invert .white-btn.icon{
	background:none;
	color:#fff
}

.invert a.btn-icon,
.invert .btn-icon,
.invert .dispatches p,
.invert .bptheme4 thead td,
.invert .grey-link{
	color:#fff
}

.translations.invert .bptheme3 thead td,
.invert .csegL span,
.invert.Clean.Translation.Memory span > span,
.invert #openAIContainer > div > div > table > tbody > tr > td{
	color:#fff !important
}

.invert .csegL td:nth-child(2),
.invert .csegL td:last-child{
	background:#131314
}

.invert .bpcollapse .bpcollapse-chev{
	filter:invert(1)
}


.invert textarea.c-regular,
.invert textarea.c-regular::placeholder{
	background:none;
	color:#fff
}

.invert .tllookup{
	background:#131314 !important;
	border:1px #fff solid
}


.invert .creplace a.white-btn,
.invert .subnav.admin-subnav li a.white-btn{
	color:#41494C !important
}

.invert #filter-button,
.invert .c-large-regular{
	color:#000
}

.invert .creplace img,
.invert .csidebar > div{
	filter:brightness(10)
}

.invert .csidebar > div:hover,
.invert .csidebar > div.csidebook_active{
	filter:inherit !important;
	background-color:#000000 !important
}


.invert .translation-gist .col div > div.word-count{
	color:#000
}

.invert .csegR > table,
.invert .csegL > table,
.invert .ccontent span{
	color:#fff !important
}

.invert .csegment table{
	border:1px solid #CED3D6;
	border-radius:8px;
	border-collapse: separate;
	border-spacing: 0;
}

.invert .input-label,
.invert .bpInputTopText{
	background:none
}

.invert .white-btn,
.invert .fake-select,
.invert .bpv3-form textarea,
.invert #translateForm textarea,
.invert #translateForm .textarea,{
	background:none;
	border:1px #fff solid;
	color:#fff !important
}

.invert header{
	background:#131314 !important;
	border:none !important
}

.invert footer{
	background:#1b1b1b !important
}

.invert .micronav > .inner{
	border:none
}

.invert .sidenav a.active,
.invert .navigation li a,
.invert .navigation li a.active{
	background:none !important;
	color:#fff !important
}

.invert .sidenav a,
.invert .input-label input::placeholder,
.invert .select_current .c-xs-regular,
.invert .c-small-regular,
.invert .input-label .label,
.invert table.standardTable.bordered td,
.invert  .H-xs,
.invert table.standardTable.bordered thead th,
.invert .popover_wrapper .white-btn,
.invert .newPagination > a,
.invert .H-small,
.invert .bpcallout span,
.invert .c-xs-regular,
.invert .subnav.admin-subnav li a
{
	color:#dddddd !important
} 

.invert .colorKey{
	color:#dddddd
}

.invert .c-small-bold{

}

.invert .bptheme3 thead td{
	color:#fff !important;
	background:none !important;
	border-bottom:1px #fff solid;
}

.invert .popover_wrapper .white-btn{
	background:none
}

.invert img.desktop{
 
}

.invert .navigation li a.active{
	border:none
}

.invert .navigation li a{
	border-radius:10px
}


.invert h1,
.invert h2{
	color:#fff !important
}



.invert .input-label input[type="text"], 
.invert .input-label input[type="email"], 
.invert .input-label input[type="tel"], 
.invert .input-label input[type="password"], 
.invert .input-label textarea,
.invert .select_input-text,
.invert .bpv3-form input,
.invert .bpv3-form textarea{
	background:#282a2c !important;
	color:#e3e3e3 !important
}

.invert .translation-gist > div div > span *{
	color:#fff !important
}

.invert .input-label .label:after{
	background:none
}

@media print{
	.noprint{
		display: none !important
	}

	.sidenav, .subnav, .login{
		display: none !important
	}

	header{
		display: none !important
	}

	footer{
		display: none !important
	}

	.v3-20-80{
		grid-template-columns: 0 100% !important
	}

	.body > section{
		padding:0 !important
	}

	table{
		width: 100% !important
	}
}


*{
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
	font-weight:200;
	font-family: sans-serif;
	font-size:16px !important
}
img{
	border:0;
}
div,section, p{
	position:relative;
	display:block;
	margin:0; padding:0;
	vertical-align:top;
}

td[data-sort-target]{
	cursor: pointer;
	text-decoration: underline
}

speller > div{
	display: block;
	position: absolute;
	height: 2px;
	z-index: 11;
	cursor: pointer;
	border-bottom: 2px #902d8e solid;
}

.no-machine-code speller{
	display: none
}

.spellchecking-off speller{
	display: none !important
}

p{
	padding: 0 10px;
	font-weight:200;
	font-size:18px;
	line-height:1.3em;
}
.inner{
	position:relative; display:block;
	margin:0px auto; padding:0px;
	max-width:1200px;
	width:100%; height:auto;
}

ul,li{ position:relative;
	display:block; margin:0; padding:0;
	list-style:none;
	vertical-align:top;
}
a{
	color:#0872ba;
	text-decoration:none;
}
a:hover{
	color:#0872ba;
}
a.highlighted{
	color:#fcb03b;
	text-decoration:underline;
}
a.active{
	color:#fcb03b;
}

.highlight_links a{
	text-decoration:underline
}

.autospellbox{
	position: absolute;
	left: 560px;
	top: 190px;
	z-index: 100000000;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	min-width: 180px;
	display: none;

	border: 1px solid #CED3D6;
	box-shadow: 0px 4px 18px rgba(92, 100, 118, 0.2);
	border-radius: 8px;
}

.autospellbox .option{
	padding:12px;
	color: #41494C;
	background-color: white;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: bold
}

.autospellbox .option a{
	display: block;
	font-weight: normal;
	display: block;
	color: #41494C;
	padding: 14px 12px;
	border-radius: 8px;
}
.autospellbox .option a:hover{
	display: block;
	color: #41494C;
	padding: 14px 12px;
	background: #F7F7F7;
}

.autospellbox .actions{
	border-top: 1px solid #CED3D6;
	background: white;
	padding:12px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.autospellbox .actions a{
	display: block;
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;

	padding: 14px 12px;
}

.autospellbox .material-icons{
	font-size: 1em
}




.tbxbox{
  position: absolute;
  left: 560px;
  top: 190px;
  z-index: 100000000;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
  font-size: 15px;
  min-width: 180px;
  border-radius: 10px;
  display: none;
}

.tbxbox .option{
	background: #668fdc;
	padding:10px;
	color: #fff;
	font-size: 22px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: bold
}

.tbxbox .option a{
	display: block;
	font-weight: normal;
	margin:2px 0;
}

.tbxbox .actions{
	background: #666;
	padding:10px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.tbxbox .material-icons{
	font-size: 1em
}

.tbxbox a{
	display: block;
	color: #fff;
	margin:5px 0;
}



input::-ms-clear {
  display: none;
}

/* buttons */
.button1, .button2, input[type=submit], .dispatch input[type=button]{
	position:relative;
	display:inline-block;
	padding:4px 8px;
	width:auto;
	border:none;
	border-radius:4px;
	background: #fcb03b;
	color:#fff;
	font-size: 16px;
	cursor:pointer;
	-webkit-appearance: none;
}
.dispatch input[type=button]{
	vertical-align: sub;
	margin:10px;
}
.button1:hover, input[type=submit]:hover{
	background:#e8ae30;
	color:#fff;
}

.action-button i{
	border:1px #fff solid;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.1)
}

.action-button i:hover{
	background: rgba(255, 255, 255, 0.2)
}

/* gradients */
.gradient1{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(234,234,234,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom,  rgba(234,234,234,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#00ffffff',GradientType=0 );
}
.gradient2{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZDE5MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iI2ZiZDE5MSIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(251,209,145,1) 0%, rgba(251,209,145,0) 53%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(251,209,145,1)), color-stop(53%,rgba(251,209,145,0)));
background: -webkit-linear-gradient(top,  rgba(251,209,145,1) 0%,rgba(251,209,145,0) 53%);
background: -o-linear-gradient(top,  rgba(251,209,145,1) 0%,rgba(251,209,145,0) 53%);
background: -ms-linear-gradient(top,  rgba(251,209,145,1) 0%,rgba(251,209,145,0) 53%);
background: linear-gradient(to bottom,  rgba(251,209,145,1) 0%,rgba(251,209,145,0) 53%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbd191', endColorstr='#00fbd191',GradientType=0 );
}
.gradient3{
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczYWVkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzczYWVkNiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  rgba(115,174,214,1) 0%, rgba(115,174,214,0) 53%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(115,174,214,1)), color-stop(53%,rgba(115,174,214,0)));
background: -webkit-linear-gradient(top,  rgba(115,174,214,1) 0%,rgba(115,174,214,0) 53%);
background: -o-linear-gradient(top,  rgba(115,174,214,1) 0%,rgba(115,174,214,0) 53%);
background: -ms-linear-gradient(top,  rgba(115,174,214,1) 0%,rgba(115,174,214,0) 53%);
background: linear-gradient(to bottom,  rgba(115,174,214,1) 0%,rgba(115,174,214,0) 53%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73aed6', endColorstr='#0073aed6',GradientType=0 );

}
.pricing_table{
	padding:15px;
}

#invoices > p{
	padding:10px 15px;
}
#invoices p span{
	float:right;
}

/* plans */
.planv2-plan.disabled a{
	display: none !important
}
.planv2-plan.disabled{
	/* background: rgba(0,0,0,.1) */
}
.planv2-plan.disabled > *{
	/* opacity: .5 */
}
.planv2-plan.disabled:before{
	content: "Current Plan";
	color: #fcb03b;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	position: absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:5px
}

.dropdown-selector{
	display:inline-block;
	position: relative;
	background:#fff url(images/arrows.png) no-repeat;
	background-position: 95% 13px;
	border:1px #acacac solid;
	border-radius:4px;
	font-size:15px;
	color:#000;
	vertical-align: middle;
	cursor:pointer;
	min-height: 30px;;
}

.dropdown-selector > li{
	display:none;
	padding:6px 10px;
}

.dropdown-selector > li a{
	display:none
}

.dropdown-selector > li.selected{
	display:block
}

.dropdown-floating > li a{
	display:inline;
	padding:0;
	float:right;
}

.dropdown-floating > li a:hover{
	background:none !important
}

.dropdown-floating{
	position: sticky;
	background: #fff;
	min-width: 300px;
	z-index: 100000000;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	max-height:150px;
	overflow-y: auto;
}

.dropdown-floating > li{
	display:block
}

.dropdown-floating > li:hover{
	background:#fcb03b;
	color:#fff
}


#openAIContainer{
	border-top: 1px solid #CED3D6;
	border-bottom: 1px solid #CED3D6;
	margin-left: -40px;
	margin-right: -40px;
	height: 352px;

	padding: 40px;
	overflow-y: auto;
}
#openAIContainer.TE{
	padding: 0px;
	padding-top: 24px;
	padding-right: 24px;
	margin-left: 0px;
	margin-right: 0px;
	border-top: none;
	border-bottom: none;
	/* overflow-y: initial; */
	height: calc(100% - 120px);
	display:flex;
	flex-direction:column;
}

#openAIContainer::-webkit-scrollbar{
	display: none;
}

 .csidebook::-webkit-scrollbar{
	display: none;
}

.contScroll textarea::-webkit-scrollbar{
	display: none;
}

.plansv2comp > .planv2-plan[data-period='package']:nth-child(2n):before{
	content: "New Package";
	color: #fcb03b;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	position: absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:5px
}

.plansv2comp > .planv2-plan[data-period='annual']:nth-child(2n):before{
	content: "New Plan";
	color: #fcb03b;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	position: absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:5px
}

.plansv2comp > .planv2-plan[data-period='monthly']:nth-child(2n):before{
	content: "New Plan";
	color: #fcb03b;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: block;
	position: absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:5px
}


.plansv2{
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	padding:0px;
	border: 1px solid #CED3D6;
	border-radius: 8px;
}
.plansv2-fee {
	margin:20px 0
}
.plansv2-fee sup{
	font-size: 22px;
	vertical-align: top;
	padding-top: 20px;
	display: inline-block;
}
.plansv2-fee sub{
	font-size: 22px;
	vertical-align: inherit
}
.plansv2-fee strong{
	font-size: 56px;
	font-weight: normal;
	display: block;
	color: #fcb03b
}
.plansv2-fee small{
	font-size: 22px;
	margin-top:-10px;
}
.planv2-plan{
	padding:20px;
	text-align: center;
	color: #666666;
	background: white;
	min-width: 240px !important
}
.plansv2-name{
	font-size: 28px;
	font-weight: bold;
}
.plansv2-details{
	font-size: 22px;
	font-weight: normal;
	line-height: 32px !important
}
.plansv2 .button1{
	margin:20px 0;
}

.plansv2 .button1:hover{
	opacity: .9
}


.plans {
	color:#0872ba;
	font-size:0;
}
.plans li{
	display: list-item;
	margin-bottom:5px;
	margin-left:20px;
	list-style:disc;
	line-height:1.3em;
}
.plans > div{
	display:inline-block;
	margin-right:0px;
	width:20%;
	box-sizing: border-box;
	padding:0 5px;
	text-align: center
}
.plans > div p{
	font-size:14px;
	line-height: 1em
}
.plans > div:last-child{
	margin-right:0;
}
.plans > div > div{
	padding:10px;
	min-height:190px;
}
.dispatches .plans > div > div{
	font-size:16px;
	padding-top:40px
}

.dispatches p{
	padding:0px 15px;
}

.dispatches .account-dropdown{
	display: block;
	float:right
}
.dispatches .account-dropdown .material-icons{
	font-size: 32px;
	color: #333;
	cursor: pointer;
}
.dispatches .meta{
	display: none;
}

.dispatches .meta a{
	display: block;
	position: relative;
	font-size: 16px;
	white-space: nowrap;
	margin:10px 0px;
}

.dispatches .account-dropdown:hover .meta{
	display: block;
	position: absolute;
	bottom:0;
	right:0;
	background:#fff;
	padding:20px;
	box-shadow: 0 0 10px rgba(0,0,0,.3);

}

.plans .button1{
	margin: 0px auto;
	display: inline-block;
	background: none;
	color:#0873bb;
	border:1px #0873bb solid;
}
.plans b{
	display:block;
	padding:10px 0 20px;
	font-size:40px;
	font-weight: bold
}
.plans h1{
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.plans ul{
	font-size: 18px;
	width:50%;
	display: inline-block
}

.plans > div > span{
	display: block;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	color:#fff;
	font-size:14px;
	width: 100%;
	text-align: center;
	font-size:25px;
	background: #fcaf3b;
	font-weight: bold
}

.plans > div:first-child > span{
	background: #0873bb;
}
.v2text p{
	padding:0;
}
.v2text{
	padding:0 0 60px;
}
/* forms */
form{
	color:inherit;
	font-size:18px;
}
form label{
	position:relative;
	display:block;
	/* margin-bottom:8px; */
}

form label span{
	/* display:block;
	font-weight:normal;
	margin-bottom: 4px */
}

textarea,
.textarea{
	padding:10px;
	min-height:88px;
	width:100%;
	border:1px #666666 solid;
	white-space:normal;
	font-size:12px;
	font-family:inherit;
	resize:none;
	box-sizing: border-box;
}

.project-info p b{
	display: block;
	font-size: 13px;
	-webkit-font-smoothing: antialiased
}
.project-info p{
	display: block;
	margin-bottom:15px;
	line-height: 1.2em
}

/* tables */
.management-rows{
	padding:15px;
	color:#0872ba;
	font-size:18px;
}

.management-rows b{
	margin-right:10px;
}
.management-rows > div{
	margin:15px 0;
	padding:0 0 10px;
	font-size: 16px
}
.management-rows small, .management-rows small a{
	float:right;
	color:#747474;
	font-size:12px;
}
.management-rows small a{
	text-decoration:underline;
}

.mini-rows small{
	float: none
}
.mini-rows > div{
	margin:5px 0;
	padding: 0 0 10px;
	line-height: 18px
}

.mini-rows b{
	margin:0
}

.pagination{
	text-align: center; font-size: 14px; padding:20px;
	font-size: 16px;
	color: #666
}

.pagination a{
	background: #aaa;
	color: #fff;
	padding:3px 7px;
	border-radius: 5px;
	margin:3px 0;
	display: inline-block
}

.pagination a.active{
	background: #0872ba
}


.table{
	display: table;
	width:100%;
	color:#0872ba;
	font-size:18px;
	font-size:0;
	padding-bottom: 20px;

}
.table .header{
	font-weight:bold;
	background: #ddd;
}
.table .header > span{
	border-bottom: 2px #ccc solid;
}
.table > div{
	display:table-row;
	width:100%;
	height:50px;
	font-size:0;
}
.table > div > span{
	padding:12px;
	border-right:1px #fff solid;
	vertical-align:middle;
	font-size:18px;
}

.table > div:nth-child(2n){
	background: #f3f3f3
}

.table > div[batch-id]{
	background: #D0D0D0;
}

.projects .table span:last-child{
	background:#fff;
}
.table a{
	text-decoration:underline;
	word-wrap: break-word
}
.table-8 > div > span{
	position:relative;
	display:table-cell;
	width:intrinsic;
	max-width: 350px;
}

.table-8 > div > span.break{
	word-wrap: break-word
}

.table-3 > div > span{
	position:relative;
	display:table-cell;
	width:intrinsic;
	width: 33.33%
}

.table-4 > div > span{
	position:relative;
	display:table-cell;
	width:intrinsic;
	width: 25%
}



/* top */
header{
	position:relative;
	z-index:11;
	height:109px;
	border-bottom:1px #aaa solid;
	background:#ffffff;
	color:#0872ba;
}
header .logo{
	position:absolute;
	top:5px;
	left:0px;
	width:180px;
	height: 80px;
	background:url(images/logo.png) no-repeat;
	background-size:contain;
	font-size:0px;
}



.home header .logo{
	position:absolute;
	top:10px;
	left:0px;
	width:250px;
	height: 100px;
	background:url(images/logo.png) no-repeat;
	background-size:contain;
	font-size:0px;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.v3-form{
	color: #0872ba;
}
.v3-form span{
	font-size: 15px
}
.v3-form input{
	padding:10px 10px;
}

.columns-2{
	display:grid;
	grid-template-columns: 1fr 1fr;
}

.v3-20-80{
	display:grid;
	grid-template-columns: minmax(306px, 20%) 80%;
	padding:40px 0;
}

.v3-20-80 h1{
	padding: 0;
}

.v3-20-80 > div:last-child{
	padding:30px;
	box-shadow: -25px 0 10px -20px rgba(0,0,0,.1);
}

.theme3{
	width: 100%;
	color: #0872ba;
	font-size: 16px;
	border-collapse: collapse
}
.theme3 tbody tr:nth-child(2n +1){
	background: #f1f1f1;
}
.theme3 td{
	padding:10px;
}

.theme3 thead{
	font-weight: bold
}

.sidenav{
	z-index: 1000;
	padding:20px 0;
}
.sidenav a{
	display: block;
	font-size: 15px;
	padding:10px 0;
	margin-bottom: 10px
}

.sidenav a.active{

}

.user-welcome{
  top: 20px;
  text-align: right;
  width: auto;
  display: inline-block;
  float: right;
}
.user-welcome a{
	margin:0 5px;
}
.user-welcome a:hover{
	text-decoration: underline
}
.navigation{
	position:absolute;
	top:89px;
	left:0px;
	display:block;
	padding:0px;
}
.navigation li{
	position:relative;
	display: inline-block;
	font-size: 0;
}
.navigation li a{
	padding:3px 10px;
	border-top:1px #3e7595 solid;
	border-right:1px #3e7595 solid;
	border-left:1px #3e7595 solid;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	background:#fff;
	font-size:14px;
	border-bottom: 1px #aaa solid;
	box-sizing: border-box
}

.navigation li a.active{
	border-bottom: 1px #fff solid;
}

footer{
	height:100px;
	z-index: 1;
	position: relative
}

.shared_users{
	font-size: 16px;
	text-align: left;
	line-height: 1.5em
}

/* footer navigation */
footer ul, #footer li{
	display:block;
	margin:0; padding:0; list-style:none;
}
footer ul{
	position:absolute;
	top:50px;
	left:0px;
	margin:0; padding:0;
}
footer ul li:first-child{
	border:none;
}
footer ul li{
	display:inline-block;
	margin-right:10px; padding:0px;
	padding-left:10px;
	border-left:1px #999 solid;
}
/* footer a{
	color:#999;
}
footer a:hover{
	color:#FFF;
	text-decoration:underline;
} */
.micronav{
	/* padding:40px 0; */
	z-index: 1000000000000 !important;
	color:#fff;
	text-align:left;
	font-weight:normal;
	font-size:12px;
	-webkit-font-smoothing: antialiased;
}
.micronav a{
	color:#0872BA;
}

.hidden{
	display: none !important;
}


/* headers */
h1,h2,h3,h4,h5,h6{ position: relative;
	display:block;
	margin:0; padding:0;
	font-weight:normal;
	-webkit-font-smoothing: antialiased;
}

h1{
	padding-top:55px;
	color:#0872ba;
	font-size:25px;
}
h1 a{
	margin-left:10px;
	text-decoration:underline;
	font-size:14px;
}
h2{
	margin:10px 0;
	color:#0872ba;
	font-size:18px;
}

/* sections */
section{
	padding:80px 0;
}
.body{
	min-height:500px;
	background:#ffffff;
	z-index: 10
}
.helper{
	cursor: pointer
}
.helper:hover:after,
.forceXPopup .helper:after{
  content: attr(data-info);
  display: inline-block;
  position: absolute;
  left: auto;
  background: #0872ba;
  padding: 10px;
  box-sizing: border-box;
  z-index: 100000000;
  top: auto;
  border-radius: 2px;
  font-size: 15px;
  width: 400px;
  white-space: pre-wrap;
  line-height: 1.3em;
  margin-left: 20px;
  color: #fff;
  margin-top:-10px;
  box-shadow: 0 0 15px rgba(0,0,0,.2);
}

.forceXPopup .helper:before{
  content: "x";
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  top: auto;
  margin:0 auto;
  transform: rotateZ(0deg);
  z-index: 100000001;
  font-family: Tahoma;
  font-size: 16px;
  font-weight: bold;
  padding:2px 7px;
  left:auto;
  margin-left:430px;
  margin-top:-20px;
  border:1px #0872ba solid;
 }


.translating section{
	padding: 1px;
}
.translating .section-gist{
	background: #f8f8f8;
	overflow: hidden;
	min-height: calc(100vh - 111px);
}

/* login page */
.login form{
	padding:60px 0;
}
form label{
	/* position:relative;
	display:block;
	padding:5px 10px;
	font-size: 18px; */
}
form .splitter{
	margin:20px 15px;
	box-sizing: border-box
}
form h2{
	padding:0 10px;
	font-size:24px;
}

form label small{
	display:block;
	margin-top:-2px;
	font-weight:normal;
	font-size:12px;
}

:-ms-input-placeholder {
	color:#888;
	font-weight:normal;
}
input, select{
	padding:6px 10px;
	width:100%;
	box-sizing: border-box;

	border:1px #acacac solid;
	border-radius:4px;
	background:#fff;
	color:#000;

	vertical-align:middle;
	font-size:15px;
	font-family:"Open Sans";

}
select{
	width:100%;
}

input[type=checkbox], input[type=radio]{
	padding:0;
	width: auto;
}

.hidden-checkbox{
	display: none
}

.hidden-checkbox ~ .checkbox{
	display: inline-block;
	background: none;
	border:1px #fff solid;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	border-radius: 100%;
	margin-top:-2px;
	cursor: pointer
}

.hidden-checkbox:checked + .checkbox:after{
	display: block;
	content: " ";
	background: #fcb332;
	width: 16px;
	height: 16px;
	border-radius: 100%;
	vertical-align: middle;
	margin-left:2px;
	margin-top:2px;
}

.hidden-checkbox:checked + .checkbox.purple-check:after{
	background: #902d8e
}

.extended textarea{
	height:300px;
}

textarea[name=notes]{
	height:72px;
	resize:vertical;
}

.half{
	display:inline-block;
	width:50%;
	vertical-align:top;
	box-sizing: border-box;
}
#project_label .remove{
	position:absolute;
	top:32px;
	right:-5px;
	color:red;
	font-weight:bold;
	cursor:pointer;
}
.wild input[type=text], .wild select{
	width:95%;
}

input[type=text]:focus, textarea:focus{
	border:1px #333 solid;
}
.file_status{
	display:none;
}
.attach_file a{
	color:red;
	font-weight: bold;
}
.attach_file input[name=file]{
	margin-bottom:10px;
}

select{
	background: #fff url(images/arrows.png);
	background-position:right 10px center;
	background-repeat:no-repeat;
	text-indent: 0.01px;
	text-overflow:'';
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
}
@-moz-document url-prefix() {
	select{
		height:40px;
	}
}
select::-ms-expand{
	display:none !important;
}

.floater{
	position:fixed;

	top:0;
	right:0;
	bottom:0;
	left:0;

	z-index:10000000000000;
	display:none;

	overflow-y: scroll;
	background:rgba(0,0,0,.3);
	-webkit-overflow-scrolling:touch;
}
.dispatches{
  position: relative;
  display: table;
  padding: 20px;
  max-width: 780px;
  width: auto;
  min-width: 500px;
  height: auto;
  border-radius: 3px;
  background: #f9f9f9;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  vertical-align: middle;
  text-align: center;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: 30px auto;
  box-sizing: border-box;
}
.inner_popups{
	display:none;
}

.dispatches input[type=submit]{
	margin:10px;
	margin-top: 0;
}

.dispatches input[type=submit]:disabled{
	background: grey
}

.error{
	display:block;
	display:none;
	margin-top:10px;
	color:red;
	padding:15px;
}
.error p{
	padding:0 0 10px;
	font-weight:bold;
	font-size:16px !important;
}

.payment-form{
	/* padding:0 15px 20px; */
}
.payment-form > label{
	padding: 0;
}
.payment-form > div > label{
	padding: 0;
}
.payment-form input[type=submit]{
	/* margin:10px auto; */
}
.payment-form .paymentMethod{
	/* margin: 0 5px; */
}

.dispatches .exit{
	position:absolute;
	top:0px; right:0px;
	z-index:1000;
	padding:5px 10px;
	color:#000;
	font-size:22px;
	opacity:.3;
}
.dispatches .exit:hover{
	opacity:.5;
}



.dispatch h2{
	margin:0 0 10px;
	padding:5px 10px;
	font-weight:200;
	font-size:20px;
}
.dispatch form{
	font-size: 0;
}
.dispatch h3{
	padding:10px 10px;
	border-bottom:1px #ddd solid;
}
.dispatch{
	display:none;
	text-align:left;
	font-weight:200;
}
.splitter{
	margin:50px 0;
	border-bottom:1px #c6c6c6 solid;

	box-shadow:0 1px 0 #fff;
}

form label small{
	display:block;
	margin-top:-2px;
	font-weight:normal;
	font-size:12px;
}
::-webkit-input-placeholder{
	font-weight:normal;
	font-family: "Open Sans", sans-serif;
}
:-ms-input-placeholder {
	color:#888;
	font-weight:normal;
}


input[type=checkbox], input[type=radio]{
	padding:0;
	width: auto;
}

p.version{
	padding:5px 0;
	border-bottom: 1px #eee solid;
}
p.version a{
	float:right
}


/* dashboard */
.dropdown ul{
	position:absolute;
	top:29px;
	left:0px;
	display:none;
	padding:0;
	width:auto;
	background:#eee;
	box-shadow:0 2px 2px #ccc;
	min-width: 75px;
	max-height: 250px;
	overflow: auto;
	z-index: 10000000
}
hr{
	border: none;
	border-bottom: 1px #ccc solid;
	margin:0;
	padding:0;
}
.dropdown-right ul{
		right:0px !important;
		left:auto;
}

.dropdown:hover ul{
	z-index:10000000000000000000;
	display:block;
}
.dropdown a{
	font-size:14px;
	text-decoration: none;
	padding:5px 10px;
	display: block;
	white-space: nowrap
}
.dropdown a:hover{
	background: #ddd
}
.shared_users > span{
	display:flex;
	justify-content: space-between;
	font-size: 14px;
	margin:5px 0;
}
.shared_users a{
	font-size: 14px !important;
	padding:0px 10px
}

.editor-toolbar{
	background: #ddd;
	border:1px #bbb solid;
	padding:5px;
	box-shadow:0 2px 2px rgba(0,0,0,.1);
	z-index: 1000;
	display: inline-block;
	position: absolute;
	font-size: 11px;
	padding-top: 10px;
	display: none;
}

.editor-toolbar div{
	display: inline-block;
	border-right:1px #bbb solid;
	padding:0 5px;
}

.editor-toolbar div:last-child{
	border: none;
}

.editor-toolbar a{
	color: #444;
	display:inline-block;
	vertical-align: middle;
	padding:2px;
}

.editor-toolbar a:hover{
	color: #222
}

.section-gist .manager{
	background: #efefef;
	top:0px;
	left:0px;
	position: absolute;
	z-index: 10000000000000000;
	height: calc(100%);
	width: 280px;
}

.section-gist .manager-messenger{
	background: #114977;
	top:65px;
	right:-350px;
	position: absolute;
	z-index: 100;
	height: calc(100%);
	width: 350px;
	left:auto;
}

.manager-messenger.manager-messenger-active{
	right:0px;
}

.isFixed .section-gist .manager{
	position: fixed;
	top:0;
}

.isFixed .section-gist .manager-messenger{
	position: fixed;
	top:65px;
}

.messages{
	display: block;
	height: calc(100% - 150px);
	overflow-x:hidden;
	overflow-y:auto;
}
.messages p{
	font-size: 15px;
	display: block;
	padding:0;
	margin-bottom: 10px;
}
.messagebox b{
	font-weight: normal !important
}
.messages p strong:hover{
	text-decoration: underline;
	cursor: pointer
}

.messages p strong{
	display: block;
}

.messenger{
	padding:20px;
	display: block;
	color:#fff;
	height: calc(50vh - 175px);
	overflow-x:hidden;
	overflow-y:auto
}

.taglist{
	display: none;
    background: #fff;
    padding: 10px;
    position: absolute;
    bottom: 90px;
    /* box-shadow: 0 0 3px rgb(0 0 0 / 50%); */
    left: 8px;
    right: 8px;

	border: 1px solid #CED3D6;
	box-shadow: 0px 4px 18px rgba(92, 100, 118, 0.2);
	border-radius: 8px;
	padding: 12px;
}

.taglist.active{
	display: block
}

.taglist a{
	display: block;
	font-size: 16px;
	padding: 12px;
	border-radius: 8px;
}
.taglist img{
	margin-bottom: -10px;
}
.taglist span{
	margin-left: 8px;
}
.taglist a > div{
	margin-top: -6px;
    margin-bottom: 0;
    text-align: center;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    background-color: #E6F1F8;
    color: #0872BA;
    display: inline-block;
}

.taglist a:hover{
	/* text-decoration: underline */
	background-color: #F7F7F7;
}

.messagebox{
	display: block;
    padding: 12px 16px;
	padding-right: 88px;
    background: #fff;
    border-radius: 0;
    height: fit-content;
	min-height:36px;
    color: #000;
    font-size: 15px;
    position: fixed;
    bottom: 0;
    /* left: 0; */
    right: 80px;
    width: 185px;
    overflow-x: hidden;
    overflow-y: auto;
    /* box-shadow: inset 0px -1px 0px #ced3d6; */
    border: 1px solid #CED3D6;
}
.messagebox-empty:after{
	display: block;
	content: attr(placeholder);
	color: #aaa;
	position: absolute;
	left:16px;
	right: 88px;
	top:12px;
}

.segment-history{
	padding:20px;
	display: block;
	color:#fff;
	height: calc(50vh - 175px);
	overflow-x:hidden;
	overflow-y:auto
}

.segment-history p{
	padding:0;
	font-size: 15px !important;
	display: block;
	margin-bottom: 15px;
	font-weight: normal
}

.segment-history span{
	font-size: 15px !important;
}

.segment-history small{
	display: block
}

.segment-history br{
	display: none !important
}

.section-gist .management-rows{
	height: 200px;
	overflow-x: hidden;
	overflow-y: auto;
	background: #fafafa;
	margin:20px 0;
}

.manager-messenger .tab{
	position: absolute;
	left:-45px;
	top:30px;
	display: flex;
	padding:10px;
	background: #114977;
	width: 25px;
	height:25px;
	font-size: 12px;
	color:#fff;
	align-content: center;
	align-items: center
}

.section-gist .management-rows > div *{
	font-size:13px !important;
	color: #666;
	line-height: 1.2em
}

.manager-legend{
	height:calc(100vh - 105px);
	overflow-y:auto
}

.manager-legend h2{
	padding:0 20px 10px;
	font-size: 17px;
	color: #000;
	text-overflow:ellipsis; overflow: hidden
}

/* New Translations */
.translation-gist{
	font-size: 0;
	margin: 0px 80px 0;
	padding-top:8px;
	min-height: 550px;
	width:calc(100% - 280px);
	/* margin-left:280px; */
	margin-left: 0;
	/* background: #f8f8f8 */
}

.translation-gist.manager-messenger-active{
	/* width: calc(100% - 629px) */
	width: calc(100% - 0px);
}

.inbetween{
	position: absolute;
	display: block;
	background: #fff;
	height:calc(100% - 50px);
	left:calc(50% + 8px);
	top:78px;
	right:50%;
	width: 3px !important
}

.translation-gist .newpage{
	height: 20px;
}

.translation-gist > div{
	width: calc(100% - 56px);
	/* padding:5px 10px; */

	display: grid;
	/* grid-template-columns: 56px calc(50% - 50px) calc(50% - 50px); */
	grid-template-columns: 56px calc(50% - 0px) calc(50% - 0px);
	/* grid-gap: 10px; */
}

.visual-counter{
	/* font-size: 29px !important; */
	/* color: #a1a1a1; */
	/* cursor: pointer; */
	font-family: 'League Spartan';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	color: white;
	width: fit-content;
	border-radius: 8px;
	padding: 6px 8px;
	margin:auto;
	min-width: 8px;
    display: block;
}

.translation-gist .col{
	/* background: #f8f8f8 */
	/* Primitives / Coal / 90 */

/* background: #FFFFFF; */
/* Primitives / Coal / 60 */

/* border: 1px solid #CED3D6; */
/* Shadow / Primitives / Small */

/* box-shadow: 0px 4px 12px rgba(65, 73, 76, 0.1); */
/* border-radius: 8px; */
	margin-bottom: 16px;
}

.translation-gist .col[data-bookmark='true']{
	/* background: #b2b2b2 */
}

/* .translation-gist .col[data-bookmark='true'] .visual-counter{
	color: #f9f9f9
}
.translation-gist .col[data-bookmark='true'] .visual-counter:after{
  display: inline-block;
  font-size: 16px;
  content: "\e866";
  font-family: "Material Icons";
  color: #fff;
  padding-left: 4px;
} */


.gist-details > div{
	background: none !important;
}

.gist-details > div span{
	font-size: 18px
}


.translation-gist .green .visual-counter{
	background-color: #50A85F;
}
.translation-gist .red .visual-counter,
.no-machine-code .visual-counter{
	background-color: #FC3B56 !important;
}
.translation-gist .yellow .visual-counter{
	background-color: #FCB03B;
}

.translation-gist .blue .visual-counter,
.no-machine-code.blue .visual-counter{
	background-color: #0872BA !important
}


.translation-gist > div.empty{
	display: none !important
}


.translation-gist > div:first-child{
	font-weight: bold;
	background: none;
}

.translation-gist .remedit{
	display:block;
	box-sizing: border-box;
	vertical-align: middle;
	height: 100%;
	padding:0;
	/* border-radius: 5px; */
	background: #ffffff;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid #CED3D6;
	/* box-shadow: 0px 4px 12px rgba(65, 73, 76, 0.1); */
}
.translation-gist .remedit.l-r{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
.translation-gist .remedit.l-r:hover{
	border: 1px solid #70B2E0;
}

.translation-gist > div:first-child span, .translating .header{
	color: #fff;
	font-size: 19px !important;
	font-weight: normal;
	-webkit-font-smoothing: antialiased
}

.translation-gist > div > div.r-l{
	direction: rtl;
}


.translation-gist .col div > span,
.translation-gist .col div > div{
	/* padding:10px; */
	padding: 20px 16px;
	display: block;
	word-wrap: break-word;
	font-size: 16px;
  tab-size: 10;
  white-space: pre-wrap;
  -moz-tab-size: 10;
  word-break:break-word;
}

.no-msft .translation-gist div[data-fuzzy='msft'][data-modified='false'] div:last-child{

}

.translation-gist span[style="color:#FFFFFF"]{
	color: #636363 !important
}
.translation-gist span[style*='color:#FFFFFF']{
	color: #636363 !important
}

.translation-gist > div div > span *{
	font-size: 16px !important;
	display: inline;

	color: #41494C !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 18px !important;

	cursor:pointer;
}

.translation-gist .remedit[data-file] br[class]{
	display:none
}

/*
.translation-gist > div div span[class*='tbx']{
	position: relative;
	text-decoration: none;
	border-bottom: 2px #628fde solid;
	cursor: pointer;
}
*/

.translation-gist hr{
	display: none !important
}

.translation-gist spellcheck{
	text-decoration: none;
	border-bottom: 2px #902d8e solid;
	cursor: pointer !important
}

.translation-gist div[class*='segsplit'],
.translation-gist div[class*='SEGSPLIT']{
	display: inline-block;
}
.translation-gist div[class*='segsplit']:before,
.translation-gist div[class*='SEGSPLIT']:before{
	display:block;
	content: "";
	width: 15px;
	height: 15px;
	background: #fff;
	margin-left:5px;
	margin-right:5px;
	margin-top:2px;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	color:black;
	transform: rotate(45deg);
	box-shadow:0 0 3px rgba(0,0,0,.5);

}
.translation-gist div[class*='segsplit']:after,
.translation-gist div[class*='SEGSPLIT']:after{
	display:block;
	position: absolute;
	width: 25px;
	top:4px;
	content: "T";
	vertical-align: middle;
	text-align: center;
	font-size: 9px;
	color:black;
	font-weight: bold;
}

.translation-gist b[data-val="0"]{
	font-weight:normal !important
}


.translation-gist textarea{
	min-height: 38px;
	background: none;
	border: none;
	box-sizing: border-box;
	font-size: 14px;
	padding:10px;
	resize: none;

	width: 100%;
	height: 100%;
}

.translation-gist .remedit.active{
	/* background: #efefef */
}

.translation-gist .checker{
	font-size: 8px;
	position: absolute;
	right:3px;
	top:7px;
	color: #aaa
}

.translation-gist div.completed a{
	color: green
}

.mouse-actions{
	position: absolute;
	top:200px;
	left:200px;
	background: #eee;
	box-shadow:0 0 10px #aaa;
	border:1px #aaa solid;
	border-radius: 5px;
	display: none;
}

.mouse-actions a{
	padding:5px 20px;
	display: block;
	color:#333;
	font-weight: 400;
	font-size: 14px
}
.mouse-actions a:hover{
	background: #0872ba;
	color: #fff
}

/* translator page */
.translator .body form{
	color:#6F7B80;
	font-size:16px;
}

.translator form.processing .button2{
	color:#B5B5B5;
	opacity: .5;
	cursor: default;
}

/* .translateForm label{
	display:inline-block;
	padding:0;
	vertical-align: middle;
	font-size: 0;
	margin-right:5px;
} */

.translateForm select{
	display: inline-block;
	width: 220px
}

.justTranslateText.processing .fill-btn{
	font-size:0;
}

.justTranslateText.processing .fill-btn:after{
	content:"Translating...";
	font-size:14px;
}

.translateForm input[type='submit']{
	background: none;
  padding: 6px 10px;
  width: 95%;
  border: 1px #acacac solid;
  border-radius: 4px;
  background: #fff;
  color: #0872ba;
  vertical-align: middle;
  font-size: 15px;
  font-family: "Open Sans";
}

.plan-features{
	text-align: center;
	width: 100%;
	max-width: 1080px;
	border-collapse: collapse;
	margin:40px auto;
}
.plan-features td span{
	display: block;
	width: 15px;
	height: 15px;
	margin:0 auto;
}

.plan-features tr td:first-child{
	text-align: left;
}

.plan-features td{
	padding:5px;
	font-size: 24px;
}
.plan-features thead td{
	font-weight: bold;
	color: #0872b9
}

.plan-features tbody td{
	color: #666
}

.plan-features tbody tr:nth-child(2n+1) td{
	background: #f1f1f1
}



.translateForm label span{
	font-size: 15px;
	display:inline;
	margin-right: 5px;
	vertical-align: middle
}

.gist-search{
	display: inline-block
}

.gist-search a{
	display: none
}

.gist-search.active-search a{
	display: block;
	font-size: 12px;
	position: absolute;
	left: 220px;
	top:24px;
	color: #9c9c9c;
}

.gist-search .search{
  cursor: pointer;
  color: #fff;
  border: 1px #ccc solid;
  padding: 6px;
  border-radius: 5px;
  font-weight: normal;
  background: #f8b146;
  font-size: 18px;
  margin-left:10px;
  margin-right:10px;
}


.translateForm.processing input[type=submit]{
	opacity: .5;
	cursor: pointer
}


.gist-search input{
	background: #fff;
	border: none;
	width: 250px;
	padding:10px;
	padding-right:30px;
}

.gist-search input:focus{
	border: none
}

.cols{
	font-size:0;
	text-align: center
}

.cols > div{
	display:inline-block;
	text-align:left;
}
.cols-2 > div{
	width:50%;
	vertical-align:top;
	box-sizing:border-box;
}


.wild .button2{
	margin:0 10px;
}
.clients img{
	display:inline-block;
	width:180px;
	vertical-align: middle;
	margin:10px;
}

.translator .text{
	display:inline-block;
	vertical-align:top;
	width: calc(50% - 20px);
	height: 401px;
	overflow-y: auto;
}
.translator .text p{
	padding:0; margin:0;
	font-size:17px;
}
.translator .text p b{
	padding:4px 8px;
	padding-top: 6px;
	background:#EDEFF2;
	color: #293033;
	border-radius:8px;
	font-weight:normal
}
.translator .bptext p{
	padding:0; margin:0;
	font-size:17px;
}
.translator .bptext p b{
	padding:4px 8px;
	padding-top: 6px;
	background:#EDEFF2;
	color: #293033;
	border-radius:8px;
	font-weight:normal
}
.translator .text + .text{
	margin-left:25px;
}
.translator .body input{
	/* display:block;
	width:auto; */
}
#translateForm textarea,
#translateForm .textarea{
	tab-size: 10;
	text-align: left;
	height: fit-content;
	min-height: 393px;

	/* bullpen */
	background: #EDEFF2;
	border-radius: 8px;
	padding: 12px;

	width: 100% !important;


	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #41494C;
}

#translateForm .textarea > p{
	display: inline;

	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 18px;
	color: #41494C;
}

/*
#translateForm .textarea > p.green{
	color:#00a650;
}

#translateForm .textarea > p.yellow{
	color:#fcb332;
}

#translateForm .textarea > p.red{
	color:#ee1c25;
}
*/

.text-modules{
	display: flex;
	min-height: 250px;
	margin:10px 0;
}


.numbered_b b{
	background: #0872ba;
	color: #FFF;
	line-height: 1em;
	display: inline-block;
	border-radius: 100%;
	padding:7px 11px;
	font-size:15px;
	margin-bottom:15px;
	margin-right:5px;
}


.home .features h2{
	color:#FFF;
	font-size:32px;
	font-weight: bold;
	text-shadow: 0 1px 0px #000;
}
.home .features p{
	color:#0872ba;
	font-size:16px;
	width:90%;
	font-weight: normal;
}
.home .features div{
	display: inline-block;
	width:49%;
	font-size: 0px;
	margin:0; padding:0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.home .features h2 div{
	background-repeat: no-repeat;
	vertical-align: middle;;
	margin-top:-10px
}
header form {
	position: absolute;
	right:0px;
	top:30px;
	font-size:13px;
}
header form input{
	display: inline-block;
	width:150px;
	font-size:13px;
	padding:2px 5px;
	border-radius: 20px;
	vertical-align: middle
}


.scrollers{
	position: absolute;
	font-size: 14px;
	right:7px;
	top:11px;
	z-index: 5
}

.scrollers a{
	color: #fff
}

/* system alerts */
#alert, #alert2{
	position:fixed; top:47%; left:50%;
	z-index:10000; display:none; margin-left:-320px; padding:20px 10px; width:600px; height:auto;
	border:0; border-radius:10px; background:#0872BA;
	background-clip: padding-box;
	-webkit-box-shadow:0px 5px 15px rgba(0,0,0.4);
	-moz-box-shadow:0px 5px 15px rgba(0,0,0.4);
	box-shadow:0px 5px 15px rgba(0,0,0,.4);
	text-align:center;
	font-weight:200;
}
#alert a, #alert a:hover{
	color:#fff;
}
#alert .exit{
  position: absolute;
  right: -12px;
  top: -23px;
  color: #777;
  background: #FFF;
  border-radius: 100%;
  padding: .1em .3em;
  text-align: center;
  line-height: 1em;
  font-size: 22px;
  border: 1px #ccc solid;
}

#alert .exit:hover{
	color:#000
}

#alertText, #alertText2{
	color:#fff;
	font-size:24px;
}
.mobile, .mobile-block{
	display:none !important;
}

.wild .cc-cvv, .wild .expiration{
	display: inline-block;
}

.wild .expiration select{
	width:100px
}


.subnav{
	text-align: center;
	margin-top:20px;
}
.subnav li{
	display: inline-block;
}
.subnav a{
	display:inline-block;
	margin:0;
	padding:5px;
	font-size: 15px;
	padding-bottom: 10px;
}

.subnav a:hover{
	color:#fcb03b
}

.subnav a.active{
	box-shadow:0 -2px 0px #ccc inset
}

.notes{
    font-size: 15px;
    margin: 10px 0;
    color: #555;
}

.flex-80-20{
	display: flex;
}
.flex-80-20 > div:first-child{
	flex: 7
}
#playsound{
	/* visibility: hidden; */
	z-index: 10;

	/* position:relative; */
	/* top: -36px; */
	/* right: 12px; */
	margin-right: 12px;
	/* padding-right: 12px; */
	/* background:#EDEFF2; */
	/* display:inline-flex; */
}
#playsound:hover{
	content: url(/images/sound_blue.svg);
	cursor: pointer;
}
#playsound.disabled{
	content:url(/images/sound_disabled.svg);
	cursor:default !important;
}
#playsound.disabled:hover{
	content:url(/images/sound_disabled.svg);
}

#copytext{
	/* visibility: hidden; */
	z-index: 10;

	/* position:relative; */
	/* top: -36px; */
	/* right: 12px; */
	margin-right: 12px;
	/* padding-right: 12px; */
	/* background:#EDEFF2; */
	/* display:inline-flex; */
}
#copytext:hover{
	content: url(/images/copy_blue.svg);
	cursor: pointer;
}
#copytext.disabled{
	content:url(/images/copy_disabled.svg);
	cursor:default !important;
}
#copytext.disabled:hover{
	content:url(/images/copy_disabled.svg);
}

.flex-between{
	display: flex;
	justify-content: space-between;
}

.translateForm .flex-between{
	margin:0;
	margin-top: 36px;
}

.flex-80-20 > div:last-child{
	flex: 3;
	padding-top:20px;
	padding-left:20px;
	color: #333;
	padding-right:20px;
	background: #f6f6f6
}

.notification{
	position: fixed;
	left: 50%;
	width: 300px;
	height: auto;
	top: 30%;
	z-index: 2500000000;
	background: #fff;
	padding: 10px;
	margin-left: -150px;
	border-radius:10px;
	box-shadow:0 2px 7px #333;
	text-align: center
}
.notification h1{
	padding:5px 0;
}
.notification p{
	padding:0px 0 20px;
	font-size:15px;
}
.notification input[type=text]{
	display:block;
	width:auto;
	margin:15px auto;
}
.backtotop{
	display: block;
	position: fixed;
	bottom: 50%;
	right: 20px;
	z-index: 1000;
	background: #818181;
	width: 40px;
	height: 56px;
	color: #FFF;
	font-size: 36px;
	line-height: 58px;
	text-align: center;
}
.backtobottom{
	display: block;
	position: fixed;
	bottom: 50%;
	right: 20px;
	z-index: 1000;
	background: #818181;
	width: 40px;
	height: 56px;
	color: #FFF;
	font-size: 36px;
	line-height: 58px;
	text-align: center;
	margin-bottom:-76px;
}

.material-icons{
	vertical-align: middle;
	font-size: 2em;
	margin-top:-3px
}

.navigation .material-icons{
	display: none
}

@media only screen and (min-width : 320px) and (max-width : 900px)
{

	html,body{
			min-width:none;
			background: #ffffff !important
	}
	.inner{
		width:97%;
	}
	.table-8 > div > span{
		font-size:15px;
	}
	.plans > div{
		font-size:15px;
	}
	.backtotop{
		display: none;
	}


	.plansv2 > div{
		padding:0;
	}
	.subscription-switch{
		display: block;
		width: auto;
		overflow-x: scroll;
	}
	.plan-features td{
		font-size: 16px
	}
	.plansv2-details{
		font-size: 18px !important
	}
	.plansv2{
		display: block;
		text-align: center
	}
	.planv2-plan{
		display: block;
		width: auto;
	}
	div[style*='flex-flow: row nowrap']{
		display: block !important;
		text-align: center !important
	}
	header form{
		display: none !important
	}

	.homepage .mobile-menu{
		display:  none !important;
		position: absolute;
		opacity: 0;
	}
	.translator .into label{
		text-align: left;
	}
	.translator .body input[value="Translate"]{
		margin:0px;
	}
	.translator .into select{
		display: block;
		width: 100%
	}
	.backtotop{
		display: none;
	}
	.translator .into label{
		display:inline-block;
		width:100%;
		text-align: left !important
	}
	.translateForm select, .translateForm #file{
		width: 100% !important
	}
	.mobile-menu{
		position: absolute !important;
		top:8px;
		right:30px;
		font-size:27px;
		z-index: 100
	}
	.navigation div{
		float: none !important
	}

	html,body{
		overflow-x:hidden;
		min-width:320px;
	}
	body{
		margin-top:60px;
	}
	.plans > div > div{
		height:auto;
		min-height:0px;
	}
	.plans > div{
		display: block;
		margin:0px auto;
		margin-bottom:25px;
		width:95%;
		font-size:15px;
	}
	.inner{
		width: calc(100% - 20px)
	}
	header{
		height:50px;
		z-index: 10000000;
		padding:10px 80px !important
	}
	header .logo{
		top: 10px;
		left: 0px;
		width: 132px;
		height: 34px;
	}
	.home header .logo{
    top: 2px;
    left: 0;
    width: 195px;
    height: 65px;
    right: 0;
    margin: 0px auto;
	}
	#logos{
		text-align: center
	}
	#logos > img{
		width: 100px !important
	}
	.cols > div{
		display: block;
		width: auto;
	}
	.home h1{
		font-size:28px !important;
		left:auto !important;
		text-align: center;
		width: auto;
	}
	.home .action{
		left:auto !important;
		font-size:20px !important
	}
	.home section:first-child{
		text-align: center
	}
	.navigation{
    position: fixed;
    top: 0px;
    right: 0px;
    display: none;
    text-align: right;
    background: #fff;
    z-index: 10000;
    height: 100%;
    width: 70vw;
    left: auto;
		box-shadow : 0 0 30px rgba(0,0,0,.05)
	}

	footer{
		display: none !important
	}

	.navigation li{
		display:block !important;
		border:none !important;
		border-radius:0px;
		text-align:right;
		font-size:20px;
		padding:10px;
		margin:10px;
		text-align: left;
		border-radius:20px;
	}

	.navigation li:hover{
		background: #e8f2f7;
	}

	.navigation li:hover a{
		color: #0872ba
	}

	.navigation .material-icons{
		font-size: 26px;
		margin-right: 15px;
		display: inline-block
	}

	.navigation li a{
		color: #5a6367
	}


	.navigation li:hover{

	}

	.navigation li:last-child{
		border-bottom:1px #ccc solid;
	}
	.navigation li a{
		border:none !important;
		background: none !important;
		font-size:18px
	}
	footer ul{
		top:30px;
	}
	footer ul li:first-child{
		display: block; margin-bottom:5px;
		font-weight:bold;
	}
	footer ul li:first-child + li{
		border:none;
	}

	.backend h1{
		padding-bottom:10px;
		font-size: 24px;
	}
	h1{
		padding-top:15px;
	}
	h1 a{
		display:inline-block;
		margin:0px;
	}
	.helper:hover:after,
	.forceXPopup .helper:after{
		left:0px;
		margin-left:0px;
		width: auto;
		top:calc(100% + 10px);
	}
	.helper:hover:before{
		display: none
	}
	.forceXPopup .helper:before{
	  content: "x";
	  display: inline-block !important;
	  position: relative;
	  width: auto;
	  height: auto;
	  background: #fff;
	  border-radius: 100%;
	  position: absolute;
	  top: auto;
	  margin:0 auto;
	  transform: rotateZ(0deg);
	  z-index: 100000001;
	  font-family: Tahoma;
	  font-size: 16px;
	  font-weight: bold;
	  padding:1px 7px;
	  right:0px;
	  margin-top:20px;
	  border:1px #0872ba solid;
	 }



	#alert, #alert2{
    left: 0 !important;
    margin: 20px;
    padding: 20px 5px !important;
    width: calc(100% - 40px) !important;
    border: none !important;
    border-radius: 30px !important;
    background: rgb(0 0 0) !important;
    color: #fff !important;
    box-sizing: border-box;

	}
	#alertText, #alertText2{
		color:#fff !important;
		font-size:18px !important;
	}
	.dispatches{
		position:relative;
		margin:20px;
		padding:20px;
		border-radius:0px;
		box-sizing: border-box;
		width: calc(100% - 40px) !important;

		box-shadow:0 0 10px rgba(0,0,0,.3); vertical-align:middle;
		text-align:center;
		min-width: 0 !important;
		border-radius: 20px;
	}
	.dispatches h2{
		text-align:center;
		font-weight:bold;
	}

	.dispatches label{
		font-size:18px;
	}

	.dispatches .exit{
		top:-5px;
	}

	.dispatches .exit{
		font-size:0;
		opacity: 1;
		padding:20px
	}

	.dispatches .REMOVED_exit:after{
    content: "CANCEL";
    font-size: 15px;
    font-weight: bold;
    color: #0872ba;
	}

	#project_label .remove{
		top:30px;
		right:-8px;
	}
	.dashboard .project_action ul{
		top:25px;
	}
	.user-welcome{
		top:15px;
		width:100%;
		font-size: 0;
	}

	.user-welcome .material-icons{
		font-size: 28px
	}

	form label{
		/* display: inline-block;
		margin-top:auto !important;
		padding:0;
		width: 100%;
		text-align: center; */
	}

	.dispatch h2{
		color: #333;
		padding:0;
	}

	.dispatch p{
		padding:0
	}

	.dispatches input[type=submit]{
		display:block;
		margin:5px auto;
		width:100%;
		padding:15px;
		background: #0872ba
	}

	.error p{
		text-align:center;
	}
	.table-8 > div > span{
		font-size:15px;
	}
	.table a span, .dropdown span{
		font-size:18px;
	}
	form textarea{
		width:95%;
		height: 130px;
	}
	form label span{
		/* display:block;
		margin-left:0px;
		text-align:left; */
	}
	.login form label span{
		text-align:left;
	}
	.desktop{
		display:none !important;
		position: absolute;
		left:0;
		right:0;
		width:0;
		height:0;
		overflow: hidden;
	}
	.mobile{
		display:inline !important;
		visibility:visible;
		position: relative
	}
	.mobile-block{
		display:block !important;
		visibility:visible;
		position: relative
	}

	.v3-20-80 h1, .mobile-h1{
		color: #333 !important;
		display: block;
		text-align: center;
		margin:0 auto;
 	  font-weight: bold;
		font-size: 16px;
		padding:0
	}

	.mobile-h2{
		display: block;
		text-align: center;
		color:#333;
		font-size: 14px
	}

	.mobile-input{
    background: #eee !important;
    border-radius: 10px;
    text-align: left;
		display: block;
	}

	.mobile-input input, .mobile-input input:focus, .mobile-input select{
		border: none;
		background: none;
		outline: 0;
		padding:12px;

	}

	.mobile-input span{
    color: #666;
    font-size: 14px;
    margin-left: 10px;
    margin-top: 7px;
	}

	.mobile-back{
		display: inline; font-size: 22px; font-size: 26px; color:#666; position: absolute; left:0px; top:12px; z-index: 100
	}

	.bubble{
		display: inline-block; padding:5px 10px; border-radius:10px; background: #eee; color:#333; text-transform: uppercase; font-weight: 400
	}

	.v3-20-80 .table .header{
		display: none
	}

	.v3-20-80 .table{
		width:100% !important
	}

	.v3-20-80 .sidenav{
		display: none
	}

	.v3-20-80{
		display: block;
		padding:5px 0;
	}

	.v3-20-80 > div:last-child{
		box-shadow: none;
		padding:10px
	}

	.dispatches form{
		text-align:center;
	}
	.dispatches .half{
		display:inline-block;
		width:88%;
		text-align: center;
	}

	.mobile-logo{
		width:60px;
		height: 36px;
		background:url(images/mobile-logo.png) no-repeat center center;
		background-size:contain;
		font-size:0px;
		display: block !important;
		top:5px;
		display:none !important
	}

	.translator .text{
		display: block;
		width:auto;
		margin:0px !important;
		float: none !important;
		text-align: left !important
	}

	#playsound{
		left:260px !important;
	}

	.numbered_b label{
		display: block !important;
		margin:15px auto !important;
		text-align: left;
	}
	#fileForm .into{
		width: 100%;
		text-align: left;
	}
	.numbered_b b{
		margin:5px 0;
	}
	.user-welcome{
		text-align: left
	}
	.home form{

	}
	.home .features div{
		display: block;
		width:100%
	}


	.table{
		background: none;
	}
	.table > div > span{
		display: block;
		border:none;
		padding:2px 15px;
	}
	.table > div{
		display: block;
		background: #eee;
		padding:10px 0;
		margin:15px 0;
		height: auto;
		box-sizing:border-box;
		border:1px #eff0f4 solid;
		border-radius: 15px;
		color: #323a3d
	}
	.table > div > span:first-child{
		font-weight: bold
	}

	.dispatches .account-dropdown{
		float: none;
		display: block;
		margin:20px auto;
	}

	.dispatches .account-dropdown:hover .meta{
		left:0;
		right:0;
		bottom: 30px;
	}


	.admin-stats .table > div > span:first-child:before{
		content:"Email:"
	}
	.admin-stats .table > div > span:nth-child(2):before{
		content:"IP:"
	}
	.admin-stats .table > div > span:nth-child(3):before{
		content:"Name:"
	}
	.admin-stats .table > div > span:nth-child(4):before{
		content:""
	}
	.admin-stats .table > div > span:nth-child(5):before{
		content:"Version:"
	}
	.admin-stats .table > div > span:nth-child(6):before{
		content:"Logins:"
	}
	.admin-stats .table > div > span:nth-child(7):before{
		content:"Last Login:"
	}
	.admin-stats .table > div > span:nth-child(8):before{
		content:"Registered:"
	}
	.admin-stats .table > div > span:nth-child(9):before{
		content:"Shares:"
	}
	.admin-stats .table > div > span:nth-child(10):before{
		content:"Plan:"
	}
	.admin-stats .table > div > span:nth-child(11):before{
		content:"Total Usage:"
	}
	.admin-stats .table > div > span:nth-child(12):before{
		content:"Usage/mo:"
	}
	.admin-stats .table > div > span:nth-child(13):before{
		content:"Word Balance:"
	}

	.admin-stats .table > div.header{
		display: none !important;
	}

	.admin .project_action{
		display: block;
	}

	.homepage .inner h1{
		margin-left:0px !important
	}

	footer div[style*='float:right']{
		display: none
	}

	.flex-80-20{
		display: block;
		padding:30px 0;
	}
	.flex-80-20 > div{
		flex: 1;
		margin:0 auto;
	}

	.nomobile{
		display:none !important
	}
	.into{
		display: block !important
	}

	.text-modules{
		display: block;
	}
	#translateForm textarea, #translateForm .textarea{
		height: 300px;


		background: #EDEFF2;
		border-radius: 8px;
		padding: 12px;

		width: 100% !important;


		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 18px;
		color: #41494C;
	}

	.feedbackLink{
		display: none !important
	}



	.sidenav a{
		background: #fff;
		margin-bottom: 0;
		padding:17px;
		border-bottom: 1px #ddd solid;
		color: #5a6367
	}

	.sidenav a:after{
		display: block;
	  content: "chevron_right";
	  font-family: "Material Icons";
	  position: absolute;
	  right: 20px;
	  top: 10px;
	  font-size: 33px;
	  color: #ccc;
	}

	.sidenav a .material-icons{
		margin-right:10px;
	}

}


@media only screen and (min-device-width : 320px) and (max-device-width : 900px)
{
	.user-welcome{
		display: none !important
	}
	.body{
		min-height: calc(70vh);
		padding-right:24px !important;
		padding-top:0px !important
	}
	.newHeaderTitle{
		display:none !important
	}
	header{
		text-align:center
	}

	label .mobile{
		display:none !important
	}
}


.fake-select{
	padding:13px 12px;
	color:#6F7B80;
	border-radius:8px;
	background: #EDEFF2 url(images/arrows.png);
	background-position:right 15px center;
	background-repeat:no-repeat;
	cursor:pointer;
	position:relative;
	display:block;
}

.fake-select:hover{
	color:#6F7B80
}

.fake-select-drop{
	display:none;
	color:#6F7B80;
	border-radius:8px;
	background: #fff;
	border:1px #EDEFF2 solid;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	position:absolute;
	left:0px;
	top:55px;
	width:100%;
	z-index:1000000;
	max-height:350px;
	overflow-x: hidden;
	overflow-y:auto;
	border:1px #ddd solid;
	max-width:560px;
}

.fake-select-drop > *{
	display:block;
	cursor:pointer;
	padding:10px;
	margin:10px;
	border-radius:8px;
}

.fake-select-drop > *:hover{
	background:#f5f5f5;
}

.fake-select-drop.display{
	display:block;
}
.fake-select-drop > *:has(input:checked){
	background: #dcdcdc
}

.content-split{
	display: inline-block !important;
	width: 5px;
	height: 15px;
	background: #0772ba;
	border-radius: 18px;
	top: 3px;
	margin: 0 5px;
	cursor:no-drop;
}