@import url('https://fonts.googleapis.com/css?family=Inconsolata&subset=latin-ext');
html {
	height: 100%;
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
	overflow-x: auto;
}
header a:hover{color:#fff;}

.nav-side-menu {
	overflow: auto;
	font-family: verdana;
	font-size: 12px;
	font-weight: 200;
	background-color: #293949;
	position: fixed;
	top: 0px;
	width: 16.66666667%;
	height: 100%;
	color: #e1ffff;
}
.nav-side-menu .brand {
	background-color: #1ABC9C;
	line-height: 50px;
	display: block;
	text-align: center;
	font-size: 15px;
	font-weight:bold;
}
.nav-side-menu .author {
	position:fixed;
	bottom:0;
	background-color: #293949;
	width: 16.66666667%;
	text-align:center;
}

.nav-side-menu .toggle-btn {
	display: none;
}
.nav-side-menu ul, .nav-side-menu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 35px;
	cursor: pointer;
}
.nav-side-menu ul :not(collapsed) .arrow:before, .nav-side-menu li :not(collapsed) .arrow:before {
	font-family: FontAwesome;
	content: "\f078";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
	float: right;
}
.nav-side-menu ul .active a, .nav-side-menu li .active a{
	color: #1AB99A;
}
.nav-side-menu ul .sub-menu li.active, .nav-side-menu li .sub-menu li.active {
	color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a, .nav-side-menu li .sub-menu li.active a {
	color: #d19b3d;
}
.nav-side-menu ul .sub-menu li, .nav-side-menu li .sub-menu li {
	background-color: #181c20;
	border: none;
	line-height: 28px;
	border-bottom: 1px solid #23282e;
	margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover, .nav-side-menu li .sub-menu li:hover {
	background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before, .nav-side-menu li .sub-menu li:before {
	font-family: FontAwesome;
	content: "\f105";
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}
.nav-side-menu li {
	padding-left: 0px;
	border-left: 3px solid #2e353d;
	border-bottom: 1px solid #454F5B;
}
.nav-side-menu li a {
	text-decoration: none;
	color: #e1ffff;
}
.nav-side-menu li a i {
	padding-left: 10px;
	width: 20px;
	padding-right: 20px;
}
.nav-side-menu li:hover {
	border-left: 3px solid #d19b3d;
	background-color: #4f5b69;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.nav-tabs a{color:#333}
.nav-tabs li.active a{color:#337ab7}

.content{margin-top:10px;}
.nopadding{padding:0px;}

.baslik {
	background: #F1F1F1;
	line-height: 30px;
	padding: 10px 15px;
	color: #000;
	font-size: 12pt;
}
.baslik a {
	color: #000;
}
.icerik {
	padding: 5px;
}

.baslik2{
	background:#0065b4;
	color:#fff;
	padding:10px 5px;
	border-radius:5px 5px 0 0;
	
}

.baslik3{
	background:#333;
	color:#fff;
	padding:10px 5px;
}

.buttonlar{margin-top:50px;}
.button{
	border-radius:5px;
	background:#1ABC9C;	
	margin:5px 5px;
	font-size:20px;
	font-weight:bold;
	color:#e1ffff;
	text-align:center;
	padding:10px;
	
}
.button:hover{background-color:#44FCD7; color:#1ABC9C;}

.tree{padding:5px; margin:0;}
.tree ul{list-style:none; padding-left:5px; margin-left:5px; border-left:dotted 1px #EDD275;}
.tree li a{color:#315E6F; font-weight:bold;}
.tree li a:hover{text-decoration:none; color:#00B3FF}
.tree li i{color:#EDD275; width:15px;}
.tree li i.fa-minus{margin-left:-5px; margin-right:5px;}

.saveas{display:none;}

.text {
	font-family:Inconsolata;
	font-size:16px; height:450px;
	letter-spacing:0px;
	word-wrap:normal;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.cizgiler{position:relative; height:10px;}
.cizgi{
border:solid 1px #000000;
border-width:1px 1px 0px 1px; height:400px; top:0; left:-15px; position:absolute;
background:rgba(0,255,0,0.1); cursor:move;
}
.cizgi .move{position:absolute; left:0px; top:-14px;font-size:15px; color:red;}
.cizgi .top{background:#ccc; height:18px;}
.cizgi .title{background:#ccc; font-weight:bold; font-size:12px; padding:0 1px; overflow:hidden; z-index:0;}
.cizgi .resize{cursor:e-resize; position:absolute; width:2px; height:382px;  top:18px; right:0;}
.cizgi .resize:hover, .cizgi .resize.active{background:#00c;}
.cizgi:hover, .cizgi:active{overflow:visible;z-index:999;background:rgba(255,0,0,0.1);}
.cizgi:hover .title, .cizgi:active .title{background:red;color:white; position:absolute;}
.cizgi:hover .top, .cizgi:active .top{background:red;}
.cizgi.sil{background:rgba(255,239,28,0.20);}
.cizgi .delete{display:none;background:red; color:white; padding:5px; top:100px; left:49%; position:absolute;}
.cizgi.sil:hover{background:rgba(255,239,28,0.80);}
.cizgi.sil:hover .delete{display:block;}

.text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}

.error{border:solid 1px #c00;}

#okumasonuc .table th, .table td{padding:2px !important; }
#okumasonuc pre{border:none; padding:0; background:none; border-radius:0;}

.rapor{border:solid 1px #ccc; border-radius:5px; margin:10px -5px 0 -5px;}
.rapor .title{background:#00b18e; text-align:center; font-size:15px; font-weight:bold; color:#fff; padding:5px;}
.rapor .row{padding:0 5px; margin-top:5px; margin-bottom:5px;}

.cevap{width:50px; height:23px; resize: none; overflow:hidden;}
.cevap.buyuk{width:120px;}
.cevap.genis{width:250px;}
.print{display:none}

@media (max-width: 991px){
	.nav-side-menu {
		width:25%;
	}
}

@media (max-width: 767px) {
.nav-side-menu {
	position: relative;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.nav-side-menu .toggle-btn {
	display: block;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 10 !important;
	padding: 3px;
	background-color: #ffffff;
	color: #000;
	width: 40px;
	text-align: center;
}
.brand {
	text-align: left !important;
	font-size: 22px;
	padding-left: 20px;
	line-height: 50px !important;
}

.button{font-size:15px;}
}

@media (min-width: 767px) {
.nav-side-menu .menu-list .menu-content {
	display: block;
}
}

@media print{
	.noprint{display:none}
	.print{display:inherit}
}