@charset "utf-8";
/* Twitch Window */
.tw_container { position:fixed; bottom: 0; right: 0; box-shadow: rgba(0,0,0,0.2) 0 2px 6px; -moz-box-shadow: rgba(0,0,0,0.2) 0 2px 6px; z-index: 8888; font-size: 12px; line-height: 16px; color: #555; }
.tw_container input, .tw_container textarea, .tw_container select { -ms-border-radius: 0; border-radius: 0; margin-right: 0; }
.tw_container, .tw_container input, .tw_container textarea, .tw_container select, .select2-results li { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.tw_container .tw_titlebar { background: #404040; height: 36px; padding: 0 5px 0 14px; }
.tw_container .tw_titlebar .tw_title { width: 400px; height: 36px; float: left; font: 12px Arial; color: #fff; line-height: 36px; cursor: pointer; }
.tw_container .tw_titlebar .tw_buttons { float: right; padding-top: 6px; }
.tw_container .tw_titlebar .tw_buttons .tw_button { float: right; display: block; width: 24px; height: 24px; margin-left: 2px; opacity: .6; -moz-opacity: .6; cursor: pointer; }
.tw_container .tw_titlebar .tw_buttons .tw_button:hover { background-color: #737373; opacity: 1; -moz-opacity: 1; }
.tw_container .tw_titlebar .tw_buttons .tw_close { background: url(images/tw_sprite.png?v=20160720) 0 -90px; }
.tw_container .tw_titlebar .tw_buttons .tw_minimize { background: url(images/tw_sprite.png?v=20160720) 0 -66px; }
.tw_container .tw_titlebar .tw_buttons .tw_maximize { background: url(images/tw_sprite.png?v=20160720) 0 -42px; display: none; }
.tw_container .tw_titlebar .tw_buttons .tw_expand { background: url(images/tw_sprite.png?v=20160720) 0 -138px; }
.tw_container .tw_titlebar .tw_buttons .tw_collapse { background: url(images/tw_sprite.png?v=20160720) 0 -114px; display: none; }

.tw_container.tw_add_button .tw_titlebar { padding: 0; }
.tw_container.tw_add_button .tw_titlebar .tw_title { width: 36px; text-align: center; font-size: 16px; }


.tw_container .tw_body { background: #fff; width: 590px; font-size: 13px; }
.tw_container .tw_body form {margin: 0;}
.tw_container .tw_body p { clear: left; margin: 0; }
.tw_container .tw_body .tw_btn { background-color:#0074cc;color: #fff; padding: 5px 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font: bold 11px arial, sans-serif; cursor: pointer; float: left; }
.tw_container .tw_body .tw_btn:hover { background-color:#0055cc; }
.tw_container .tw_body .tw_btn:active { background-color:#004099; }
.tw_container .tw_body .tw_btn.tw_disabled { background-color:#444!important; cursor: wait; }
.tw_container .tw_body .tw_field { padding: 6px 4px; border: 1px solid #ccc; }
.tw_container .tw_body .tw_field.no_padding { padding:0px;}
.tw_container .tw_body .tw_field.select2_custom { margin-left: 14px; width: 246px}
.tw_container .tw_body textarea.tw_field { resize: none; height: 100px; }
.tw_container .tw_body .tw_radios { padding: 10px 0; }
.tw_container .tw_body .tw_radios input { margin-left: 14px; vertical-align: top; margin-top: 2px; }
.tw_container .tw_body .tw_checkboxes { padding: 10px 0; }
.tw_container .tw_body .tw_checkboxes input { margin-left: 22px; vertical-align: top; margin-top: 2px; }
.tw_container .tw_body .tw_1_field input, .tw_container .tw_body .tw_1_field textarea { float: left; width: 519px; margin: 0 15px 10px 15px; font-size: 13px; }
.tw_container .tw_body .tw_2_fields input { float: left; width: 245px; margin: 0 15px 10px 15px; }
.tw_container .tw_body .tw_2_fields select { float: left; width: 245px; margin: 0 15px 10px 15px; font-size: 13px; }
.tw_container .tw_body .tw_2_fields .tw_fake_select { display: block; height: 30px; line-height: 34px; float: left; width: 245px; margin: 0 15px 10px 15px; }
.tw_container .tw_body .select2_field, .tw_container .tw_body .select2_jobfield { border: none; margin: 0 15px 10px 10px; }

.tw_container .tw_body .tw_cc_emails {  padding-left: 15px; clear: left; }
.tw_container .tw_body .tw_field_bottom_padding { padding-bottom: 55px; clear: left; }
.tw_container .tw_body .tw_cc_emails .select2_notifyfield { width: 520px; padding-top: 5px }

.tw_container .tw_body .tw_invalid { border-color: red; }

.tw_container .tw_body .tw_footer { height: 40px; width: 100%; background: #ebebeb; position: absolute; bottom: 0; left: 0; }
.tw_container .tw_body .tw_footer span { display: block; cursor: pointer; float: left; }
.tw_container .tw_body .tw_footer .tw_save { margin-top: 9px; margin-left: 15px; margin-right: 14px; }
.tw_container .tw_body .tw_footer .tw_action { width: 21px; height: 21px; margin-top: 11px; margin-right: 6px; opacity: .6; -moz-opacity: .6; }
.tw_container .tw_body .tw_footer .tw_attachment { background: url(images/tw_sprite.png?v=20160720) 0 -21px; }
.tw_container .tw_body .tw_footer .tw_image { background: url(images/tw_sprite.png?v=20160720) 0 0; }
.tw_container .tw_body .tw_footer .tw_action:hover { opacity: 1; -moz-opacity: 1; }
.tw_container .tw_body .tw_footer .tw_action i { display: none; position: absolute; background-color: red; color: #fff; padding: 0 3px;height: 15px;font-size: 9px; opacity: .8; -moz-opacity: .8; margin: 9px 0 0 12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none;
-moz-user-select: none; -ms-user-select: none; user-select: none; }

.tw_container.tw_minimized .tw_title { width: 230px; }
.tw_container.tw_minimized .tw_titlebar .tw_buttons .tw_minimize { display: none; }
.tw_container.tw_minimized .tw_titlebar .tw_buttons .tw_maximize { display: block; }
.tw_container.tw_expanded .tw_titlebar .tw_buttons .tw_expand { display: none; }
.tw_container.tw_expanded .tw_titlebar .tw_buttons .tw_collapse { display: block; }
.tw_container.tw_minimized .tw_body { display: none; }

.tw_container .tw_body .tw_image_uploader { display: none; position: absolute; z-index: 9999; width: 560px; background: #fff url(images/tw_image_background.jpg) no-repeat bottom right; top: 36px; left: 0; overflow-y: auto; overflow-x: hidden; }
.tw_container .tw_body .tw_image_uploader .tw_image_uploader_row { padding-left: 15px; }
.tw_container .tw_body .tw_image_uploader .tw_image_uploader_toolbar { height: 38px; width: 100%; background: #ebebeb; }
.tw_container .tw_body .tw_image_uploader .tw_image_uploader_toolbar .tw_btn { margin: 6px 0 0 10px; }

.tw_container .tw_body .tw_attachment_uploader { display: none; position: absolute; z-index: 9999; width: 560px; /*height: 390px;*/ background: #fff url(images/tw_attachment_background.jpg) no-repeat bottom right; top: 36px; left: 0; overflow-y: auto; overflow-x: hidden; }
.tw_container .tw_body .tw_attachment_uploader .tw_attachment_uploader_row { padding: 15px; }
.tw_container .tw_body .tw_attachment_uploader .tw_attachment_uploader_row input { width: 100%; }
.tw_container .tw_body .tw_attachment_uploader .tw_attachment_uploader_toolbar { height: 38px; width: 100%; background: #ebebeb; }
.tw_container .tw_body .tw_attachment_uploader .tw_attachment_uploader_toolbar .tw_btn { margin: 6px 0 0 10px; }
.tw_container .tw_body .tw_attachment_uploader .tw_attachment_status img { vertical-align: text-bottom; }

.tw_container.tw_expanded { top: 6%; bottom: 6%; left: 6%; right: 6%!important; z-index: 1500 }
.tw_container.tw_expanded, .tw_container.tw_expanded * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.tw_container.tw_expanded .tw_body .tw_field.select2_custom,
.tw_container.tw_expanded .tw_body .redactor-box,
.tw_container.tw_expanded .tw_body .tw_1_field input,
.tw_container.tw_expanded .tw_body .tw_1_field textarea,
.tw_container.tw_expanded .tw_body .tw_2_fields select,
.tw_container.tw_expanded .tw_body .tw_radios input,
.tw_container.tw_expanded .tw_body .tw_2_fields .tw_fake_select { margin: 0; margin-bottom: 20px; }
.tw_container.tw_expanded .tw_body .tw_cc_emails,
.tw_container.tw_expanded .tw_body .tw_radios { padding: 0;}
.tw_container.tw_expanded .tw_body .tw_radios label { margin-right: 20px;}
.tw_container.tw_expanded .tw_body .tw_1_field input, 
.tw_container.tw_expanded .tw_body .tw_1_field textarea { width: 100%; margin-bottom: 20px; }
.tw_container.tw_expanded .tw_titlebar { position: absolute; width: 100%; }
.tw_container.tw_expanded .tw_body { width: 100%; height: 100%; padding: 56px 20px 20px 20px; }
.tw_container.tw_expanded .tw_body .redactor-box,
.tw_container.tw_expanded .tw_body .tw_cc_emails .select2_notifyfield { width: 100%; }
.tw_container.tw_expanded .tw_field.select2_custom,
.tw_container.tw_expanded .tw_body .tw_2_fields select,
.tw_container.tw_expanded .tw_body .tw_2_fields .tw_fake_select { width: 49%; }
.tw_container.tw_expanded .tw_2_fields .tw_field_last_in_row { margin-left: 2%!important; }
.tw_container.tw_expanded .select2-choice { height: 30px; padding-top: 8px; }
.tw_container.tw_expanded .select2-container .select2-choice .select2-arrow b { background-position: 1px 2px; }
.tw_container.tw_expanded .tw_body .tw_2_fields .tw_fake_select { font-size: 16px; }
.tw_container.tw_expanded .tw_body .tw_attachment_uploader,
.tw_container.tw_expanded .tw_body .tw_image_uploader { width: 100%; }
.tw_window_fullscreen_overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: black; opacity: .6; }
.tw_container .tw_body .mceLayout{ width: 560px !important; }
/* Quick twitch */
#tw_quick { position: absolute; width: 415px; padding: 10px 15px 27px 10px; margin-top: 35px; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.4); z-index: 100; }
#tw_quick:before { display: block; content: ""; width: 17px; height: 8px; background: url(images/tw_bubble_arrow_up.png) no-repeat; position: absolute; margin-left: -3px; margin-top: -18px; }
#tw_quick textarea { width: 100%; height: 25px; border: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; resize: none; }
#tw_quick span.btn-create { position: absolute; right: 11px; bottom: 7px; }
#tw_quick span.btn-more { position: absolute; right: 64px; bottom: 7px; }

#tw_quick_suggestion { position: absolute; width: 415px; top: 31px; margin-left: 0; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.4); box-shadow: 1px 1px 6px 0px rgba(50, 50, 50, 0.4); z-index: 100; }
#tw_quick_suggestion ul { margin: 0; }
#tw_quick_suggestion ul li { display: block; float: left; padding: 2px 4px; margin: 4px; cursor: pointer; }
#tw_quick_suggestion ul li.selected { background-color: #eee; border-radius: 4px; }


/* File drag and paste css */

.tw_container div.svyPicContainer {
	width:500px !important;
}

.tw_container div.svyPicContainer .scaleContainer {
	padding:5px 2px 7px 2px;
	color: #0083b3;
	font-size: 11px;
	width: 435px;
	text-align: left;
}

.tw_container div.svyPicContainer,div.svyPictureContainer .linkContainer {
	float:left;
	clear:none;
	padding-right: 10px;
}

.tw_container div.svyPicContainer .svyPasteDragContainer {
	width: 170px;
	height: 200px !important;
}

.tw_container div.svyPicContainer .svyCancelPaste a {
	margin-top: 10px;
}

.tw_container div.svyPicContainer  .svyPicSectionBreak {
	float:left;
	margin-right: 50px;
	margin-bottom: 5px;
}

.tw_container div.svyPicContainer .freeImageText {
	font-size: 11px;
	color: #0074cc;
	margin-right: 5px;
}

.tw_container .svypasteLink {
	color: #0083b3 !important;
	clear:both;
	padding: 5px !important;
	max-width: 200px;
	text-align: left;
	width: auto;
	margin-bottom: 5px;
	font-size: 11px !important;
	border: 1px solid #ccc !important;
	border-bottom-color: #b3b3b3 !important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)) !important;
}

.tw_container div.svyPicContainer .svyPasteDragContainer a {
	font-weight: normal !important;
	cursor: default !important;
	color: #0083b3 !important;
}

.tw_container div.svyPicContainer .svyFileDragTarget,.tw_container div.svyPicContainer .uploadedImage img {
	max-height: 90% !important; 
	max-width: 90% !important; 
	position: absolute !important;
  margin: auto !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.tw_container div.svyPicContainer .pasteUploadTextContainer {
	width: 140px !important;
	height: 132px !important;
}

.tw_container div.svyPicContainer .svyFiledragLive,.tw_container div.svyPicContainer .uploadedImage  {
	font-weight: bold !important;
	text-align: center !important;
	color: #555 !important;
	cursor: default !important;
	border: 3px dotted #555 !important;
	border-radius: 7px !important;
	width:150px !important;
	height:140px !important;
	position:relative !important;
	background-color: white !important;
	max-height: 90% !important; 
	max-width: 90% !important; 
	background-size: 140px Auto !important;
	background-position: center !important;
	background-color: white !important;
	display: inline-block;
}

.tw_container div.svyPicContainer .svyFiledragLive,.tw_container div.svyPicContainer .uploadedImage p {
		white-space: normal !important;
}

.tw_container div.svyPicContainer .dragPasteText p {
	margin-top: 50px !important;
	white-space: normal !important;
	text-align:center;
	padding:5px;
}

.tw_container div.svyPicContainer .svyPasteText {
	padding: 40px 3px 0px 3px !important;
	width: 140px !important;
	white-space: normal !important;
	text-align:center;
}

.tw_container div.svyPicContainer .svyPasteText p {
	white-space: normal !important;
	text-align:center;
}

.tw_container div.svyPicContainer .svyFiledragLive img,.uploadedImage img {
	max-height: 90% !important; 
	max-width: 90% !important; 
	position: absolute !important;
  margin: auto !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
}

.tw_container div.svyPicContainer .svyWhiteText {
	color: white !important;
}

.tw_container div.svyPicContainer .imagePasteContainer {
	width:164px !important;
}

.tw_container div.svyPicContainer .svyFiledragProgess {
	font-size: 11px !important;
	width: 140px;
	min-width: 140px;
	padding: 2px 5px !important;
	margin: 2px 0 !important;
	border-radius: 8px !important;
	background: #eee !important;
	margin-top: 5px !important;
	background-color: white !important;
	margin-top: 5px !important;
	border: 1px solid #CCC !important;
}

.tw_container div.svyPicContainer .svyFiledragProgess p {
	height:10px !important;
	padding: 3px !important;
	margin-bottom: 5px !important;
	margin-top: 2px !important;
}

.tw_container div.svyPicContainer .fancyBackground {
	background-image: url(areas/admin/images/fancypastebg.png) !important;
	background-repeat: no-repeat !important;
	color: white !important;
	text-align: center !important;
	font-size: 12px !important;
}

.tw_container div.svyPicContainer .fancyBackgroundActive {
	background-image: url(areas/admin/images/fancypastebgActive1.png) !important;
	background-repeat: no-repeat !important;
	color: white !important;
	text-align: center !important;
	font-size: 12px !important;
}

.tw_container div.svyPicContainer .svyPasteArea {
	background-position: center !important;
	background-repeat: no-repeat !important;
	border: 2px dotted #black !important;
}

.tw_container div.svyPicContainer .svyPasteAreaText {
	margin-top:-10px !important;
	width: 140px;
}

.defaultSkin .svyPasteAreaText {
	margin-top:0 !important;
}

.tw_container div.svyPicContainer .svyFiledragProgess p.success {
	background: #0c0 none 0 0 no-repeat !important;
}

.tw_container div.svyPicContainer .svyFiledragProgess p.failed {
	background: #c00 none 0 0 no-repeat !important;
}

.tw_container div.svyPicContainer .svyWhiteBg {
	background-color: white !important;
}

.tw_container div.svyPicContainer .svyFiledragProgess span {
	background: #0c0 !important;
	display: inline-block !important;
	width: 0%;
	height: 10px !important;
	position: relative !important;
}

.tw_container div.svyPicContainer .svyPasteForm {
	height: 166px !important;
	width: 155px !important;
}

.tw_container .svyPicContainer,.svyPictureContainer {
	width: 500px !important;
	margin-top: 5px;
	display: inline-block;
}

.tw_container div.svyPicContainer .imagePasteAppletContainer {
	display: none;
}

.tw_container div.svyPicContainer .imagePasteConatainer {
	width: 150px !important;
	height: 180px !important;
	float: left !important;
}

.tw_container div.svyPicContainer .pasteImageLink {
	float: left !important;
}

.tw_container div.svyPicContainer .uploadedImage a {
	margin-top: 40px !important;
	display: block !important;
}

.tw_container div.svyPicContainer .appletPasteText {
	color: white !important;
	text-align: center !important;
	width: 145px;
	height:65px;
	padding-top: 40px;
}

.tw_container .svyMceImagePasteHelpText {
	margin-top: 25px;
	font-size: 12px;
	color: #0083b3;
	border: 1px solid #cccccc;
	border-radius: 4px;
	padding: 5px;
}

.defaultSkin table.mceLayout tr.mceLast td {
	position: relative;
}

/**:focus {
	outline: 1px solid red;
}*/
/* End file drag and paste css */

@media screen and (max-width: 500px) {
	.tw_container.tw_expanded .tw_body { width: 100%; height: 100%; padding: 56px 10px 10px 10px; }
	.tw_container .tw_body .mceLayout{ width: 100% !important; }
	.tw_container.tw_expanded { top: 1%; bottom: 1%; left: 3%; right: 3% !important; z-index: 1500 }
	.tw_container .tw_titlebar .tw_title { width: auto; }
	.tw_container.tw_expanded .tw_body .tw_field.select2_custom,
	.tw_container.tw_expanded .tw_body .redactor-box,
	.tw_container.tw_expanded .tw_body .tw_1_field input,
	.tw_container.tw_expanded .tw_body .tw_1_field textarea,
	.tw_container.tw_expanded .tw_body .tw_2_fields select,
	.tw_container.tw_expanded .tw_body .tw_radios input,
	.tw_container.tw_expanded .tw_body .tw_2_fields .tw_fake_select { margin: 0; margin-bottom: 10px; }
	.tw_container .tw_body .tw_2_fields input[name=Deadline] { width: 49%; margin-left: 0 !important; margin-right: 0 !important; }
	.tw_2_fields {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
}