body {
	background-color: #304060;
	padding: 0px;
	margin: 0px;
	overflow-y: scroll;
	min-height: 900px;
	
}

.body_color {
	background: #fff !important;
	margin: 10px 16px;
	margin-bottom: 0px;
	border-radius: 8px;
	padding: 6px 0px !important;
}

.header_wrapper, .content_wrapper {
	background: #304060;
}

a:link, a:visited, a:active, a:focus, .url {
	text-decoration:none;
	color:#274a91;
}

a:hover, select:hover, .url:hover		{
	text-shadow: 0px 0px 1px rgba(196, 0, 0, 0.40);
	color: #b00030;
}

div.action img {
	vertical-align: middle;
	margin-top: 0px;
}

div.action 	{ display: inline; }

form, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

textarea { 	resize: none; }

.clear {
 	clear: both;
 	height: 0px;
 	margin: 0px;
 	padding: 0px;
 	border: 0px;
 	font-size: 0px;
}

.content {
	width: 1024px;
	margin: 0pt auto;

}

.contentFull {
	width: 1008px;
	overflow: hidden;
}

.contentHalf {
	width: 504px;
	float: left;
	overflow: hidden;
}

.contentLeft {
	width: 672px;
	float: left;
	overflow: hidden;
}

.contentRight {
	width: 336px;
	float: left;
	overflow: hidden;
}


.box {
	text-align: justify;
	margin: 15px 1px 1px 15px;
	background: #fff;
	border-radius: 8px;
	border: none;
	box-shadow: none;
	overflow: hidden;
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.2);
}



.box_300 {width: 320px;overflow: hidden;}
.box_463 {width: 486px;overflow: hidden;}
.box_616 {width: 656px;overflow: hidden;}
.box_932 {width: 992px;overflow: hidden;}

.box_grey {
	background-color: #f0f0f0;
	border-top: 1px solid #f2b1b1;
	border-bottom: 1px solid #bf8c8c;
	border-left: 1px solid #f2b1b1;
	border-right: 1px solid #bf8c8c;
	color: #b45d5d;
}


#cookie_teaser {
	border: 2px solid #ff8888;
	border-radius: 5px;
	width: 958px;
	margin: 16px 1px 0px 15px;
	background-color: #fff;
	padding: 15px;
	text-align: center;
	box-shadow: inset 0px 0px 3px rgba(80, 22, 22, 0.7) !important;
}

#cookie_teaser a {
	white-space: nowrap;
}

#cookie_teaser a {
	margin-top: 10px;
}

#mobile_main #cookie_teaser {
	width: 296px;
	margin: 0;
	padding: 10px;
}

#tooltip, #starTip {
	position: absolute;
	z-index: 11000;
	padding: 6px 10px;
	max-width: 316px;
	background: #ffffff;
	border: 1px solid #b0b0b0;
	border-radius: 5px;
	box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.3);
}

#tooltip h3, #tooltip div, #startTip div { 
	margin: 0;
	font-size: 11px; 
}

 .ui-effects-transfer {
	z-index: 3000;
	background: #ffffff;
	border: 2px solid #b0b0b0;
	border-radius: 5px;
	box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.3);
	opacity: .75;
}

p.popup
{
    padding: 0 4px;
}



.ad_box {
	height: 250px;
	width: 300px;
	padding: 10px;
	overflow:hidden;
	border-radius: 5px;
	background: #fff;
}

.iiy_ad {
	position:absolute;
	width: 300px; 
}

.medr_ad {
	position: absolute;
}

.footer div, .footer a {
	background-color: #304060;
	color: #f2f2f2;
	margin: 10px 0px;
	font-size: 13px !important;
	line-height: 20px;
	box-shadow: none;
}

.footer a {
	text-transform: uppercase !important;
}


.footer {
	width: 992px;
	margin: 14px auto;
	max-height: 90px;
	line-height: 16px;
	overflow: hidden;
}

.nowrap {
    white-space: nowrap;
}

nav {
	box-shadow: none;
	margin: 0px auto 0px auto;
	width: 1024px;
	height: 46px;
	background: #304060;
	border-radius: 0px;
	overflow: hidden;
}

.logo {
	float: left;
	position: relative;
	width: 168px;
	height: 42px;
	padding: 7px 20px;
	pointer-events: none;
}

.by_coiq {
	position:absolute;
	pointer-events:none;
	color: rgba(255, 255, 255, 0.4);
	letter-spacing: 0.4px; 
	text-transform: none; 
	margin: 39.5px 0px 0px 35px;
	font-size: 11px;
}

.header_img {
	float: right;
	cursor:pointer;
	height: 20px;
	width: 20px;
	margin: 5px 60px 0px 0px;
	transform: scale(0.40);
}

.header_img div {
	box-shadow: 0px 0px 1px 3px  rgba(255, 255, 255, 0.3);;
}

.cockpit_overlay {
	position: absolute;
	width: 150px;
	opacity: 0;
	height: 35px;
	padding: 21px 20px 0px 70px;
	background: #304060;
	cursor: pointer;
	color: #00ff00 !important;
	font-size: 15px !important;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase !important;
	z-index: 99;
	transition: opacity 300ms ease;
}

.cockpit_overlay:hover  {
	opacity: 1;
}

.logosvg {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='168px' height='42px' viewBox='0 0 168 42' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- --%3E%3Ctitle%3E2021logo%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='2021logo'%3E%3Crect id='Rectangle' x='0' y='0' width='168' height='42'%3E%3C/rect%3E%3Cpath d='M16,29 L16,16 L20,16 L20,29 L16,29 Z M23,29.0000124 L23,16.0141854 L26.2214765,16.0141854 L26.4899329,17.6635949 L26.5973154,17.6635949 C27.1700252,17.1399702 27.7964172,16.6818055 28.4765101,16.289087 C29.156603,15.8963685 29.9530156,15.7000122 30.8657718,15.7000122 C32.3154435,15.7000122 33.3668871,16.1625404 34.0201342,17.0876107 C34.6733813,18.0126809 35,19.2955421 35,20.9362328 L35,29.0000124 L31.0536913,29.0000124 L31.0536913,21.4336737 C31.0536913,20.4911493 30.9239387,19.8453552 30.6644295,19.4962721 C30.4049204,19.147189 29.9888172,18.97265 29.4161074,18.97265 C28.9149863,18.97265 28.4854604,19.0817369 28.1275168,19.2999138 C27.7695732,19.5180908 27.3758411,19.8278974 26.9463087,20.229343 L26.9463087,29.0000124 L23,29.0000124 Z M39.0017363,29 L39.0017363,18.8471248 L37.2000122,18.8471248 L37.2000122,15.9424965 L39.0017363,15.8092567 L39.0017363,15.0897616 C39.0017363,14.396911 39.0881818,13.7396011 39.2610754,13.1178121 C39.433969,12.4960231 39.7206041,11.9541865 40.1209892,11.4922861 C40.5213744,11.0303857 41.0400473,10.6662005 41.6770237,10.3997195 C42.3140001,10.1332385 43.0874598,10 43.997426,10 C44.5616051,10 45.0757283,10.0532954 45.5398111,10.1598878 C46.0038938,10.2664802 46.3906237,10.373071 46.7000122,10.4796634 L45.9629432,13.3576438 C45.4533621,13.1799898 44.9892863,13.0911641 44.5707019,13.0911641 C44.0793201,13.0911641 43.69714,13.2377264 43.4241501,13.5308555 C43.1511603,13.8239846 43.0146674,14.3080845 43.0146674,14.9831697 L43.0146674,15.7826087 L45.4442651,15.7826087 L45.4442651,18.8471248 L43.0146674,18.8471248 L43.0146674,29 L39.0017363,29 Z M53.565625,29.0923438 C52.7431209,29.0923438 51.9468788,28.9392203 51.176875,28.6329688 C50.4068711,28.3267172 49.7287529,27.8848466 49.1425,27.3073438 C48.5562471,26.7298409 48.0881267,26.016723 47.738125,25.1679688 C47.3881232,24.3192145 47.213125,23.3523492 47.213125,22.2673438 C47.213125,21.1823383 47.3881232,20.215473 47.738125,19.3667188 C48.0881267,18.5179645 48.5562471,17.8048466 49.1425,17.2273438 C49.7287529,16.6498409 50.4068711,16.2079703 51.176875,15.9017188 C51.9468788,15.5954672 52.7431209,15.4423438 53.565625,15.4423438 C54.3881291,15.4423438 55.1799962,15.5954672 55.94125,15.9017188 C56.7025038,16.2079703 57.3762471,16.6498409 57.9625,17.2273438 C58.5487529,17.8048466 59.0168732,18.5179645 59.366875,19.3667188 C59.7168767,20.215473 59.891875,21.1823383 59.891875,22.2673438 C59.891875,23.3523492 59.7168767,24.3192145 59.366875,25.1679688 C59.0168732,26.016723 58.5487529,26.7298409 57.9625,27.3073438 C57.3762471,27.8848466 56.7025038,28.3267172 55.94125,28.6329688 C55.1799962,28.9392203 54.3881291,29.0923438 53.565625,29.0923438 Z M53.565625,25.9685937 C54.3531289,25.9685937 54.948123,25.6360971 55.350625,24.9710937 C55.753127,24.3060904 55.954375,23.4048494 55.954375,22.2673437 C55.954375,21.1298381 55.753127,20.2285971 55.350625,19.5635937 C54.948123,18.8985904 54.3531289,18.5660937 53.565625,18.5660937 C52.760621,18.5660937 52.161252,18.8985904 51.7675,19.5635937 C51.373748,20.2285971 51.176875,21.1298381 51.176875,22.2673437 C51.176875,23.4048494 51.373748,24.3060904 51.7675,24.9710937 C52.161252,25.6360971 52.760621,25.9685937 53.565625,25.9685937 Z M62,29 L62,15.3307087 L65.2335329,15.3307087 L65.502994,17.7283465 L65.6107784,17.7283465 C66.0958108,16.7913339 66.6796373,16.1023644 67.3622754,15.6614173 C68.0449136,15.2204702 68.7275415,15 69.4101796,15 C69.787427,15 70.0973042,15.0229656 70.3398204,15.0688976 C70.5823365,15.1148296 70.8023942,15.1837266 71,15.2755906 L70.3532934,18.7755906 C70.1017951,18.7020994 69.8682646,18.6469818 69.6526946,18.6102362 C69.4371247,18.5734906 69.1856302,18.5551181 68.8982036,18.5551181 C68.3952071,18.5551181 67.8697632,18.7388433 67.3218563,19.1062992 C66.7739494,19.4737551 66.3203611,20.1259796 65.9610778,21.0629921 L65.9610778,29 L62,29 Z M73,29 L73,15.3307087 L76.2786885,15.3307087 L76.5519126,17.0944882 L76.6612022,17.0944882 C77.225868,16.5249315 77.8269549,16.0334666 78.4644809,15.6200787 C79.1020068,15.2066908 79.8670265,15 80.7595628,15 C81.7249593,15 82.50364,15.1975046 83.0956284,15.5925197 C83.6876168,15.9875348 84.1566467,16.5524898 84.5027322,17.2874016 C85.1038281,16.6627265 85.7367908,16.1253303 86.4016393,15.6751969 C87.0664878,15.2250634 87.854276,15 88.7650273,15 C90.2222295,15 91.2923463,15.4914649 91.9754098,16.4744094 C92.6584734,17.457354 93,18.8031411 93,20.511811 L93,29 L88.9836066,29 L88.9836066,21.0354331 C88.9836066,20.0433021 88.8515496,19.3635189 88.5874317,18.996063 C88.3233138,18.6286071 87.8998208,18.4448819 87.3169399,18.4448819 C86.6429839,18.4448819 85.8688568,18.8858224 84.9945355,19.7677165 L84.9945355,29 L80.9781421,29 L80.9781421,21.0354331 C80.9781421,20.0433021 80.8460851,19.3635189 80.5819672,18.996063 C80.3178493,18.6286071 79.8943563,18.4448819 79.3114754,18.4448819 C78.6193044,18.4448819 77.8542847,18.8858224 77.0163934,19.7677165 L77.0163934,29 L73,29 Z M100.162162,29.3000002 C98.7026954,29.3000002 97.6441474,28.837472 96.9864865,27.9124017 C96.3288255,26.9873315 96,25.7044703 96,24.0637796 L96,16 L99.972973,16 L99.972973,23.5663387 C99.972973,24.5088631 100.108107,25.1546572 100.378378,25.5037403 C100.64865,25.8528234 101.072069,26.0273623 101.648649,26.0273623 C102.153156,26.0273623 102.576575,25.913912 102.918919,25.687008 C103.261263,25.460104 103.630629,25.0935722 104.027027,24.5874017 L104.027027,16 L108,16 L108,28.985827 L104.756757,28.985827 L104.459459,27.1793309 L104.378378,27.1793309 C103.801799,27.8425888 103.184688,28.3618421 102.527027,28.7371065 C101.869366,29.1123708 101.081086,29.3000002 100.162162,29.3000002 Z M111,29.0000124 L111,16.0141854 L114.221477,16.0141854 L114.489933,17.6635949 L114.597315,17.6635949 C115.170025,17.1399702 115.796417,16.6818055 116.47651,16.289087 C117.156603,15.8963685 117.953016,15.7000122 118.865772,15.7000122 C120.315443,15.7000122 121.366887,16.1625404 122.020134,17.0876107 C122.673381,18.0126809 123,19.2955421 123,20.9362328 L123,29.0000124 L119.053691,29.0000124 L119.053691,21.4336737 C119.053691,20.4911493 118.923939,19.8453552 118.66443,19.4962721 C118.40492,19.147189 117.988817,18.97265 117.416107,18.97265 C116.914986,18.97265 116.48546,19.0817369 116.127517,19.2999138 C115.769573,19.5180908 115.375841,19.8278974 114.946309,20.229343 L114.946309,29.0000124 L111,29.0000124 Z M126,29 L126,16 L130,16 L130,29 L126,29 Z M139.111175,29 C138.250044,29 137.515285,28.8760429 136.906877,28.628125 C136.298469,28.3802071 135.80239,28.034898 135.418625,27.5921875 C135.03486,27.149477 134.75406,26.6138052 134.576218,25.9851563 C134.398375,25.3565073 134.309456,24.6614621 134.309456,23.9 L134.309456,18.5609375 L132.4,18.5609375 L132.4,15.665625 L134.534097,15.50625 L135.011461,12 L138.437249,12 L138.437249,15.50625 L141.778797,15.50625 L141.778797,18.5609375 L138.437249,18.5609375 L138.437249,23.846875 C138.437249,24.5906287 138.601049,25.1263004 138.928653,25.4539063 C139.256258,25.7815121 139.691497,25.9453125 140.234384,25.9453125 C140.459027,25.9453125 140.688347,25.9187503 140.92235,25.865625 C141.156353,25.8124997 141.366952,25.7505212 141.554155,25.6796875 L142.2,28.521875 C141.825595,28.6281255 141.385676,28.7343745 140.880229,28.840625 C140.374783,28.9468755 139.785104,29 139.111175,29 Z M146.22495,34 C145.823875,34 145.483838,33.9782611 145.204829,33.9347826 C144.92582,33.8913041 144.655535,33.8260874 144.393964,33.7391304 L145.074044,30.8173913 C145.196111,30.8521741 145.335613,30.8869563 145.492555,30.9217391 C145.649498,30.9565219 145.797719,30.973913 145.937223,30.973913 C146.582431,30.973913 147.079408,30.8173929 147.428169,30.5043478 C147.77693,30.1913028 148.038497,29.7826112 148.212877,29.2782609 L148.395976,28.6 L143.4,16 L147.271227,16 L149.12837,21.5565217 C149.320189,22.147829 149.494567,22.747823 149.651509,23.3565217 C149.808451,23.9652204 149.97411,24.5913011 150.148491,25.2347826 L150.253119,25.2347826 C150.392623,24.6260839 150.536485,24.0130466 150.684708,23.3956522 C150.832932,22.7782578 150.985512,22.1652204 151.142455,21.5565217 L152.711871,16 L156.4,16 L151.901006,29.0695652 C151.587121,29.8869606 151.260163,30.6043447 150.920121,31.2217391 C150.580079,31.8391335 150.187729,32.3521719 149.743058,32.7608696 C149.298388,33.1695673 148.792692,33.4782598 148.225956,33.6869565 C147.659219,33.8956532 146.992224,34 146.22495,34 Z' id='informunity' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M18,17 C20.7614237,17 23,14.7614237 23,12 C23,9.23857625 20.7614237,7 18,7 C15.2385763,7 13,9.23857625 13,12 C13,14.7614237 15.2385763,17 18,17 Z' id='greendark' fill='%23304060'%3E%3C/path%3E%3Cpath d='M18,15 C19.6568542,15 21,13.6568542 21,12 C21,10.3431458 19.6568542,9 18,9 C16.3431458,9 15,10.3431458 15,12 C15,13.6568542 16.3431458,15 18,15 Z' id='greenwhite' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M18,14 C19.1045695,14 20,13.1045695 20,12 C20,10.8954305 19.1045695,10 18,10 C16.8954305,10 16,10.8954305 16,12 C16,13.1045695 16.8954305,14 18,14 Z' id='green' fill='%2360D060'%3E%3C/path%3E%3Cpath d='M128,17 C130.761424,17 133,14.7614237 133,12 C133,9.23857625 130.761424,7 128,7 C125.238576,7 123,9.23857625 123,12 C123,14.7614237 125.238576,17 128,17 Z' id='reddark' fill='%23304060'%3E%3C/path%3E%3Cpath d='M128,15 C129.656854,15 131,13.6568542 131,12 C131,10.3431458 129.656854,9 128,9 C126.343146,9 125,10.3431458 125,12 C125,13.6568542 126.343146,15 128,15 Z' id='redwhite' fill='%23FFFFFF'%3E%3C/path%3E%3Cpath d='M128,14 C129.104569,14 130,13.1045695 130,12 C130,10.8954305 129.104569,10 128,10 C126.895431,10 126,10.8954305 126,12 C126,13.1045695 126.895431,14 128,14 Z' id='red' fill='%23FF6060'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-size: 168px;
	width: 168px;
	height: 42px;
	display: block;
}

