body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #F6F6F6;
}

a {
	color: black;
	text-decoration: none !important;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: black;
}

.a {
	color: #07D !important;
}

.tinyLink {
	font-weight: 100 !important;
}

img {
	border: 0px;
	vertical-align: middle;
}

.noMargin {
	margin: none !important;
}

*[alignMiddle] {
	vertical-align: middle;
}

[clear] {
	clear: both;
}

.orderWay {
	margin-left: 5px;
}

.wrapper {
	width: 95%;
	margin: auto;
	min-height: 850px;
}

@media screen and (max-height: 950px)
{
	.wrapper {
		min-height: 720px;
	}
}
@media screen and (max-height: 870px)
{
	.wrapper {
		min-height: 630px;
	}
}
@media screen and (max-height: 790px)
{
	.wrapper {
		min-height: 550px;
	}
}
@media screen and (max-height: 700px)
{
	.wrapper {
		min-height: 450px;
	}
}
@media screen and (max-height: 600px)
{
	.wrapper {
		min-height: 350px;
	}
}

.kullanici {
	color: #666;
}

.hidden {
	display: none;
}

.student-photo {
	float: left;
	width: 50px;
	height: 50px;
	background-image: url('../images/no_photo.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border-radius: 9px;
}

.student-photo:hover > div {
	display: block;
}

.student-photo-overlay {
	width: 50px;
	height: 50px;
	border-radius: 9px;
	background-color: rgba(155, 155, 155, 0.55);
	display: none;
	cursor: pointer;
}

.student-photo-overlay img {
	width: 36px;
	height: 36px;
	margin-left: 7px;
	margin-top: 7px;
}

.uyekarti {
	background: transparent url('../images/kartbg.png') no-repeat center top;
	padding: 8px 0 0 0;
	width: 467px;
	display: none;
	position: fixed;
	z-index: 9999;
}

.kartbitir {
	background: transparent url('../images/kartbg3.png') no-repeat center top;
	width: 467px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
}

.kara {
	position: fixed;
	top: 0;	
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	z-index: 10;
	display: none;
	opacity: 0;
}

.kartbar {
	padding: 0 0 0 20px;
	height: 39px;
	line-height: 39px;
	font-size: 12pt;
	font-weight: bold;
	float: left;
}

.kartbar2 {
	padding: 3px 13px 0 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	float: right;
}

.kart {
	text-align: center;
	font-weight: bold;
	font-size: 12pt !important;
}

.kart div {
	text-transform: uppercase;
	font-size: 9pt !important;
	text-align: center;
	width: 100%;

}

.kart1{width: 25%;}
.kart2{width: 15%;}
.kart3{width: 18%;}
.kart4{width: 21%;}
.kart5{width: 21%;}

.karticerik {
	position: relative;
	background: transparent url('../images/kartbg2.png') repeat-y left center;
	padding: 10px 13px 0 20px;
	float: none;
	clear: both;
	width: 434px;
	color: #fff;
	font-size: 9pt;
}

.karticerik div {
	float: left;
}

.kartkisim2 {
	width: 364px;
	padding: 0 0 5px 10px;
}

.karticerik .followed, .karticerik .notfollowed {
	position: absolute;
	top: 10px;
	right: 13px;
}

.kartkisim2 a {
	line-height: 18px;
	font-size: 10pt;
	text-decoration: none;
}

#card_nick {
	color:#bb7f1d !important;
	line-height: 18px;
	font-size:13pt;
}

.karticerik a {
	color: #fff;
	font-weight: lighter;
}

.girisarkaplan hr {
	border: 0;
	border-top: 1px solid #fff;
	width: 100%;
	background-color: rgb(204,204,204);
	height: 1px;
}


.karticerik hr {
	padding: 0;
	margin: 5px 0 5px 0;
	color: #696969;
	backrground-color: #696969;
	border-top: 1px solid #696969;
	border-bottom: 0px solid #696969;
	border-left: 1px solid #696969;
	border-right: 1px solid #696969;
}

.top_bar_logo {
	margin-top: 8px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.top_bar_eokul {
	margin-top: 7px;
	margin-left: 8px;
	width: 50px;
	height: 27px;
	cursor: pointer;
}

@media screen and (max-width: 1550px)
{
	.top_bar_logo {
		margin-top: 7px;
	}
	.top_bar_eokul {
		margin-top: 5px;
	}
}

@media screen and (max-width: 1460px)
{
	.top_bar_logo {
		margin-top: 6px;
	}
	.top_bar_eokul {
		margin-top: 5px;
	}
}
	
@media screen and (max-width: 1000px)
{
	div.bar .leftPart {
		display: none;
	}
}

@media screen and (max-width: 910px)
{
	.kucukkengizle, .uyekarti {
		display: none;
	}
	
	div.bar .middlePart {
		float: left !important;
	}
	
	div.bar .rightPart {
		width: 80px !important;
	}
}

.baslik
{
	font-size: 14px;
	color: #ffffff;
	text-decoration: none;
}

.fantastiksubmit
{
	background: #000 url('../images/ust_buton2.png') repeat-x left top;
	font-family: Arial, Helvetica, sans-serif;
	height: 24px;
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	border: 0;
	margin: 0 5px 0 5px;
}

/* Alt Kısım */
.alt
{
	margin: 0 0 0 0;
	background: url(../images/alt.jpg) repeat-x;
	background-size: auto 100%;
	width: 100%;
}

.alt_icerik
{
	margin: 0px auto 0px auto;
	width: 95%;
	padding: 20px 0px 10px 0px;
}
	
.alt_yazi
{ 
	background: #1A1A1A;
	max-width: 900px;
	padding: 5px;
	min-height: 119px;
	float: left;
}

.altlogo	
{
	float: left;
}

.alt_sosyal{ float: right; margin: 40px 0px 0px 0px; }
.alt_sosyal img{ margin: 0px 5px 0px 5px; border: 0px; }

/* Top Bar */
div.top {
	margin: 0 auto;
	display: inline-block;
	width: 100%;
	height: 82px;
}

div.bar {
	color: #000;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-size: 15px;
	z-index: 100;
	height: 58px;
	background: url("../images/topbar.png") no-repeat;
	background-position: center top;
	background-size: 100% 58px;
	position: fixed;
	top: 0;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 800px)
{
	div.bar {
		height: 116px;
		background-size: 100% 116px;
	}
	
	.wrapper {
		margin-top: 58px;
	}
	
	.middlePart {
		max-width: 600px;
	}
}

@media screen and (max-width: 720px)
{	
	.middlePart {
		max-width: 500px;
	}
}

@media screen and (max-width: 620px)
{	
	.middlePart {
		max-width: 400px;
	}
}

@media screen and (max-width: 520px)
{	
	.middlePart {
		max-width: 300px;
	}
}

@media screen and (max-width: 420px)
{	
	div.bar {
		height: 174px;
		background-size: 100% 174px;
	}
	
	.wrapper {
		margin-top: 116px;
	}
	
	.middlePart {
		max-width: 200px;
	}
}

div.bar .leftPart {
	float: left;
	width: 80px;
}

div.bar .middlePart {
    margin: 0 auto;
   	display: inline-block;
}

div.bar .rightPart {
	float: right;
	width: 150px;
}

.menuContainer {
	margin-top: 10px;
}

.menuContainer a, .menuContainer span {
	margin: 0 5px 5px 5px;
	color: #182232;
	cursor: pointer;
	text-decoration: none;
}

.siyahlat:hover {
	background-color: black !important;
}

div.bar a:hover {
	color: #18666d;
}

/*.toptable {
	position: absolute;
	margin-top: -5px;
	white-space: nowrap;
	min-width: 1000px;
	width: 100%;
	height: 41px;
}*/

.topmenu {
	display: inline-block;
	margin: 0 0 0 0;
	width: 100px;
	height: 32px;
	position: relative;
}

.topmenu a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-decoration: none;
	opacity: 0;
	filter: alpha(opacity=1);
}

.topmenu span {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	display: block;
	padding-top: 7px;
}

#login {
	position: relative;
	z-index: 102;
	width: 100px;
	height: 32px;
	background-image: url("../images/giris.png");
}

#login:hover {
	background-image: url("../images/giris-hover.png");
}

#logout {
	position: relative;
	z-index: 102;
	width: 100px;
	height: 32px;
	background-image: url("../images/cikis.png");
}

#logout:hover {
	background-image: url("../images/cikis-hover.png");	
}

.badInput {
	border: red 1px solid !important;	
}

.tableCentered {
	display: table;
	border-collapse: collapse;
	margin: 0 auto;
}

.table {
	display: table;
}

.tr-group {
	display: table-row-group;
}

.tr {
	display: table-row;
}

.th {
	display: table-cell;
	font-weight: bold;
	padding: 0px 10px;
}

.td {
	display: table-cell;
	padding: 0px 10px;
}

.trLight {
	background-color: #DBDBDB;
	color: #444;
}

.trDark {
	background-color: #CCC;
	color: #444;
}

.table-caption {
	caption-side: top;
	display: table-caption;
	margin-bottom: 15px;
}