.red_logo_dot, .green_logo_dot {
	height: 4px;
	width: 4px;
	border-radius: 4px;
	border: 1px solid white;
	position: absolute;
	opacity: 0;
	animation: logodot_expand2 1.2s ease-in-out;
}

.green_logo_dot {
	background-color: #60d060;
	left: 35px;
	top: 16px;
}

.red_logo_dot {
	background-color: #ff6060;
	left: 145px;
	top: 16px;
	animation-delay: 0.7s;
}

@keyframes logodot_expand2 { 0% {transform: scale(1); opacity: 0;} 50% {transform: scale(1.6); opacity: 1;} 100% {transform: scale(1);opacity: 0;}}

.main_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  float: left;
  display: flex;
  width: 784px;
}

.main_menu li {
    flex: 1 1 auto;
	list-style: none;
	border-left: 1px solid #3e557f;
	height: 56px;
	text-align: center;
	}


.main_menu a {
  	font-weight: bold;
	line-height: 58px;
	display: block;
	color: #fff;
}

.main_menu li:hover {
	background: linear-gradient(180deg, #304060 0%, #394b72 50%, #304060 100%);
  	border-radius: 4px;
}

.main_menu .selected_tab_main_menu {
	color: #fff !important;
  	border-radius: 4px !important;
	background: linear-gradient(180deg, #304060 0%, #192233 50%, #304060 100%) !important;
	text-shadow: none !important;
}



.main_menu a {
  	font-weight: bold;
	line-height: 14px;
	font-size: 15px;
	letter-spacing: 1px;
	display: block;
	transition: 0.4s linear;
}

.main_menu li:hover {
	background: none !important;
	text-shadow: none !important;
  	border-radius: unset;
}

.main_menu a:hover {
  	color: #00ff00 !important;
}

.main_menu .selected_tab_main_menu, a.main_menu .selected_tab_main_menu  {
  	border-radius: 4px !important;
	background: none !important;
	text-shadow: none !important;
	border-bottom: 2px solid #00ff00;
	border-radius: 0px !important;
}


.main_menu ul {
	width: 580px;
	margin-left: 25px;
	transition: 0.6s ease;
}

.main_menu li {
    flex: 1 1 auto;
	list-style: none;
	border-left: none;
	height: 17px;
	margin: 22px 25px 0px 25px;
	text-align: center;
	}

.message_notification {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: red;
      display: grid;
    place-content: center;	
    margin-left: 10px;
	margin-top: -3px;
	pointer-events: none;
	text-align: center;
	animation: message_notification_anim 3.2s ease-in-out;
}

.new_message_text {
	pointer-events: none;
	position: absolute;
	float: left; 
	z-index: 101;
	top: -5px;
	margin-left: -5px;
	color: white;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0px;
	font-size: 15px;
	text-transform: uppercase;
	animation: message_notification_anim2 3.2s ease-in-out forwards;
}

.no_new_message_notification_anim {
	animation: none;
}

@keyframes message_notification_anim {
	0% {transform: scale(1); opacity: 0;color: red;border: 1px solid rgba(0, 0, 0, 0.0);}
	50% {transform: scale(7); opacity: 1;color: white;border: 1px solid rgba(0, 0, 0, 0.0);}
	99% {transform: scale(1); opacity: 0.8; color: red;border: 1px solid rgba(0, 0, 0, 0.2);}
	100% {transform: scale(1); opacity: 0.8; color: red; border: 1px solid rgba(0, 0, 0, 0.5);}
	}

@keyframes message_notification_anim2 {
	0% {transform: scale(0); }
	50% {transform: scale(1); }
	100% {transform: scale(0);}
	}

table.data_table {
	width: 100%;
	border-collapse: collapse;
}

table.data_table td {
	background-color: #fff;
	color: #000;
	height: 23px;
	line-height: 23px;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: middle;
}

.thead {
	background: #ffffff !important;
	color: #707070 !important;
}

table.data_table th {
	background-color: #fff;
	color: #707070;
	height: 22px;
	font-weight: normal;
	border-bottom: 1px solid #eaeaea;
}

.plain_table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px 0px;
	border: none;
	padding: 0;
}

.plain_table td {
	padding: 0;
}

.table_row_separator {
	background: linear-gradient(180deg, #ccc 0%, #f8f8f8 25%, #f8f8f8 100%);
	line-height: 0px !important;
	padding: 0px !important;
	height: 4px !important;
}

.table_row_announcement {
	text-align: center;
	color: #707070 !important;
	background: -moz-linear-gradient(to top, #f8f8f8 0%, #f2f2f2 100%) !important;
	background: -ms-linear-gradient(to top, #f8f8f8 0%, #f2f2f2 100%) !important;
	background: -webkit-linear-gradient(to top, #f8f8f8 0%, #f2f2f2 100%) !important;
	background: linear-gradient(to top, #f8f8f8 0%, #f2f2f2 100%) !important;
}



.selector_table {
	width: 100%;
	table-layout: fixed;
	border-collapse:collapse;
	border: 0px;
}

.tlf {
	table-layout: fixed;
}

.selector_table td {
	padding: 0px;
}

table.perf_select {
	border-collapse:collapse;
	display: inline-table;
	margin: 5px;
}

.perf_select td, .perf_select span {
	text-align: center;
	font-size: 11px;
	padding: 2px;
}

.perf_select input, .perf_select eel {
	vertical-align: middle;
	cursor: pointer;
	padding-top: 2px;
}


table.stock_data_table {
	width: 100%;
	background: #eaeaea;
	border-collapse: separate;
	border-spacing: 0px 1px;
	width: 189px;
	float: left;
	margin: 0px 0px 10px 12px;
}

table.stock_data_table td {
	background-color: #ffffff;
	color: rgb(0,0,0);
	padding: 0px;
}

.stock_data_table .right {
	padding-right: 6px !important;
}input, textarea {
    padding: 0px 6px;
    outline: 0;
}

input:-webkit-autofill {
    background-color: transparent !important;
    -webkit-box-shadow: 0 0 0 50px white inset;
}

input, .drop_down, .drop_down select
   {
       border-radius: 8px;
       padding: 6px 15px 6px 10px;
       border: 1px solid #b0b0b0;
   }

input, .drop_down_thin, .drop_down_thin select
   {
       border-radius: 8px;
       padding: 3px 10px;
       border: 1px solid #b0b0b0;
   }

.inputsmall input
  {
      border-radius: 3px;
      padding: 2px 6px;
  }

select
{
	background-color: white;
  	-webkit-appearance: none;
  	-moz-appearance: none;
  	appearance: none;
	border:none;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAKCAYAAACuaZ5oAAAABGdBTUEAALGPC/xhBQAAAV1JREFUKBWdkT9Lw2AQxptEB90yCM4ZnQwpmQVRKjh0EHFySzI4+gn8BG6G0sFFhDqJkyiCiwiaBKe4dBILgn9AlG6m/k6TkEIbogeX997nnnvucq/meV6nXq8nYRje1yqa67pNanYMwziJ4/irrEwdDAbreMdxnI0yYpZLeUdSp+v6YYaPO1USfXxCUZQD/mZzHFFwyQuPcBLvE/uCl5maJEkDwgeuMdU+EzqjCgSXvPCEL3WtVutiFLeIaVEUPbDPS8A1fIqpVi3LeuFNbjMiO98C3+Muf/xO3Gi321dZvuyUaWqIPZqmeU6hNJnGV2jyCX6N+Db3XVzB35h8CfEb4komRbmxhXmanAHMpOApp6xQ7JkVLSN+93ut9h1qICU85BxCstvZgsQTjRfZeVzAKoWy0yETEU3TFgB7aaIn9/+IS/3PG6RC+REEwatt28f8iYl40/f9bp78Y/AN/pqBtHN1IVEAAAAASUVORK5CYII=);
	background-size: 12px 5px;
	background-position: right;
	background-repeat: no-repeat;
}

optgroup, option
{
	color: #000;
	text-shadow: none;
}

.inputSignIn input {
	width: 240px;
	height: 30px;
}

.inputSignIn select {
	height: 38px; 
}

.input_error, .input_error span, .inputError
{
    border-color: #e00000;
    background-color: #ffcccc !important;
}

.drop_down:hover, input:focus
{
    border-color: #888 !important;
}
   
.pwinput
{
	margin-left: 19px;
	width: 200px !important;
	float: left;
	border-right: none;
	border-radius: 8px 0px 0px 8px;
}
   
.eyeOpen
{
	border-top: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	border-radius: 0px 8px 8px 0px;
	width: 20px;
	height: 36px;
	padding: 0px 10px 0px 10px;
	display: inline-block;
	float: left;
	cursor: pointer;
	background-position: center;
	background-size: 20px;
	background-color: #f2f2f2;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1.4em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 1792 1280"%3E%3Cpath fill="%23b0b0b0" d="M1664 704q-152-236-381-353q61 104 61 225q0 185-131.5 316.5T896 1024T579.5 892.5T448 576q0-121 61-225q-229 117-381 353q133 205 333.5 326.5T896 1152t434.5-121.5T1664 704zM944 320q0-20-14-34t-34-14q-125 0-214.5 89.5T592 576q0 20 14 34t34 14t34-14t14-34q0-86 61-147t147-61q20 0 34-14t14-34zm848 384q0 34-20 69q-140 230-376.5 368.5T896 1280t-499.5-139T20 773Q0 738 0 704t20-69q140-229 376.5-368T896 128t499.5 139T1772 635q20 35 20 69z"%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
}

/*
::-webkit-credentials-auto-fill-button {
    visibility: hidden;
    position: absolute;
    right: 0;
}
*/
body , html, div, p, h1, h2, h3, span, a, table, td, form, img, input, label, select, button, textarea {
	font-family:  "Roboto", -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;
	font-size: 13px;
	color: #000000;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main_menu a, .cfont, .cfontlarge, .headline, .black_white, a.blue_button, a.orange_button, a.green_button, .subbut, .footer a, .dropbtn, .cockpit_overlay,
.tabs a, #sub_menu a, .percent_picker a, .percent_picker_condensed a , a.selected_tab, a.selected_tab:hover, .tabs span, .percent_picker span, .percent_picker_condensed span,
.investor_pfoverview th
{
	font-family: "Source Sans Pro", -apple-system, "Segoe UI", "Helvetica Neue", sans-serif !important;
    font-weight: bold;
}

.super 		{	font-size: 20px;}

.big 		{ 	font-size: 18px;}

.small 		{	font-size: 11px;}

.vsmall 	{	font-size: 10px;}

.bold 		{	font-weight: bold;}

.regular 	{	font-weight: normal;}

.large 		{	font-size: 18px;}

.medium2 	{	font-size: 16px;}

.smallfont 	{	font-size: 12px;}

.medium2lh 	{
	font-size: 16px;
	line-height: 24px;
}

.medium 	{	line-height: 16px;}

.med 		{	line-height: 13px !important;}

.uline 		{text-decoration: underline !important;}

h1, h2, .headline {
	margin: 0px;
	font-size: 14px;
	padding: 10px 0px 6px 0px;
	color: #000000;
	text-align: center;
}

.cfont, .cfontlarge, .main_menu, .headline, .black_white {
	font-size: 13px !important;
	color: #304060;
	letter-spacing: 1px;
	font-weight: bold;
	text-transform: uppercase !important;
}


.floatl { 	float: left !important; }

.floatr { 	float: right !important;}

.clearl { 	clear: left;}

.posabs { 	position: absolute;}

.centered {
	text-align: center;
	}

.right {
	text-align: right;
	padding-right: 6px !important;
	}

.left {
	text-align: left;
	padding-left: 6px !important;
	}

.right4 {
	text-align: right;
	padding-right: 4px !important;
	}

.left4 {
	text-align: left;
	padding-left: 4px !important;
	}

.moreleft {
	text-align: left;
	padding-left: 16px !important;
	}

.moreright {
	text-align: right;
	padding-right: 16px !important;
	}

.justified {
	text-align: justify;
	}

.no_overflow {
  overflow:hidden;
  }

label { 	vertical-align: baseline; }

.labelmail {
	vertical-align: baseline;
	height: 28px;
	display: inline-block;
	width: 60px;
	text-align: right;
	 }

.block {	display: block !important; }
.inline_block {	display: inline-block !important; }

.pp_align {	padding: 10px 10px 0px 4px !important; }

.va_mid {	vertical-align: middle !important; }

.va_top {	vertical-align: top; }

.va_bot {	vertical-align: bottom; }

.lh16 {line-height: 16px !important;}
.lh18 {line-height: 18px !important;}
.lh28 {line-height: 28px !important;}

.w50p { width: 137px !important;}

.w5 {	width: 5px;}
.w8 {	width: 8px;}
.w16 {	width: 16px;}
.w25 {	width: 25px;}
.w30 {	width: 30px;}
.w35 {	width: 35px;}
.w40 {	width: 40px;}
.w45 {	width: 45px;}
.w50 {	width: 50px;}
.w55 {	width: 55px;}
.w60 {	width: 60px;}
.w66 {	width: 66px;}
.w70 {  width: 70px;}
.w75 {	width: 75px;}
.w90 {	width: 90px;}
.w100 {	width: 100px;}
.w110 {	width: 110px;}
.w120 {	width: 120px;}
.w132 {	width: 132px;}
.w135 { width: 135px; }
.w136 { width: 136px; }
.w140 {	width: 140px;}
.w150 {	width: 150px;}
.w158 {	width: 158px;}
.w160 { width: 160px;}
.w162 { width: 162px;}
.w164 {	width: 164px;}
.w167 { width: 167px;}
.w180 {	width: 180px;}
.w190 {	width: 190px;}
.w192 {	width: 192px;}
.w200 {	width: 200px;}
.w220 {	width: 220px;}
.w248 {	width: 248px;}
.w250 {	width: 250px;}
.w280 {	width: 280px;}
.w299 {	width: 299px;}
.w300 {	width: 300px;}
.w320 {	width: 320px;}
.w340 {	width: 340px;}
.w460 { width: 450px;}
.w449 {	width: 449px;}
.w596 {	width: 596px;}
.w608 {	width: 608px;}
.w612 {	width: 612px;}
.w700 {	width: 650px;}
.w100p { width: 100%;}


.h5 {	height: 5px;}
.h10 {	height: 10px;}
.h20 {	height: 20px;}
.h26 {	height: 26px;}
.h28 {	height: 28px;}
.h30 {	height: 30px;}
.h35 {	height: 35px;}
.h40 {	height: 40px;}
.h50 {	height: 50px;}
.h75 {	height: 75px;}
.h115 {	height: 115px;}
.h150 {	height: 150px;}
.h250 {	height: 250px;}
.h475 {	height: 475px;}
.h100p {height: 100% !important;}

.pad0 { padding: 0px !important;}
.pad1 {	padding: 1px !important;}
.pad2 {	padding: 2px !important;}
.pad3 { padding: 3px !important; }
.pad4 {	padding: 1px 4px;}
.pad6 {	padding: 6px !important;}
.pad10 {padding: 10px !important;}
.pad15 {padding: 15px !important;}
.pad25 {padding: 25px !important;}
.pad40 {padding: 40px;}

.padr6 {padding-right: 6px !important;}
.padr10 {padding-right: 10px !important;}
.padr16 {padding-right: 16px !important;}
.padr20 {padding-right: 20px !important;}
.padr30 {padding-right: 30px !important;}

.padl2 {padding-left: 2px !important;}
.padl6 {padding-left: 6px !important;}
.padl10 {padding-left: 10px !important;}
.padl16 {padding-left: 16px !important;}
.padl20 {padding-left: 20px !important;}
.padl25 {padding-left: 25px !important;}

.padt6 {padding-top: 6px !important;}
.padt10 {padding-top: 10px !important;}
.padt15 {padding-top: 15px !important;}
.padt25 {padding-top: 25px !important;}
.padb10 {padding-bottom: 10px !important;}

.padb10 {padding-bottom: 10px !important;}

.padv3 {padding: 3px 0px !important;}
.padv6 {padding: 6px 0px !important;}
.padv10 {padding: 10px 0px !important;}
.padv15 {padding: 15px 0px !important;}

.padh3 {padding: 0px 3px !important;}
.padh6 {padding: 0px 6px !important;}
.padh10 {padding: 0px 10px !important;}
.padh15 {padding: 0px 15px !important;}


.pad6_0 {	padding: 6px 0px;}
.pad1_6 {padding: 1px 6px;}
.pad0_6 {padding: 0px 6px;}
.pad3_1 {padding: 3px 1px !important;}
.pad2_6 {padding: 2px 6px;}
.pad6_1 {padding: 6px 1px;}
.pad2_8 {padding: 2px 8px;}

.pad2_3 {
	padding: 0px 3px !important;
	margin: 1px 1px 1px 5px !important;
}

.mar0auto {	margin: 0px auto;}
.mar10auto {	margin: 10px auto !important;}
.mar3 {	margin: 3px;}
.mar6 {	margin: 6px;}
.mar10 {margin: 10px}
.marh15 {margin: 0px 15px;}
.marh6 {margin: 0px 6px;}
.mar25 {margin: 25px;}
.mar15 {margin: 15px;}
.marl6 {margin-left: 6px;}
.marv3 {margin: 6px 0px;}
.marv6 {margin: 3px 0px;}
.marl15 {margin-left: 15px;}
.marl80 {margin-left: 80px;}
.mart6 {margin-top: 6px;}
.mart10 {margin-top: 10px !important;}
.mart20 {margin-top: 20px;}

.reg_mar {margin: 14px 0px;}
.padpp {padding: 5px 5px 5px 5px;}

.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.data {
	color: rgb(0,0,0);
}

.datatablelines {
	background-color: #eaeaea !important;
}

.data, .bright, .vbright {
	background-color: #f8f8f8 !important;
}

.emp {	animation: emp_colorchange 4s;}

@keyframes emp_colorchange
    {
      0%   {background: white;}
      33%  {background: #ffffbb;}
      100% {background: white;}
    }

.redfont {color: #f04040 !important;}
.orangefont {color: #aa8020 !important;}
.greenfont {color: #40bb40 !important;}
.bluefont {color: #405070 !important;}

.redcolor {color: #602020 !important;}

.greencolor {color: #006000 !important;}

.lightred {color: #ff5500 !important;}

.lightgreen {color: #55aa00 !important;}

.highlight_row {background-color: #ffffb0 !important;}

.yellow {background-color: #ffff60 !important;}

.b_white {background-color: #ffffff; box-shadow: 0px 0px 1px 1px white;}

.b_blue_light {background-color: #ccddff;}

.b_blue {background-color: #a0b6eb;}

.b_iiyblue {background-color: #304060;}

.greygrad {
	background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%);
}

.greygrad2 {
	background: linear-gradient(180deg, #f4f4f4 0%, #ececec 100%);
}

.greygrad3 {
	background: linear-gradient(180deg, #f8f8f8 0%, #ffffff 100%);
}

.greygrad4 {
	background: linear-gradient(180deg, #ffffff 0%, #f8f8f8 100%);
}

.subtitle {
	padding: 20px 10px 10px 10px;
	font-size: 13px;
	color: #777;
	text-align: center;
	background: linear-gradient(180deg, #ffffff 0%, #f2f2f2 30%, #f2f2f2 100%);
}


.bold 		{font-weight: bold;}

.regular 	{font-weight: normal;}

.greyback 	{background-color: #f2f2f2;}

.darkgreyback 	{background-color: #e0e0e0;}
.darkgreenback 	{background-color: #66ff66;}

.watchlist_highlight 	{background-color: #f5f7fa !important;}

.white		{color: #FFFFFF;}

.black_white		{color: #000;}

.blue 		{color: #3b5998 !important;}

.iiyblue 		{color: #304060  !important;}

.black, option 		{color: #000000 !important;}

.uline 		{text-decoration: underline !important;}

.grey, .grey div 		{color: #909090 !important;}
.grey_ni 	{color: #909090}

.darkgrey 	{color: #707070 !important;}
.lightgrey 	{color: #bbb !important;}

a:hover.darkgrey 	{color:#b00030 !important;}

.vdarkgrey 	{color: #505050 !important;}



.red 		{background: linear-gradient(to right, #ffcccc, #ff9999); box-shadow: 1px 0 2px 1px #fff inset; color: #330000 !important;}
.greyred 	{background: linear-gradient(to right, white, #ffcccc); box-shadow: 1px 0 2px 1px #fff inset; color: #660000 !important;}
.green		{background: linear-gradient(to right, #bbffbb, #66ff66); box-shadow: 1px 0 2px 1px #fff inset; color: #002200 !important;}
.greygreen 	{background: linear-gradient(to right, white, #bbffbb); box-shadow: 1px 0 2px 1px #fff inset; color: #003300 !important;}
.dot5l, .dot4l, .dot3l, .dot2l, .dot1l, .friendicon, .watchicon,
.volatilityicon, .expiredicon, .stars, .iiy_sprite , .speedometer, .sm_pointer, .bsp_icon
{
	background-image: url(images/iiysprite.png);
	background-size: 300px 200px;
}

.ppficon, .fpficon, .lpficon, .volatilityicon, .expiredicon, .friendicon, .watchicon
{
	margin-right: 2px;
	margin-top: 4px;
	height: 12px;
	width: 12px;
	display:inline-block;
	vertical-align: top;
}

.volatilityicon
{
	margin-top: 6px;
}

.expiredicon {		background-position: -20px -45px;}

.volatilityicon {	background-position: -20px -60px;}

.watchicon {		background-position: -20px -75px;}

.friendicon {		background-position: -20px -90px;}

.dot5, .dot4, .dot3, .dot2, .dot1
{
	margin-right: 2px;
	height: 6px;
	width: 6px;
	border-radius: 6px;
	display: inline-block;
	animation: dot_expand 1s ease-in-out;
}

.dot5	 {	background-color: #60d060;		border: 1px solid #52b252;	}

.dot4	 {	background-color: #80F080;		border: 1px solid #6ccc6c;	}

.dot3	 {	background-color: #c0c0c0;		border: 1px solid #a5a5a5;	}

.dot2	 {	background-color: #FFB0B0;		border: 1px solid #e09a9c;	}

.dot1	 {	background-color: #ff6060;		border: 1px solid #e05456;	}

@keyframes dot_expand { 0% {transform: scale(0.2);} 85% {transform: scale(1.1);} 100% {transform: scale(1);}}

.dot5l, .dot4l, .dot3l, .dot2l, .dot1l
{
	height: 18px; width:18px; display:inline-block;
}

.dot5l	 {	background-position: -40px 0px;		}

.dot4l	 {	background-position: -40px -20px;	}

.dot3l	 {	background-position: -40px -40px;	}

.dot2l	 {	background-position: -40px -60px;	}

.dot1l	 {	background-position: -40px -80px;	}



.dot5 {	background: #00bb00; }
.dot4 {	background: #66ff66; }
.dot3 {	background: #c0c0c0; }
.dot2 {	background: #ff9999; }
.dot1 {	background: #ff4444; }

.dot5l, .dot4l, .dot3l, .dot2l, .dot1l, .friendicon, .watchicon,
.volatilityicon, .expiredicon, .stars, .iiy_sprite , .speedometer, .sm_pointer, .bsp_icon
{
	background-image: url(images/iiysprite_new.png?v=2);
}

.dot5l, .dot4l, .dot3l, .dot2l, .dot1l
{
	height: 16px !important;
	width: 16px !important;
	border-radius: 50%;
	border: 1px solid #e8e8e8;
	background-position: unset;
}

.dot5l::after, .dot4l::after, .dot3l::after, .dot2l::after, .dot1l::after
{
	content: " \2192 ";
	font-size: 14px;
	line-height: 16px;
	text-align: center !important;
	width: 16px !important;
	height: 16px !important;
	display: block;
	font-weight: bold;
	margin: 0px !important;
}

.dot5l
{
	animation: dotl_rotate5 1s ease-in-out forwards;
	background: linear-gradient(to right, white, #66ff66);
	color: #003300 !important;
}

.dot4l
{
	animation: dotl_rotate4 1s ease-in-out forwards;
	background: linear-gradient(to right, white, #bbffbb);
	color: #005500 !important;
}

.dot3l
{
	background: linear-gradient(to right, white, #e8e8e8);
	color: #555 !important;
}

.dot2l
{
	animation: dotl_rotate2 1s ease-in-out forwards;
	color: #990000 !important;
	background: linear-gradient(to right, white, #ffcccc);
}

.dot1l
{
	animation: dotl_rotate1 1s ease-in-out forwards;
	color: #660000 !important;
	background: linear-gradient(to right, white, #ff9999);
}

@keyframes dotl_rotate5 { 0% {transform: rotate(0deg);} 100% {transform: rotate(-90deg);}}
@keyframes dotl_rotate4 { 0% {transform: rotate(0deg);} 100% {transform: rotate(-45deg);}}
@keyframes dotl_rotate2 { 0% {transform: rotate(0deg);} 100% {transform: rotate(45deg);}}
@keyframes dotl_rotate1 { 0% {transform: rotate(0deg);} 100% {transform: rotate(90deg);}}


.speedometer
{
	height: 56px; width:56px; display:inline-block;
	pointer-events:none;
}

.speed_indicator {
	font-size: 12px;
}

.speed_indicator a {
	font-size: 14px;
	font-weight: bold;
}

.sm_color 	{	background-position: -150px 0px;}

.sm_grey	{	background-position: -150px -60px;}

.sm_pointer
{
	height: 56px; width:56px; display:inline-block;
	background-position: -210px 0px;
}


.sm_r0 		{	transform: rotate(-90deg);	animation: sm_rotate_m150 2s; }
.sm_r1 		{	transform: rotate(-84deg);	animation: sm_rotate_m140 2s; }
.sm_r2 		{	transform: rotate(-78deg);	animation: sm_rotate_m130 2s; }
.sm_r3 		{	transform: rotate(-72deg);	animation: sm_rotate_m120 2s; }
.sm_r4 		{	transform: rotate(-66deg);	animation: sm_rotate_m110 2s; }
.sm_r5 		{	transform: rotate(-60deg);	animation: sm_rotate_m100 2s; }
.sm_r6 		{	transform: rotate(-54deg);	animation: sm_rotate_m90 2s; }
.sm_r7 		{	transform: rotate(-48deg);	animation: sm_rotate_m80 2s; }
.sm_r8 		{	transform: rotate(-42deg);	animation: sm_rotate_m70 2s; }
.sm_r9 		{	transform: rotate(-36deg);	animation: sm_rotate_m60 2s; }
.sm_r10 	{	transform: rotate(-30deg);	animation: sm_rotate_m50 2s; }
.sm_r11 	{	transform: rotate(-24deg);	animation: sm_rotate_m40 2s; }
.sm_r12 	{	transform: rotate(-18deg);	animation: sm_rotate_m30 2s; }
.sm_r13 	{	transform: rotate(-12deg);	animation: sm_rotate_m20 2s; }
.sm_r14 	{	transform: rotate(-6deg);	animation: sm_rotate_m10 2s; }
.sm_r15 	{ }
.sm_r30 	{	transform: rotate(90deg);	animation: sm_rotate_p150 2s; }
.sm_r29 	{	transform: rotate(84deg);	animation: sm_rotate_p140 2s; }
.sm_r28 	{	transform: rotate(78deg);	animation: sm_rotate_p130 2s; }
.sm_r27 	{	transform: rotate(72deg);	animation: sm_rotate_p120 2s; }
.sm_r26 	{	transform: rotate(66deg);	animation: sm_rotate_p110 2s; }
.sm_r25 	{	transform: rotate(60deg);	animation: sm_rotate_p100 2s; }
.sm_r24 	{	transform: rotate(54deg);	animation: sm_rotate_p90 2s; }
.sm_r23 	{	transform: rotate(48deg);	animation: sm_rotate_p80 2s; }
.sm_r22 	{	transform: rotate(42deg);	animation: sm_rotate_p70 2s; }
.sm_r21 	{	transform: rotate(36deg);	animation: sm_rotate_p60 2s; }
.sm_r20 	{	transform: rotate(30deg);	animation: sm_rotate_p50 2s; }
.sm_r19 	{	transform: rotate(24deg);	animation: sm_rotate_p40 2s; }
.sm_r18 	{	transform: rotate(18deg);	animation: sm_rotate_p30 2s; }
.sm_r17 	{	transform: rotate(12deg);	animation: sm_rotate_p20 2s; }
.sm_r16 	{	transform: rotate(6deg);	animation: sm_rotate_p10 2s; }

@keyframes sm_rotate_m150 { from {transform: rotate(0deg);} to {transform: rotate(-90deg);}}
@keyframes sm_rotate_m140 { from {transform: rotate(0deg);} to {transform: rotate(-84deg);}}
@keyframes sm_rotate_m130 { from {transform: rotate(0deg);} to {transform: rotate(-78deg);}}
@keyframes sm_rotate_m120 { from {transform: rotate(0deg);} to {transform: rotate(-72deg);}}
@keyframes sm_rotate_m110 { from {transform: rotate(0deg);} to {transform: rotate(-66deg);}}
@keyframes sm_rotate_m100 { from {transform: rotate(0deg);} to {transform: rotate(-60deg);}}
@keyframes sm_rotate_m90 { from {transform: rotate(0deg);} to {transform: rotate(-54deg);}}
@keyframes sm_rotate_m80 { from {transform: rotate(0deg);} to {transform: rotate(-48deg);}}
@keyframes sm_rotate_m70 { from {transform: rotate(0deg);} to {transform: rotate(-42deg);}}
@keyframes sm_rotate_m60 { from {transform: rotate(0deg);} to {transform: rotate(-36deg);}}
@keyframes sm_rotate_m50 { from {transform: rotate(0deg);} to {transform: rotate(-30deg);}}
@keyframes sm_rotate_m40 { from {transform: rotate(0deg);} to {transform: rotate(-24deg);}}
@keyframes sm_rotate_m30 { from {transform: rotate(0deg);} to {transform: rotate(-18deg);}}
@keyframes sm_rotate_m20 { from {transform: rotate(0deg);} to {transform: rotate(-12deg);}}
@keyframes sm_rotate_m10 { from {transform: rotate(0deg);} to {transform: rotate(-6deg);}}
@keyframes sm_rotate_p150 { from {transform: rotate(0deg);} to {transform: rotate(90deg);}}
@keyframes sm_rotate_p140 { from {transform: rotate(0deg);} to {transform: rotate(84deg);}}
@keyframes sm_rotate_p130 { from {transform: rotate(0deg);} to {transform: rotate(78deg);}}
@keyframes sm_rotate_p120 { from {transform: rotate(0deg);} to {transform: rotate(72deg);}}
@keyframes sm_rotate_p110 { from {transform: rotate(0deg);} to {transform: rotate(66deg);}}
@keyframes sm_rotate_p100 { from {transform: rotate(0deg);} to {transform: rotate(60deg);}}
@keyframes sm_rotate_p90 { from {transform: rotate(0deg);} to {transform: rotate(54deg);}}
@keyframes sm_rotate_p80 { from {transform: rotate(0deg);} to {transform: rotate(48deg);}}
@keyframes sm_rotate_p70 { from {transform: rotate(0deg);} to {transform: rotate(42deg);}}
@keyframes sm_rotate_p60 { from {transform: rotate(0deg);} to {transform: rotate(36deg);}}
@keyframes sm_rotate_p50 { from {transform: rotate(0deg);} to {transform: rotate(30deg);}}
@keyframes sm_rotate_p40 { from {transform: rotate(0deg);} to {transform: rotate(24deg);}}
@keyframes sm_rotate_p30 { from {transform: rotate(0deg);} to {transform: rotate(18deg);}}
@keyframes sm_rotate_p20 { from {transform: rotate(0deg);} to {transform: rotate(12deg);}}
@keyframes sm_rotate_p10 { from {transform: rotate(0deg);} to {transform: rotate(6deg);}}




.sm_color	{	background-position: 0px -32px;}

.sm_grey 	{	background-position: 0px 0px;}



.speed_indicator {
	text-align: center;
	vertical-align: top;
	line-height: 20px;
	padding: 2px 0px 10px 0px !important;
}

.speed_indicator a {
	font-size: 14px;
	font-weight: bold;
}


.speed_indicator_empty {
	line-height: 14px;
	margin: 1px auto;
	background-image: url(images/gauges.png?v=16) !important;
	background-size: 100%;
	height: 32px;
	width: 64px;
	margin: 6px auto;
	background-repeat: no-repeat;
	border: 0px !important;
	color: #888;
	font-size: 13px;
	padding-top: 28px;
	background-position: 0px -64px;
		transform: scale(0.85);

}

.sm_pointer
{
	position: absolute; 
	right: 0px; 
	background-image: url(images/pointer_new.png?v=19b) !important;
	height: 60px;
	width:	60px;
	display: inline-block;
	background-size: 100%;
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.speedometer
{
	background-image: url(images/gauges.png?v=16) !important;
	background-size: 100%;
	height: 32px;
	width: 64px;
	background-repeat: no-repeat;
	margin: 6px 0px;
	transform: scale(0.85);
}


.green_red_flip
{
	transform: scale(0.85) scaleX(-1);
}

 button.blue_button, , a.blue_button, a.orange_button, a.green_button, .subbut {
	margin: 0px 0px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(30, 40, 50, 0.5);
	box-shadow: inset 0px 1px 1px rgba(220, 240, 255, 0.5);
	display: inline-block;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding: 4px 12px !important;
	white-space: nowrap;
    text-align: center;
	border-top: 1px solid rgba(220, 220, 220, 0.5) !important;
	border-left: 1px solid rgba(200, 200, 200, 0.5) !important;
	border-bottom: 1px solid rgba(180, 180, 180, 0.5) !important;
	border-right: 1px solid rgba(160, 160, 160, 0.5) !important;
	box-shadow: inset 0px 1px 1px rgba(220, 240, 255, 0.3);
    border-radius: 5px;
	background: linear-gradient(180deg, #6a7a9a 0%, #485878 100%);
}

a.blue_button:hover, button.blue_button:hover {
	background: linear-gradient(180deg, #7283a5 0%, #4f6184 100%);
	text-shadow: 0px 0px 2px rgba(128, 32, 16, 1);
	box-shadow: inset 0px 1px 2px rgba(220, 240, 255, 0.7);
}

a.green_button, a.orange_button {
	padding: 10px 20px !important;
	font-size: 16px;
	color: #fff;
	background: linear-gradient(180deg, #dd8800 0%, #cc5500 100%);
	background: linear-gradient(180deg, #6acc6a 0%, #509950 100%);
	box-shadow: inset 0px 1px 1px rgba(255, 240, 220, 0.5);
}

a.green_button:hover {
	background: linear-gradient(180deg, #cc7700 0%, #bb4400 100%);
	background: linear-gradient(180deg, #70d870 0%, #56a556 100%);
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 1px 2px rgba(220, 240, 255, 0.7);
}

a.orange_button {
	background: linear-gradient(180deg, #dd8800 0%, #cc5500 100%);
	box-shadow: inset 0px 1px 1px rgba(255, 240, 220, 0.5);
}

a.orange_button:hover {
	background: linear-gradient(180deg, #cc7700 0%, #bb4400 100%);
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 1px 2px rgba(220, 240, 255, 0.7);
}

.subbut
{
    height: 28px;
}


.tab_bar {
	height: 30px;
	line-height: 24px;
	background: #fff;
	color: #000;
	font-size: 14px;
	font-weight: normal;
}


#sub_menu {
	margin: 16px 1px 1px 15px;
	height: 25px;
	width: 972px;
	padding: 0px 10px;
	text-align: center;
	border-radius: 5px;
}


#sub_menu span {
	padding: 0px 10px;
	line-height: 24px;
	display: inline-block;
	height: 25px;
	font-weight: bold;
	color: #3a4861 !important;
	text-shadow: 0px 0px 2px #fff;
	background: #ffffff;
	border: 1px solid #d0d0d0;
	border-right: 1px solid rgba(200, 200, 200, 0.2);
	box-shadow: inset 2px 2px 2px rgba(200, 200, 255, 0.4);
}

#sub_menu a {
	border: 1px solid #d0d0d0;
	border-right: 1px solid rgba(200, 200, 200, 0.1);
}


.selectIntro {
	font-size: 14px;
	line-height: 28px;
	font-weight: normal;
	padding: 3px 6px;
	color: #000;
	float: left;
  }

.tabs a, a.bottombutton, span.minibutton, button.minibutton, a.minibutton, #sub_menu a, .percent_picker a, .percent_picker_condensed a, select.minibutton {
	background: linear-gradient(180deg, #fcfcfc 0%, #f4f4f4 100%);
	box-shadow: inset 2px 0px 1px rgba(222, 222, 222, 0.5) !important;
	transition: 0.3s;
}


span.minibutton, button.minibutton, a.minibutton, a.bottombutton, #sub_menu a, .percent_picker a, .percent_picker_condensed a, select.minibutton {
	font-weight: bold;
	cursor: pointer;
	height: 25px;
	line-height: 24px;
	display: inline-block;
	text-align: center;
	padding: 0px 10px;
}

a.bottombutton {
	margin: 0px 10px 10px 10px;
	width: 276px;
}

a.double_bb {
	width: 123px;
	margin: 10px 0px 10px 10px;
	}

.tabs a:hover, button.minibutton:hover, a.minibutton:hover, a.bottombutton:hover, #sub_menu a:hover, .selectChoise a:hover, .percent_picker a:hover , .percent_picker_condensed a:hover {
	box-shadow: inset 0px -1px 10px 0px rgba(0, 0, 0, 0.1) !important;
	background: linear-gradient(180deg, #fcfcff 0%, #eaeaf0 100%);
}

.tabs a {
	font-weight: bold;
	cursor: pointer;
	height: 20px;
	padding: 0px 6px;
	vertical-align: top;
	line-height: 20px;
	margin: 11px 0px 0px 2px;
	display: inline-block;
	text-align: center;
	border-top: 1px solid #e0e0e0 !important;
	border-right: 1px solid #c0c0c0 !important;
    border-left: 1px solid #e0e0e0 !important;
}

a.selected_tab, a.selected_tab:hover {
	height: 26px;
	line-height: 29px;
	font-weight: normal;
	margin: 6px 0px 0px 2px;
	color: #102040 !important;
	background: #ffffff !important;
	box-shadow: inset 1px 1px 1px rgba(60, 80, 120, 0.6) !important;
	text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.8), -1px -1px 0px rgba(255, 255, 255, 0.8) !important;
}

a.selected_tab, a.selected_tab:hover {
	font-size: 14px;
}

.round, .bottombutton,  .percent_picker a,  .percent_picker_condensed a {
	border-top: 1px solid #e8e8e8 !important;
	border-bottom: 1px solid #d0d0d0 !important;
	border-right: 1px solid #d0d0d0 !important;
}

.round, a.bottombutton {
    border-left: 1px solid #e8e8e8 !important;
    border-radius: 5px 5px 5px 5px;
}

.round:hover, .bottombutton:hover, .percent_picker a:hover , .percent_picker_condensed a:hover {
	border-top: 1px solid #d8d8d8 !important;
	border-bottom: 1px solid #c0c0c0 !important;
	border-right: 1px solid #c0c0c0 !important;
}

.round:hover {
	border-left: 1px solid #d8d8d8 !important;
}

span.disabled_minibutton {
	background: #f8f8f8;
	height: 25px;
	line-height: 24px;
	display: block;
	text-align: center;
	color: #666666 !important;
	border-left: 1px solid #e8e8e8 !important;
}

.percent_picker, .percent_picker_condensed {
	background:#fff;
	text-align: center;
	padding: 14px 0px;
}

.percent_picker_condensed {
	padding: 7px 0px;
}

.percent_picker span, .percent_picker_condensed span {
	display: inline;
	padding: 5px 10px;
	background: #ffffff;
    font-weight: bold;
	box-shadow: inset 0px 0px 3px rgba(160, 160, 160, 1);
}

.percent_picker_condensed span {
	padding: 5px 6px;
}

.percent_picker a, .percent_picker_condensed a {
	display: inline;
	padding: 4px 10px;
    font-weight: bold;
	box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.4);
}

.percent_picker_condensed a {
	padding: 4px 6px;
}

span.pp_disabled {
	background: #f8f8f8 !important;
	cursor: default;
	font-weight: normal !important;
    color: #b0b0b0;
	box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.4);
}

.percent_picker_left {
    border-radius: 5px 0px 0px 5px;
   	border-left: 1px solid #e8e8e8 !important;
}

a:hover.percent_picker_left  {
	border-left: 1px solid #d8d8d8 !important;
}

.percent_picker_right {
    border-radius: 0px 5px 5px 0px;
}





.tabs a:hover, button.minibutton:hover, a.minibutton:hover, span.minibutton:hover, a.bottombutton:hover, #sub_menu a:hover, .selectChoise a:hover, .percent_picker a:hover , .percent_picker_condensed a:hover {
	box-shadow: none !important;
	background: #f2f2f2;
	color: #b00030 !important;
}

.tabs a, a.bottombutton, a.minibutton, #sub_menu a, .percent_picker a, .percent_picker_condensed a, select.minibutton {
	box-shadow: inset 0px 0px 0px rgba(222, 222, 222, 0.5) !important;
	white-space: nowrap;
}


span.minibutton, .tabs a, a.bottombutton, button.minibutton, a.minibutton, #sub_menu a, .percent_picker a, .percent_picker_condensed a, select.minibutton {
	background: #e8e8e8 !important;
	border: 0px;
	color: #304060;
	box-shadow: none !important;
}

.round, .bottombutton {
	border: 1px solid #e8e8e8 !important;
	border: 1px solid #e8e8e8 !important;
}

.round, a.bottombutton {
    border-left: 1px solid #e8e8e8 !important;
    border-radius: 5px 5px 5px 5px;
}

.round:hover, .bottombutton:hover {
	border: 1px solid #f2f2f2 !important;
	box-shadow: none !important;
}

a.selected_tab, a.selected_tab:hover {
	background: #ffffff !important;
	box-shadow: none !important;
	text-shadow: none !important;

}

.percent_picker span, .percent_picker_condensed span {
	display: inline;
	padding: 5px 10px;
	text-transform: uppercase !important;
	background: none;
    font-weight: bold;
    border-radius: 0px;
    font-size: 13px !important;
    padding: 0px 3px;
    margin: 0px 3px;
	box-shadow: none !important;
	border-bottom: 2px solid #30dd40;
}

.tabs a, #sub_menu a, .percent_picker a, .percent_picker_condensed a {
	background: none !important;
	font-size: 13px !important;
	padding: 0px 6px;
	border: 0px !important;
	text-transform: uppercase !important;
}

.percent_picker_left, .percent_picker_right, a:hover.percent_picker_left {
    border-radius: 0px;
   	border-left: 0px !important;
   	border-right: 0px !important;
}

.tabs a:hover, .selectChoise a:hover, .percent_picker a:hover , .percent_picker_condensed a:hover {
	box-shadow: none !important;
	background-color: unset !important;
	color: #108820;
	border: none !important;
}



button.blue_button, a.blue_button, a.orange_button, a.green_button, .subbut {
	margin: 0px 0px;
	color: #ffffff;
	text-shadow: none;
	display: inline-block;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	padding: 4px 12px !important;
    text-align: center;
	border-right: none !important;
	box-shadow: none;
    border-radius: 5px;
	background: #6586cc;
	text-transform: uppercase !important;
	font-size: 13px !important;
		transition: 0.3s;
}

a.blue_button:hover, button.blue_button:hover {
	background: #5774b2;
	text-shadow: none;
	box-shadow: none;
	transition: 0.3s;
}

button.blue_button {
	font-family: "Source Sans Pro", -apple-system, "Segoe UI", "Helvetica Neue", sans-serif !important;
    font-weight: bold;
	height: 26px;
	border-radius: 8px;
	border: none;
	letter-spacing: 1px;
	background-color: #485878;
}

.subbut_grey, input[type=submit].subbut_grey, span.subbut_grey {
	width: 250px;
	margin: 0px 10px;
	color: black;
	height: 30px;
	text-shadow: none;
	display: inline-block;
	font-weight: bold;
	line-height: 18px !important;
	cursor: pointer;
	padding: 4px 12px !important;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #aaa;
	background: linear-gradient(180deg, #fcfcfc 0%, #f4f4f4 100%);
	box-shadow: inset 2px 0px 1px rgba(222, 222, 222, 0.5) !important;
	transition: 0.3s;
}

  



.thin { height: 20px !important; line-height: 19px !important;}

.fit {
    display: block !important;
}

.login_button input {
	display: none;
	border:0px;
	height: 0px;
	width: 0px;
}

.small_button {
	margin-top: 0px !important;
	height: 16px;
	width: 16px;
	display: inline-block;
}

.sb_up 		{background-position: -60px 0px;}
.sb_down	{background-position: -60px -20px;}
.sb_up_sel	{background-position: -80px 0px;}
.sb_down_sel {background-position: -80px -20px;}
.sb_info 	{background-position: -80px -60px;}
.sb_dev 	{background-position: -80px -80px;}
.sb_close	{background-position: -80px -40px;}
.sb_alert	{background-position: -60px -60px;}
.sb_right	{background-position: -60px -40px;}
.sb_plus	{background-position: -60px -80px;}
.sb_closed_col	{background-position: -100px -40px;}
.sb_checked		{background-position: -100px -60px;}
.sb_checked_col	{background-position: -100px -80px;}




/* Dropdown Button */
.dropbtn {
  color: black;
  background: none;
  padding: 2px 10px;
  border-radius: 5px;
  font-size: 13px;
  min-width: 100px;
  text-transform: uppercase !important;
  border: 2px solid rgba(39, 74 , 145, 0.2);
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  color: #274a91;
  border: 2px solid rgba(48, 221 , 64, 0.75);
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 100px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;

}

/* Links inside the dropdown */
.dropdown-content a {
  font-weight: bold;
  color: #274a91;
  padding: 12px 16px;
  text-decoration: none;white-space: nowrap;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}








.form-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.form-switch span
{
 	vertical-align: top; line-height: 25px;
}

.form-switch i {
  position: relative;
  display: inline-block;
  margin-right: .5rem;
  width: 46px;
  height: 26px;
  background-color: #e8e8e8;
  border-radius: 23px;
  vertical-align: text-bottom;
  transition: all 0.3s linear;
}

.form-switch i::before {
  content: '';
  position: absolute;
  left: 0;
  width: 42px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  transform: translate3d(2px, 2px, 0) scale3d(1, 1, 1);
  transition: all 0.25s linear;
}

.form-switch i::after {
  content: '';
  position: absolute;
  left: 0;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border-radius: 11px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.24);
  transform: translate3d(2px, 2px, 0);
  transition: all 0.2s ease-in-out;
}

.form-switch:active i::after {
  width: 28px;
  transform: translate3d(2px, 2px, 0);
}

.form-switch:active input:checked + i::after { transform: translate3d(16px, 2px, 0); }

.form-switch input { display: none; }

.form-switch input:checked + i { background-color: #6586cc; }

.form-switch input:checked + i::before { transform: translate3d(18px, 2px, 0) scale3d(0, 0, 0); }

.form-switch input:checked + i::after { transform: translate3d(22px, 2px, 0); }

.pointer {
    cursor: pointer;
}



.discrete_button
{
	border: 1px solid #e8e8e8;
	background: white;
	border-radius: 5px;
	font-size: 11px;
	color: #999;
	display: inline-block;
	cursor: pointer; 
	padding: 3px 10px;
}

.subbut
{
	cursor: pointer;
	height: 26px;
}


ª_link
{
	cursor: pointer;
	border: none;
	background: none;
	color:#274a91;
	font-weight: bold;
	font-size: 13px;
}

.quizbutton
{
	height: 25px;
	line-height: 16px;
	display: inline-block;
	text-align: center;
	padding: 3px 3px;
	cursor: pointer;
	border: none;
	color: black;
	opacity: 0.85;
	font-weight: bold;
	font-size: 13px;
	width: 95px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid rgba(0,0,0,0.05);
    transition: 0.5s ease;
}


.quizbutton:hover
{
	opacity: 1;
}

.quizbutton:active
{
	transform: scale(1.1);
}

.qb_green
{
	background: linear-gradient(to right, #bbffbb, #66ff66); 
}

.qb_red
{
	background: linear-gradient(to right, #ffcccc, #ff9999);
}

.qb_grey
{
	background: linear-gradient(180deg, #f4f4f4 0%, #e8e8e8 100%);
}

.settingsIcon {
  position: absolute;
  cursor: pointer;
  display: block;
  width: 18px;
  margin: 9px 0px 0px 294px;
  height: 18px;
  opacity: 0.3;
 background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' width='80px' height='80px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke-width='0'/%3E%3Cg stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg %3E%3Cpath d='M4,13.743l-1,.579a1,1,0,0,0-.366,1.366l1.488,2.578a1,1,0,0,0,1.366.366L6.5,18.05a1.987,1.987,0,0,1,1.986,0l.02.011a1.989,1.989,0,0,1,1,1.724V21a1,1,0,0,0,1,1h3a1,1,0,0,0,1-1V19.782a1.985,1.985,0,0,1,.995-1.721l.021-.012a1.987,1.987,0,0,1,1.986,0l1.008.582a1,1,0,0,0,1.366-.366l1.488-2.578A1,1,0,0,0,21,14.322l-1-.579a1.994,1.994,0,0,1-1-1.733v-.021a1.991,1.991,0,0,1,1-1.732l1-.579a1,1,0,0,0,.366-1.366L19.876,5.734a1,1,0,0,0-1.366-.366L17.5,5.95a1.987,1.987,0,0,1-1.986,0L15.5,5.94a1.989,1.989,0,0,1-1-1.724V3a1,1,0,0,0-1-1h-3a1,1,0,0,0-1,1V4.294A1.856,1.856,0,0,1,8.57,5.9l-.153.088a1.855,1.855,0,0,1-1.853,0L5.49,5.368a1,1,0,0,0-1.366.366L2.636,8.312A1,1,0,0,0,3,9.678l1,.579A1.994,1.994,0,0,1,5,11.99v.021A1.991,1.991,0,0,1,4,13.743ZM12,9a3,3,0,1,1-3,3A3,3,0,0,1,12,9Z'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat no-repeat;
background-position: center center;
background-size: cover; 
}

.settingsIcon:hover {
  opacity: 1;
}


.close {
  position: absolute;
  display: block;
  width: 28px;
  top: 9px;
  right: 6px;
  height: 28px;
  opacity: 0.3;
}
.close:hover {
  opacity: 1;
}
.close:before, .close:after {
  position: absolute;
  left: 14px;
  content: ' ';
  height: 19px;
  width: 2px;
  background-color: #333;
    
}
.close:before {
  transform: rotate(45deg);
}
.close:after {
  transform: rotate(-45deg);
}.problem_teaser {
  border: 2px solid #ff8888;
  border-radius: 8px;
  width: 958px;
  margin: 15px auto 5px auto;
  padding: 15px;
  font-size: 13px;
  text-align: center;
  background: linear-gradient(to right, white, #ffcccc);
  box-shadow: 1px 0 2px 1px #fff inset;
  color: #660000 !important;
}

textarea, select, input { outline: none !important; }

.error_box {
	box-shadow: 0 0 2px 2px #DD2222 inset;
    font-size: 15px;
	padding: 15px;
	background-color: #FFD9D9 !important;
	text-align: center;
}


.dev_box, .dev_box_empty {
	width: 86px;
	margin: 0px 0px 0px 10px;
	text-align: center;
	line-height: 15px;
	padding: 6px 0px;
	box-shadow: 0 0 30px 2px white inset;
	color: #707070;
}

.dev_box span {
	font-size: 14px;
	font-weight: bold;
	color: black;
}

.dev_box_tiny {
	width: 88px;
	font-weight: bold;
	margin: 0px 0px 0px 12px;
	font-size: 14px;
	text-align: center;
	line-height: 15px;
	padding: 6px 0px;
	color: #909090;
}

.dev_box_empty {
	width: 100px;
	height: 34px;
	display: inline-block;
	padding-top: 11px;
	font-weight: regular;
	font-size: 12px;
	color: #a0a0a0;
}


.separator {
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #fafafa;
	line-height:0px;
	height:0px;
	font-size:0px;
}


.border {
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	}

.border_round, .dev_box, .dev_box_empty, .ipq_info_element {
	border: 1px solid #e0e0e0;
    border-radius: 5px 5px 5px 5px;
	}

.no_border {
	border: none !important;
}


.spaceLine5 {
	height: 5px; overflow: hidden;}

.spacer
{
	width: 10px;
	height: 10px;
 	font-size: 0px;
}

.teaser_descriptor {
	padding: 6px 0px 0px 0px;
	color: #707070 !important;
	font-size: 11px;
	text-align: center;
}

.teaser_bottom {
	padding: 6px 0px 12px 0px;
	text-align: center;
}

.quickTip {
	border: none;
	position: absolute;
	display: none;
}



a.anker,
a.anker:link,
a.anker:visited,
a.anker:active,
a.anker:focus 	{text-decoration:none; }
a.anker:hover 	{text-decoration:none; color:#000000;}

a.anker {text-decoration:none; color:#000000; }

.teas_head
{
	padding: 10px 0px;
	text-align:center;
	background: #ffffff;
	font-size: 1.05em;
	border-bottom: 1px solid #d0d0d0;
}

.teas_tab
{
	background-color: #ffffff;
	text-align: center;
	padding: 6px;
}

.teas_tab td
{
	color: #000000;
	text-align: right;
	padding: 1px 6px;
}

.teas_tab td.left
{
	text-align: left;
}

.teas_tab a
{
}

.bullets {
	font-size: 13px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	list-style-position:outside;
	list-style-type:disc;
}

.bullets li {
	padding: 2px 0px;
}

.bullets_medium {
	font-size: 12px;
	padding: 0px 0px 0px 15px;
	margin: 0px;
	list-style-position:outside;
	list-style-type:disc;
}

.bullets_medium li {
	padding: 2px 0px;
}

.bullets_big {
	font-size: 0.95em;
	padding: 0px 0px 0px 15px;
	margin: 6px 0px 6px 10px;
	list-style-position:outside;
	list-style-type:disc;
}

.bullets_big li {
	padding: 1px 0px;
}


.emp_bg {
	background: #fcfc8b url(images/emphasize.png) repeat-x;
}

.emp_light {
	background: #ffffff url(images/emphasize_light.png) repeat-x;
}

.wasRead {
 	background: url(images/icons/was_read.png) no-repeat;
	background-position: right center;
 }



.ipqchart_overlay {
	display: none;
	height: 37px;
	width: 244px;
	margin-top: 4px;
	margin-left: 25px;
	line-height: 12px;
	z-index: 99;
	text-align: left;
	background: white;
	font-weight: bold;
	font-size: 12px;
	box-shadow: 0 0 3px white;
	position: relative;
}

.ipq_info_element {
	width: 110px;
	float: left;
	padding: 6px;
	margin: 3px 0px 3px 6px;
	line-height: 12px;
	text-align: center;
}

.tag_ls  {
	text-align: left;
	cursor: help !important;
}

.helpcursor {
	cursor: help !important;
}

.announcement_box {
	text-align: center;
	margin: 5px 10px;
	padding: 10px;
	border: 1px solid #ffffff;
	border-radius:5px;
	box-shadow: 0 1px 2px #c0c0c0; -webkit-box-shadow: 0 3px 3px #d0d0d0;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f0f0f0));
	background: -moz-linear-gradient(to top,  #f8f8f8,  #f0f0f0);
}

div.announcement_headline {
	font-size: 20px;
	font-weight: bold;
	padding: 0px 0px 6px 0px;
	display: block;
	color:#505050;
	text-shadow: -1px -1px 1px #eee, 1px 1px 1px #fff;
}

.bar_green {
	background-color: #60d060;
	text-align: right;
}

.bar_red {
	background-color: #ff6060;
}

.bar_middle
{
	background-color: #a0a0a0;
	width: 1px;
	height: 22px;
	display: inline-block;
	float: left;
}


.bar_red, .bar_green, .bar_red_grey, .bar_green_grey, .bar_blue_light, .bar_blue, .bar_grey, .bar_overflow_blue,  .bar_overflow_green, .bar_overflow_red  {
	float: left;
	height: 14px;
	display: inline-block;
	font-size: 9px;
	margin-top: 4px;
	line-height: 14px;
}

.bar_stacked {
	margin-top: 0px;
}

.bar_overflow_green, .bar_overflow_red, .bar_overflow_blue {
	width: 1px;
}

.bar_overflow_green {
	background-color: #60d060;
	border-left: 1px solid #fff;
}

.bar_overflow_blue {
	background-color: #8888ff;
	border-left: 1px solid #fff;
}

.bar_overflow_red {
	background-color: #ff6060;
	border-left: 1px solid #fff;
}

.bar_red_grey {
	background-color: #f26d0f;
}

.bar_green_grey {
	background-color: #83c053;
}

.bar_grey {
	background-color: #d0d0d0;
}

.bar_blue {
	background-color: #8aa8e6;
}

.bar_blue_light {
	background-color: #92aeff;
}

.bar_grow {
		animation-name: grow;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}

@keyframes grow {
  0% { width: 0; }
}



.bar_red {background: linear-gradient(to right, #ffcccc, #ff9999); }
.bar_red_reverse {background: linear-gradient(to left, #ffcccc, #ff9999); }
.bar_red_reverse_grey {background: linear-gradient(to left, #f26d0f, #f26d0f); }
.bar_green	{background: linear-gradient(to right, #bbffbb, #66ff66); }


.mininews {
	text-align: left;
	border-bottom: none;
	padding: 4px 10px;
}

.mininews a {
	white-space: nowrap;
    text-overflow: ellipsis;
    width: 296px;
    height: 16px;
    line-height: 14px;
    display: block;
    overflow: hidden;
    color: #304060;
}

.teaseHiddenRightSide
{
	animation: scroll_right 0.6s ease-in-out;
}


@keyframes scroll_right {
  from { margin-left: 0px; }
  50% { margin-left: -50px; }
  to { margin-left: 0px; }
}


.separatorBars {
    width: 300px;
    height: 10px;
    display: flex;
    flex-wrap: nowrap;
}

.sb_bar {
    height: 100%;
}
.stars {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	width: 65px;
	height: 13px;
	font-size: 10%;
	overflow: hidden;
	vertical-align: baseline;
	text-align: left;
}

.stars.off {
	background-position: -65px -120px;
}
.stars.on {
	width: 0px;
	background-position: 0px -120px;
}

.posting_list {
    height: 388px;
    overflow: hidden;
}

#mobile_main .posting_list {
    height: auto;
}

.posting_headline {
	height: 47px;
	border-bottom: 1px solid #eaeaea;
	overflow: hidden;
	line-height: 16px;
	font-size: 12px;
}

.posting_headline_left, .posting_headline_midleft, .posting_headline_midright, .posting_headline_right  {
	padding: 8px 6px;
	float: left;
	text-align: left;
}

.posting_headline_left {
	width: 120px;
}

.posting_headline_midleft {
	width: 348px;
}

.posting_headline_midright {
	width: 150px;
	background: #f8f8f8;
}


#mobile_main .posting_headline {
    height: auto;
}
#mobile_main .posting_headline td {
    height: 65px;
}

.posting_rating_box {
	width: 170px;
	float: right;
	padding: 0px;
	margin: 0px 0px 10px 10px;
	background: #f0f0f0 !important;
	text-align: left;
	border: 0px solid black;
	border-bottom-left-radius: 10px;
}

#posting_head_box {
    padding: 6px 6px;
    margin: 0 15px;
    background: #f0f0f0 !important;
    text-align: left;
    border: 0px solid black;
    border-radius: 5px 5px 5px 5px;

}
#posting_head_box span {
    margin: 0 5px;
}

#posting_head_box .error {
    border: 1px solid #aa2222;
    padding: 5px;
}
.posting_button {
    height: 20px;
    line-height: 19px;
    border-left: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #d0d0d0;
    border-right: 1px solid #d0d0d0;
    border-radius: 5px 5px 5px 5px;
    margin-top: 6px;
    padding: 2px 5px;
    display: inline-block;
}

.button {
    padding: 6px;
    border-radius: 5px 5px 5px 5px;
    margin-right: 10px;
}
.button:hover {
    font-weight: bold;
}


#mobile_main .posting_headline_public {
    font-size: 14px;
}

#mobile_main .posting_author {
    width: 95px;
    vertical-align: top;
}

.postingAward {
  text-align: center;
  box-shadow: inset 0 0 3px 1px rgba(64, 64, 64, 0.3);
  padding: 3px 6px;
  border-radius: 5px;
  color: #006633;
  line-height: 12px;
}

.paPos {
  position: absolute;
  top: 123px;
  right: 15px;
}

.paPending {
  color: #909090;
  margin-top: 1px;
  background: #f8f8f8;
  box-shadow: inset 0 0 2px 1px rgba(64, 64, 64, 0.4);
}

.paBooked {
  color: #449900;
  margin-top: 1px;
  background: #c0ffc0;
  box-shadow: inset 0 0 2px 1px rgba(64, 64, 64, 0.4);
}

.posting_comment {
    margin: 20px 10px;
}

.posting_comment_headline {
    padding: 6px;
}

.posting_comment_element {
}

#mobile_main .posting_comment_element_left {
    padding: 6px;
}

.posting_comment_element_left {
    padding: 6px;
}

.posting_comment_element_right {
    width: 110px;
    float: right;
    padding: 10px;
    background: #f8f8f8;
}

.posting_headline_member {
	height: 40px !important;
	padding: 6px 6px;
}

.posting_headline_private {
	border-top: 1px solid #eaeaea;
	background: #ffffff url(images/emphasize_light.png) repeat-x;
	text-align: left;
	}

.posting_headline_public {
	margin: 0px;
	padding: 6px 0px 10px 0px;
	font-size: 16px;
	font-weight: bold;
}

#investor_postingsX .posting_headline, #investor_postingsX .posting_headline td {
	height: 40px;
}
#investor_postingsX .posting_headline td {
	padding: 2px 6px;
}

.posting_comment_element {
    padding: 3px 3px 3px 6px;
}

.head {
    background: #f0f0f0;
    padding: 6px 6px 6px 0px;
    font-size: 14px;
}

.number {
    padding: 8px 6px 6px 0px;
}

#posting_actions_box {
    padding: 0 15px 15px 15px;
    text-align: center;
}

#posting_actions_box form {
    display: inline;
}

#posting_publish_info {
    background: #ffffbb;
    border: 1px solid #eaeaea;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding: 10px 6px;
}

#posting_rating_box {
    position: sticky;
    bottom: 0;
    border-radius: 28px 28px 0px 0px;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0.97) 20px, rgba(255,255,64,0.97) 21px, rgba(255,255,64,0.97) 100%);
    padding: 30px 0px 10px 0px;
    text-align: center;
	animation: shrink_rating_box 1.1s ease-in-out forwards;
}

@keyframes shrink_rating_box {
  from { padding-bottom: 300px; }
  to { padding-bottom: 10px; }
}

.posting_rating_box_no_anim {
     padding-bottom: 10px; 
	animation: shrink_rating_box 0s ease-in-out forwards !important;
}


.external_posting_marker {
	position: relative;
}

.external_posting_marker::before {
	content: ""; 
	position: absolute;
	display: block;
	left: 125px;
	top: 2px;
	width: 30px;
	height: 30px;
	transform: scale(0.6);
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAABZUlEQVR4nO3WQS8dYRTG8d9Wy7IURWhTPgzWWp9AXAvxadCm20YqaSrYs5BgRdMbVmxJCNVF0ZA3OZJZyL3DTCcW/sm7O3Oed86cc+bhmSdID2pYRR0X+INDLGEGnWUKdmMe17hpci7xBa+Lio7iPJL+xVeMYRAv0YJ+fMBCCKfYU/Q9VnQK/yLRQgg0I8V8x9FjhUdDNJV3WkV0Z8pbmWjiU6a8lY7MdTRSnm/aiDVsoz1PcC3eNnVvUTYj124e8ZUITuNRlPYQzSW+H4HvlMMr7ETOeqPNdtfNbU0SrufYYved7ScnvBcB71Vc6pX/1Fw/mzXXZInjtPWQcXqDq1ggAwWFNx6yQBJzcdNvKqYr093JVVTKSOa3WLl4LWMEFvE2xzMDYQSOiziQxDDOMtYn/So/YgiteBEXGo+euIrYE/QqSCdmM0kbnXS5z+hQsjOZwDJ+4XfY2wP8CLdS2F0+o2xuAT45kt+48OpRAAAAAElFTkSuQmCC);
}

.investor_postings {
	text-align: left;
	border-bottom: 1px solid #eaeaea;
	padding: 6px 6px;
	height: 12px;
	vertical-align: baseline;
}

.investor_postings a , .investor_postings div {
	line-height: 12px;
	font-size: 12px;
}
#avatar_chooser .thumb{
	background: #dddddd;
	padding: 0px;
}
#avatar_chooser .thumb img{
	height: 80px;
	width: 80px;
}
#avatar_chooser .thumb-wrap{
	float: left;
	margin: 2px;
	margin-right: 0;
	padding: 5px;
}
#avatar_chooser .thumb-wrap:hover{
	background: #66cc00;
}
#avatar_chooser .thumb-wrap span{
	display: block;
	overflow: hidden;
	text-align: center;
}

#avatarDisplay b{
	vertical-align: top;
	padding: 25px;
	display: inline-block;
	font-size: 1.5em;
}



.ilb {
	display: inline-block !important;
	float: left;
	height: 20px;
	line-height: 20px !important;
	padding: 0px;
}

.centered_div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.greybox {
	background-color: #f2f2f2;
	padding: 6px 10px;
	font-size: 14px;
}

.submit {
	font-size: 0.95em;}

.error {
  color: #aa2222;
  font-weight: bold;
  background-color: #ffd9d9 !important;
}

.x-menu-list {
	margin: 0px;
	padding:0px;
}



.data_tab img {
	vertical-align: middle;
	padding-bottom: 2px;
}

.dtmediumfont td {
	font-size: 11px;
}

.dtsmallfont td {
	font-size: 10px;
}


.content_menu {
	border-top: 1px solid #d0d0d0;
}

.content_menu div {
	padding: 0px 0px 0px 6px;
	height: 30px;
	line-height: 30px;
	background: #f8f8f8;
	border-bottom: 1px solid #d0d0d0;
	vertical-align: middle;
}

.content_menu a {
	display: block;
}

div.content_menu_selected  {
	background: #6b84c6;
	font-weight: bold;
	padding: 0px 0px 0px 6px;
	color: white;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	vertical-align: middle;
}



.isipq
{
	display: block;
	float: left;
	width: 40px;
	text-align: center;
	height: 10px;
	border-bottom: 1px solid black;
}

.istypeareas
{
	 height:20px;
	 text-align: center;
	 font-weight: bold;
	padding: 10px 0px;
	float: left;
	font-size: 13px;
	line-height: 20px;
}


 .ismemberipq
{
	 height:50px;
	 	border-radius: 50%;
	 	width: 70px;
	 	display: block;
	 	margin-top: 10px;
	border: 1px solid #bbb;
	float: left;
	 text-align: center;
	 font-weight: bold;
	padding: 20px 0px 0px 0px;
	font-size: 13px;
	line-height: 15px;
}


.alerted
{
	background: #f5d98f;
}



.nicecolorround {
	border-radius: 5px;
	box-shadow: none;
	border: none;
}


.whiteseparatorbar {
	opacity: 0.5;
	width: 1px;
	border-left: 1px solid rgba(196, 196, 196, 0.5);
}

.growsize
{
	transform: scale(0.7);
	animation: growsizeani 1s ease-in-out forwards;
}

 @keyframes growsizeani {
      0% { transform: scale(0.7); }
      80% { transform: scale(1.1);}
      100% { transform: scale(1.0); }
}

.loginRequest
{
	width: 40%;
	float: left;
	display: block;
	padding: 6px 5%;
}


.memberPicture {
	background-position: center;
	background-repeat: no-repeat;
	margin: 3px;
	border: 1px solid #fff;
	box-shadow: 0px 0px 2px #c0c0c0;
	height: 80px;
	display: block;
	width: 80px;
	border-radius: 40px;
	overflow: hidden;
	background-color: white;
	border: none;
}

.memberPictureAvatar {
	text-align: center;
	background: #c0c0c0;
	color: #606060;
	margin-top: 66px;
	opacity: 0.95;
	border: none;
	font-size: 7px;
	font-weight: bold;
	line-height: 12px;
	height: 14px;
	display: block;
	width: 80px;
}

.avatarChanged {
	background: #4c5360;
	color: #b7c6e5;
}



.guestb_entry {
    background: -moz-linear-gradient(to top, #f8f8f8 0%, #f2f2f2 100%);
    background: -webkit-linear-gradient(to top, #f8f8f8 0%, #f2f2f2 100%);
    background: -ms-linear-gradient(to top, #f8f8f8 0%, #f2f2f2 100%);
    background: linear-gradient(to top, #f8f8f8 0%, #f2f2f2 100%);
	height: 62px;
}

.guestb_text {
    background: #fff;
    padding: 7px 10px;
   	box-shadow: inset 0px 0px 3px rgba(111, 111, 111, 0.5);
    width: 776px;
    height: 30px;
    overflow:hidden;
}

.guestb_img
{
	border: 1px solid #fff;
	box-shadow: 0px 0px 2px #c0c0c0;
	height: 30px;
	width: 30px;
	border-radius: 15px;
	display: block;
	background-position:center !important;
	background-size: 115% !important;
}

.p_choise {
	float: left;
	height: 100%;
	text-align: left;
}

.p_choise select {
	width: 220px !important;
	height: 22px;
	line-height: 22px;
	vertical-align: baseline;
	padding: 0px 5px;
}

.r_choise select {
	width: 290px;
	background: #e8e8ff;
	border: none;
	font-size: 11px;
    padding: 2px 0px 2px 6px !important;
	height: 23px !important;
	line-height: 17px;
	display: block;
}

.check
{
	padding-top: 7px;
	padding-right: 5px;
}
.text
{
	padding-top: 5px;
}

.pad2_0
{
	padding: 2px 0px 0px 0px;
}

.top_scorer .ibox2_m
{
	float: none;
	margin: 5px auto 11px auto ;
}

.space5px {
	height: 5px;
	font-size: 1px;
}

.p_change {
	max-width: 190px;
	overflow: hidden;
	text-align: left;
	padding: 1px;
}

.portfolio_info
{
	border-bottom: 1px solid #d0d0d0;
	line-height: 20px;
	margin: 13px 0px 6px 0px;
}

.circlearrow
{
	border: 1px solid #d0d0d0;
	height: 36px;
	width: 36px;
	color: #808080;
	font-size: 24px;
	line-height: 36px;
	background-color: #f8f8f8;
	border-radius: 18px;
}


.adminselect{
	padding: 6px 10px !important;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px dotted grey;
	display: block;
	width: 300px;
}

.adminselect_small {
	padding: 6px 10px !important;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px dotted grey;
	display: block;
	width: 140px;
	float: left;
}


.iphone_webapp {
	width: 300px;
	height: 430px;
	overflow: hidden;
	display: block;
	background-image: url("/images/iphone-android-flat.png");
	background-size: 260%;
	background-position: -125px -45px;
	background-repeat: no-repeat;
}

.news_wrapper {
	background-color: white;
	margin-bottom: 0px;
}

.news_headline {
	border-bottom: 1px solid #d0d0d0;
	text-align: left;
	padding: 4px 0px;
	margin: 20px 0px;
}

.news_headline span {
	font-size: 13px;
	color: #666;
	line-height: 0px;
	background-color: #f2f2f2 !important;
	display: block;
	border: 1px solid #d0d0d0;
	border-radius: 3px;
	padding: 12px 10px;
	margin-left: 15px;
	background: white;
	position: absolute;
}


.investor_pfoverview
{
	padding: 10px 25px;
	text-align: center;
}

.investor_pfoverview table
{
	width: 100%;
}

.investor_pfoverview td
{
	font-size: 15px;
	text-align: center;
	padding: 5px 5px 5px 5px;
}

.investor_pfoverview th
{
	text-align: center;
	color: #304060;
}

.investor_pfoverview span
{
	font-size: 11px;
	display: inline-block;
	margin-top: 5px;
	color: #666 !important;
}



.ex_summary
{
	border-top: 1px solid #e0e0e0;
	padding: 6px;
	height: 25px;
	line-height: 25px;
	float: left;
}



.coiq_header {
	box-shadow: none;
	margin: 0px auto 0px auto;
	text-align: center;
	padding-top:16px;
	width: 100%;
	height: 50px;
	background: white;
}


.coiq_head {
	float: left;
}

@media screen and (min-width: 400px) {

	.coiq_head {
		padding: 0px 9px;
	}

	.coiq_floatelement {
		padding: 0px 5px;
	}
}

.coiq_head table {
	width: 100%;
	table-layout: fixed;
}

.coiq_head td {
	text-align: center;
	background: #f4f4f4;
	padding: 6px 0px;
	margin: 0px;

}

.coiq_head span {
	text-align: center;
	font-size: 11px;
	color: grey;
}

.coiq_floatelement {
	float: left;
	width: 320px;
	padding-top: 16px;
	background: white;
}

.coiq_main_menu
{
	width: 100%;
	padding: 15px 0px;
}


.coiq_main_menu ul {
	width: 100%;
}

.coiq_main_menu li {
	float: left;
    flex: 1 1 auto;
	list-style: none;
	border-left: none;
	width: 20%;
	display: block;
	padding: 0px 0px;
	margin: 0px 15px;
	text-align: center;
	}


.coiq_main_menu a {
  	font-weight: bold;
	line-height: 19px;
	font-size: 13px;
	color: rgba(39, 86, 201, 1);
	letter-spacing: 1px;
	display: block;
	margin: 0px 15px;
	text-transform: uppercase;
	transition: 0.4s linear;
	border-bottom: 1px solid #d0d0d0;
}

.coiq_main_menu li:hover {
	background: none !important;
	text-shadow: none !important;
  	border-radius: unset;
}

.coiq_main_menu a:hover {
  	color: #568B1E !important;
}

.coiq_mm_sel {
	border-bottom: 2px solid #6fc32d !important;
}


.coiq_by
{
	position:absolute;
	color: rgba(255, 255, 255, 0.5);
	margin: 44px 0px 0px -370.5px;
	letter-spacing: 4.15px;
	pointer-events:none;
}



.expertise_timer
{
width: 120px;
display: inline-block;
padding: 10px;
text-align: center;
height: 90px;
color: #bbb;
}

.expertise_timer span
{
font-size: 32px;
font-weight: bold;
color: #aaa;
}

.fade_in
{
	 animation: fadeIn 0.7s ease-out;
}

@keyframes fadeIn {
  0% { opacity: 0; filter: blur(2px);}
  100% { opacity: 1; filter: blur(0px);}
}



/* https://icons8.com/icons/set/thumbs-down */

.thumbs_up_bright, .thumbs_up_dark, .thumbs_down_bright, .thumbs_down_dark
{
width: 24px;
height: 24px;
background: #e8e8e8;
padding: 6px;
background-repeat: no-repeat;
background-position: 6px 6px;
margin: 0px 2px; 
border-radius: 8px;
display: none;
cursor: pointer;
vertical-align: middle;

}

.thumbs_up_bright
{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAA7UlEQVRIie3UvS4GQRTG8d8iolfp3IJK5QJoNBIqiUKhcQuiU7oGicYVvK1WoxeVl4ieQohVOG8y2az9yO4kCk9ycs6cOfN/ipkMf1R7uMR8DvguPlDiMCe8xHku+Gvko7HgOwn8BHdRr40NP8MyvvCGhaHw7QR+Gr2tWF8PhcO0Ahd12RJTbKagtgOpJh3mSzxAkRg0qWjZr2rGK6qXVAW1GbdqbiigRuuRn3IZHEe+SJt1l9nU/00reMcnVnMYzJ7wVVdQH4NFPMf8Rg6D/Zi9rdscw+AmZg+aDIbGC5b6GNxHdIE/+vkI/9VP35vGgg6LTb6OAAAAAElFTkSuQmCC");
}

.thumbs_up_bright, .thumbs_up_dark { 
  width: 54px;
  line-height: 26px;
  padding-left: 34px;
}

.thumbs_down_bright, .thumbs_down_dark { 
  width: 24px;
  background-position: center;
}

.thumbs_up_dark
{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAAxUlEQVRIie3UMWqCQRDF8Z9ikWPkBJILeAADkiYQj5Aj5ByWlpbewoi1d4hJ4QGsEthUwvDhYj79BlL4YIp9u/wfwzDLP9UQE/Qz4FN8o+Cta/hLgBfMu4Q/N+AFr5nwgodM+AGDa+FPFXjB6lo47Crwc7XDOII24XId/Evgx/qAXgBF1fy26qVsYlRmwFd2wCIemgOq+X+tH9xnBiyb7XQdMMoM2EZwxpBnp8xaB22/ij3uTgWsw6P34I9bhHzisVWvN8EvDBOuTHhT5iYAAAAASUVORK5CYII=");
}

.thumbs_down_bright
{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAA60lEQVRIid3Ur05DMRTH8Q9/QvAoHM+AwfECExiSYTAkQHgLcEheAsUTICencQvuQhY8CAJhiB2SMnahl7Rmv+SX3vac0+9pml4WRZMW34fb4qkf0esK6OonrP8GyF2fp2HkHtUCHEbuXS3AGsaRv1sDAOeRf1MLsIlXvGMLljsU52hs2v0KTtNAqRPATtQ81AJ8q1udEyiq/9zBrb9fNDQpYKnFTcQvEsAwo4kGJznd7uEtuvqC9GI+yNkgR/sJ5BIb+MCLn3dYDDKK7+1SAOgnkOcYz0oCZiETXJUGzEKOawDgANem/5wF1yccZHp+5sBdFwAAAABJRU5ErkJggg==");
}

.thumbs_down_dark
{
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAAs0lEQVRIid2SMQ6CQBAA55DK0hf4BT7gJ7SQxJ74Ed9BYyWf8A18Q0sbITkqhJA78JJdQphkm7vszu3twlqwg/CdT8VNW/AGtv3CUXCv4+yA1HUh1YEFSsBoCixw0BY8tAU1sAf5IbdsgEyzAwu8oJt2v+jYeShG64t+zCYwg2iptR9wBL64h/iUkpw8kg8QS0oqhySREvgkV0mBS5JPJYSuaQFc6LarCsz/mzNwR3DIy6UB7+iiFaD4YgEAAAAASUVORK5CYII=");
}

.thumbs_show
{
display: inline-block;
}

.iframe_resp  {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; 
}

.iframe_resp iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

 .iframe-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
  }#survey {
    padding: 5px;
}

#survey .survey-intro {
    text-align: left;
    padding: 15px 10px;
    font-size: 14px;
}

#survey .question-box {
    border-top: 1px dotted #d0d0d0;
    padding: 10px 10px 10px 10px;
}

#survey .question {
    padding: 6px 0px 6px 0px;
    font-size: 14px;
}


#survey .input-line {
    display: flex;
    flex-direction: row;
    padding-top: 5px;
}
#survey .question-box input {
	flex-grow: 0;
	flex-shrink: 0;
   }

#survey .question-box label {
	text-align: left;
	margin-left: 6px;
	margin-top: 2px;
   }


#survey .text_box {
	vertical-align: top;
	height: 90px;
	padding: 10px;
	line-height: 18px;
	border-radius: 6px;
	width: 95% !important;
	border-color: #304060;
}
#survey textarea {
    display: block;
}

#survey .error {
    padding: 10px;
}

#survey #buttons {
    text-align: center;
}

#survey #buttons input {
    margin: 0px 6px;
}

#survey-teaser .teaser {
    padding: 10px;
    text-align: center;
}

#survey-teaser .double_bb {
    width: 90px;
    padding: 0;
}

/*! jQuery UI - v1.13.0 - 2021-11-23
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, button.css, controlgroup.css, checkboxradio.css, dialog.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)"; /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-button {
    padding: .4em 1em;
    display: inline-block;
    position: relative;
    line-height: normal;
    margin-right: .1em;
    cursor: pointer;
    vertical-align: middle;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* Support: IE <= 11 */
    overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
    text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
    width: 2em;
    box-sizing: border-box;
    text-indent: -9999px;
    white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
    text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
    padding: 0;
    width: 2.1em;
    height: 2.1em;
    text-indent: -9999px;
    white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
    width: auto;
    height: auto;
    text-indent: 0;
    white-space: normal;
    padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.ui-controlgroup {
    vertical-align: middle;
    display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
    float: left;
    margin-left: 0;
    margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
    z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
    display: block;
    float: none;
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
    box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
    padding: .4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
    font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
    border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
    border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
    border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
    border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

    /* Support: IE8 only, Android < 4.4 only */
    width: 75%;
    width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
    border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
    box-shadow: inset 1px 1px 1px #ccc;
    border-radius: .12em;
    border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
    width: 16px;
    height: 16px;
    border-radius: 1em;
    overflow: visible;
    border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
    background-image: none;
    width: 8px;
    height: 8px;
    border-width: 4px;
    border-style: solid;
}

.ui-checkboxradio-disabled {
    pointer-events: none;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #eaeaea;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}
/* (hh)
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
 */
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0;
    background: none;
    overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: left;
    border-width: 1px 0 0 0;
    background-image: none;
    margin-top: .5em;
    padding: .3em 1em .5em .4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em 0;
    cursor: pointer;
}

.ui-dialog .ui-resizable-n {
    height: 2px;
    top: 0;
}

.ui-dialog .ui-resizable-e {
    width: 2px;
    right: 0;
}

.ui-dialog .ui-resizable-s {
    height: 2px;
    bottom: 0;
}

.ui-dialog .ui-resizable-w {
    width: 2px;
    left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
    width: 7px;
    height: 7px;
}

.ui-dialog .ui-resizable-se {
    right: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-sw {
    left: 0;
    bottom: 0;
}

.ui-dialog .ui-resizable-ne {
    right: 0;
    top: 0;
}

.ui-dialog .ui-resizable-nw {
    left: 0;
    top: 0;
}

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
}

body .ui-tooltip {
    border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #ffffff;
    color: #333333;
}

/* (HH)
-this was removed completely to keep blue link color
.ui-widget-content a {
    color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}
*/
.ui-widget-header {
    border: 1px solid #253146;
    background: #334566;
    color: #ffffff;
    font-weight: bold;
}

.ui-widget-header a {
    color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
    /* We use html here because we need a greater specificity to make sure disabled
    works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid #cccccc;
    background: #ededed;
    font-weight: normal;
    color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: normal;
    color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: .7;
    -ms-filter: "alpha(opacity=70)"; /* support: IE8 */
    font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: .35;
    -ms-filter: "alpha(opacity=35)"; /* support: IE8 */
    background-image: none;
}

.ui-state-disabled .ui-icon {
    -ms-filter: "alpha(opacity=35)"; /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
    background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
    background-image: none;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
    background: #304060;    /* changed to iiy color */
    opacity: .8;
    -ms-filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
    -webkit-box-shadow: 0px 0px 5px #666666;
    box-shadow: 0px 0px 5px #666666;
}
.ms-options-wrap,
.ms-options-wrap * {
    box-sizing: border-box;
    padding: 1px 8px 3px 0px;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button {
    position: relative;
    width: 100%;
    text-align: left;
    border: 1px solid #b0b0b0;
    background-color: #fff;
    padding: 6px 20px 6px 5px;
    margin: 5px 8px 2px 8px;
    font-size: 13px;
    font-family:  "Roboto", -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;
    color: #000;
    border-radius: 5px;
    outline: none;
    white-space: nowrap;
}

.ms-options-wrap > button:focus,
.ms-options-wrap > button:hover
 {
    border: 1px solid #888;
}

.ms-options-wrap > button:after {
    content: ' ';
    height: 0;
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top-color: #999;
    margin-top: -3px;
}

.ms-options-wrap > .ms-options {
    position: absolute;
    left: 5px;
    width: 98.5%;
    margin: 1px 8px 10px 8px;
    background: white;
    z-index: 2000;
    border: 1px solid #b0b0b0;
    border-radius: 5px;
    text-align:left;
}

.ms-options-wrap ul {
    list-style-type: none;
    padding: 0px 6px;
}

.ms-options-wrap > .ms-options > .ms-search input {
    width: 100%;
    padding: 4px 5px;
    border: none;
    border-bottom: 1px groove;
    outline: none;
}

.ms-options-wrap > .ms-options .ms-selectall {
    display: inline-block;
    font-size: .9em;
    text-transform: lowercase;
    text-decoration: none;
}
.ms-options-wrap > .ms-options .ms-selectall:hover {
    text-decoration: underline;
}

.ms-options-wrap > .ms-options > .ms-selectall.global {
    margin: 4px 5px;
}

.ms-options-wrap > .ms-options > ul > li.optgroup {
    padding: 5px;
}
.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
    border-top: 1px solid #aaa;
}

.ms-options-wrap > .ms-options > ul > li.optgroup .label {
    display: block;
    padding: 5px 0 0 0;
    font-weight: bold;
}

.ms-options-wrap > .ms-options > ul label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 4px 4px 4px 6px;
    margin: 1px 0;
}

.ms-options-wrap > .ms-options > ul li.selected label,
.ms-options-wrap > .ms-options > ul label:hover {
    background-color: #efefef;
}

.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
    margin-right: 5px;
    position: absolute;
    left: 4px;
    top: 3px;
}
/* roboto-regular - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/roboto-v29-latin-ext_latin-regular.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* roboto-700 - latin-ext_latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/roboto-v29-latin-ext_latin-700.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
}
/* source-sans-pro-regular - latin-ext_latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('fonts/source-sans-pro-v19-latin-ext_latin-regular.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
}

/* source-sans-pro-700 - latin-ext_latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('fonts/source-sans-pro-v19-latin-ext_latin-700.woff2') format('woff2'); /* Chrome 26+, Opera 23+, Firefox 39+ */
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline;
      list-style: none;
      padding: 0; }
    .select2-container .select2-selection--multiple .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }
  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: #f1f1f1;
      color: #333;
      outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555;
      outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
.select2-results__options {
    white-space: nowrap;
}

.select2-results__option--highlighted {
    width: fit-content;
}