.leftTexted {
	text-align: left;
}
.centerTexted {
	text-align: center;
}
.rightTexted {
	text-align: right;
}

.lefted {
	float: left;
}
.centered {
    margin: 0 auto !important;
   	/*display: inline-block;*/
}
.righted {
	float: right;
}

.someMarginTop {
	margin-top: 10px !important;
}

.someMarginTop20 {
	margin-top: 20px !important;
}

.highMargin {
	margin: 50px auto !important;
}

.lessMargin {
	margin: 10px auto !important;
}

.lessMargin5 {
	margin: 5px auto !important;
}

.lessMargin2 {
	margin: 2px auto !important;
}

.zeroMarginV {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.padding10v {
	padding: 10px auto;
}

.width150 {
	width: 150px !important;
}

.width250 {
	width: 250px !important;
}

.relative {
	position: relative;
}

.suggesterScroll {
	position: relative;
	max-height: 200px;
}

.suggester {
	position: absolute;
	left: 0;
	top: 40px;
	text-align: left;
	background-color: #D56565;
	color: #fff;
	display: none;
}

.suggester span {
	display: block;
	border-bottom: 1px dashed black;
	padding: 1px 10px;
	font-size: 11px;
	cursor: pointer;
}

.displayBlock {
	display: block !important;
}

.silButon {
	cursor: pointer;
	vertical-align: middle;
}

.suggester span:last-of-type {
	border: none !important;
}

select {
  /* 1 */
  -webkit-appearance: none;
  -moz-appearance: none;
  /* 2 */
  margin: 0;
  /* 3 */
  border: none;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: #444444;
  /* 6 */
  text-transform: none;
  /* 7 */
  display: inline-block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
  background: #f7f7f7;
  vertical-align: middle;
  /* 8 */
  text-decoration: none;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom-color: rgba(0, 0, 0, 0.3);
  background-origin: border-box;
  background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
  background-image: linear-gradient(to bottom, #ffffff, #eeeeee);
  border-radius: 4px;
  text-shadow: 0 1px 0 #ffffff;
}

.uk-form-warning {
  border-color: rgba(226, 131, 39, 0.3) !important;
  background: #fffceb !important;
  color: #e28327 !important;
}

input {
	vertical-align: middle;
	margin: 5px auto;
}

output {
	margin-left: 20px;
}

.curButton {
	background-color: #0F0;
}

#questionCreatorContainer
{
	max-width: 950px;
}

#questionCanvasContainer {
	width: 400px;
	float: left;
}

canvas#questionCanvas {
	cursor: crosshair;
}

#questionCreatorTools {
	float: right;
	width: 300px;
}

#questionCreatorSettings {
	float: left;
	width: 250px;
}

#questionCreatorTools span {
	display: block;
}

#questionCreatorSettings span, #objects span {
	display: block;
}

#processing {
	position: fixed;
	z-index: 10000;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

#processingInner {
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	background-color: #EFEFEF;
	width: 200px;
	color: #000;
	border: 3px dashed black;
	border-radius: 5px;
}

#questionBrowser {
	position: fixed;
	z-index: 750;
	bottom: 0px;
	width: 100%;
	text-align: center;
}

#questionBrowserScroll {
	position: relative;
	max-height: 300px;
}

#questionBrowserInner {
	padding: 10px;
	text-align: center;
	margin: 0 auto;
	background-color: #D56565;
	width: 90%;
	color: #fff;
	border: 3px dashed #fff;
	border-bottom: none;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.questionBrowserBlock strong {
	color: #000;
}

.soruYazi {
	font-size: 16px;
}

.questionBrowserBlock {
	float: left;
	margin: 5px 0px;
	padding: 10px;
	border: 1px dashed #fff;
	max-width: 370px;
}

.custom-header {
    text-align: center;
    padding: 3px;
    background: #D5D5D5 none repeat scroll 0% 0%;
	color: #303030;
}

.block {
	display: block !important;
}

.icDivReport {
    display: flex;
	margin-bottom: 10px;
}

.icDivReport:last-of-type {
	margin-bottom: 0 !important;
}

.solReport {
    width: 100px;
    height: 134px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

.sagReport {
    width: 250px;
    height: 134px;
}

.solReport button {
    margin: 0 auto;
}

.rightAll::before {
	content: ">>>";
}

.rightSelected::before {
	content: ">";
}

.leftAll::before {
	content: "<<<";
}

.leftSelected::before {
    content: "<";
}

.printDataHata {
	color: #F00;
	font-weight: bold;
}

.printDataSalonAdi
{
	font-weight: bold;
	font-size: 16px;
}