body,td,th {
	font-family: Arial, Helvetica, sans-serif;
}

input[type=text]{
    
    border:1px solid #aaa;
    border-radius:4px;
    margin:0px 0;
    outline:none;
    padding:2px;
    box-sizing:border-box;
    transition:.3s;
  }
  
  input[type=text]:focus{
    border-color:dodgerBlue;
    box-shadow:0 0 8px 0 dodgerBlue;
  }

select{
    
    border:1px solid #aaa;
    border-radius:4px;
    margin:0px 0;
    outline:none;
    padding:2px;
    box-sizing:border-box;
    transition:.3s;
  }
  
  select:focus{
    border-color:dodgerBlue;
    box-shadow:0 0 8px 0 dodgerBlue;
  }

textarea{
    
    border:1px solid #aaa;
    border-radius:4px;
    margin:0px 0;
    outline:none;
    padding:2px;
    box-sizing:border-box;
    transition:.3s;
  }
  
  textarea:focus{
    border-color:dodgerBlue;
    box-shadow:0 0 8px 0 dodgerBlue;
  }
  

 #fade,#yukleniyor {
 display: none; /* Hidden as default */
 background: #000;
 position: fixed; left: 0; top: 0;
 width: 100%; height: 100%;
 opacity: .80;
 z-index: 12345;
}
.alert-box {
		color:#555;
		border-radius:10px;
		font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
		padding:10px 36px;
		margin:10px;
	}
	.alert-box span {
		font-weight:bold;
		text-transform:uppercase;
	}
	.error {
		background:#ffecec url('picture/error.png') no-repeat 10px 50%;
		border:1px solid #f5aca6;
	}
	.success {
		background:#e9ffd9 url('picture/success.png') no-repeat 10px 50%;
		border:1px solid #a6ca8a;
	}
	.warning {
		background:#fff8c4 url('picture/warning.png') no-repeat 10px 50%;
		border:1px solid #f2c779;
	}
	.notice {
		background:#e3f7fc url('picture/picturenotice.png') no-repeat 10px 50%;
		border:1px solid #8ed9f6;
	}
/****************************************************/
#circularG{ 
    position: fixed;
    z-index:985;
    top: 45%;
    left:48%;
    width:64px;
    height:64px;
    z-index: 12346;
}

.circularG{
position:absolute;
background-color:#1C73AD;
width:15px;
height:15px;
-moz-border-radius:10px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:0.8s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:10px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:10px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:0.8s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:10px;
-o-animation-name:bounce_circularG;
-o-animation-duration:0.8s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:10px;
animation-name:bounce_circularG;
animation-duration:0.8s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG_1{
left:0;
top:25px;
-moz-animation-delay:0.3s;
-webkit-animation-delay:0.3s;
-ms-animation-delay:0.3s;
-o-animation-delay:0.3s;
animation-delay:0.3s;
}

#circularG_2{
left:7px;
top:7px;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;
animation-delay:0.4s;
}

#circularG_3{
top:0;
left:25px;
-moz-animation-delay:0.5s;
-webkit-animation-delay:0.5s;
-ms-animation-delay:0.5s;
-o-animation-delay:0.5s;
animation-delay:0.5s;
}

#circularG_4{
right:7px;
top:7px;
-moz-animation-delay:0.6s;
-webkit-animation-delay:0.6s;
-ms-animation-delay:0.6s;
-o-animation-delay:0.6s;
animation-delay:0.6s;
}

#circularG_5{
right:0;
top:25px;
-moz-animation-delay:0.7s;
-webkit-animation-delay:0.7s;
-ms-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}

#circularG_6{
right:7px;
bottom:7px;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}

#circularG_7{
left:25px;
bottom:0;
-moz-animation-delay:0.9s;
-webkit-animation-delay:0.9s;
-ms-animation-delay:0.9s;
-o-animation-delay:0.9s;
animation-delay:0.9s;
}

#circularG_8{
left:7px;
bottom:7px;
-moz-animation-delay:1s;
-webkit-animation-delay:1s;
-ms-animation-delay:1s;
-o-animation-delay:1s;
animation-delay:1s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

} 
.modalPopup {
position: fixed;
top: 40%;
left: 50%;
width: 450px;
min-height: 220px;
margin-top: -150px !important;
margin-left: -225px !important;
background-color: rgb(221, 221, 221);
padding: 8px;
background: rgba(0, 0, 0, 0.3);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
display: none;
z-index: 98562
}
.heading {
width: 100%;
height: 44px;
background-image: -webkit-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -moz-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -o-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: -ms-linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
background-image: linear-gradient(top, rgb(249, 249, 249), rgb(233, 233, 233));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f9f9f9', EndColorStr='#e9e9e9');
border-bottom: 1px solid #bababa;
-webkit-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0,0,0,.08);
-moz-box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0,0,0,.08);
box-shadow: inset 0px -1px 0px #fff, 0px 1px 3px rgba(0,0,0,.08);
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
font-size: 14px;
font-weight: bold;
text-align: center;
line-height: 44px;
color: #444444;
}
.heading .left {
float: left;
width: 94%;
cursor: move;
background-image: url('img/popupheader2.jpg');

}
.heading .right {
float: left;
width: 6%;
height:44px;
background-image: url('img/popupheader2.jpg');

}
.right:hover {
background-color: rgb(239,148,43);
cursor: pointer;
}
/*  Sayfalama  */
.sayfalama{
    width:850px;
    margin:auto;
}


ul.tsc_pagination { margin:4px 0; padding:0px; height:100%; overflow:hidden; list-style-type:none; }
ul.tsc_pagination li { float:left; margin:0px; padding:0px; margin-left:1px; }
ul.tsc_pagination li:first-child { margin-left:0px; }
ul.tsc_pagination li a { color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px; }
ul.tsc_pagination li a img { border:none; }
ul.tsc_paginationA li a { color:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
ul.tsc_paginationA01 li a { color:#474747; border:solid 1px #B6B6B6; padding:6px 9px 6px 9px; background:#E6E6E6; background:-moz-linear-gradient(top, #FFFFFF 1px, #F3F3F3 1px, #E6E6E6); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #F3F3F3), color-stop(1, #E6E6E6)); }
ul.tsc_paginationA01 li a:hover,
ul.tsc_paginationA01 li a.current { background:#FFFFFF; }

.modalContent {
width: 100%;
min-height: 210px;
background: #fcfcfc;
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.25);
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,.25);
box-shadow: 0px 1px 3px rgba(0,0,0,.25);
-webkit-border-radius: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}
.modalContentPadding {
padding: 4px 10px;
max-height: 425px;
overflow-y: scroll;
}

img[disabled]
{
    opacity:0.5;
}

.backgroundShadow {
display: none;
position: fixed;
_position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: #E6E6FA;
background-color: rgba(239, 148, 43,0.5);
opacity: 0.9;
filter: alpha(opacity = 90);
border: 1px solid #cecece;
 z-index:9999
}
   #icerikPopup {
    width: 950px;
    margin-top: -150px !important;
    margin-left: -475px !important;
   }
.stil1 {
	font-family: verdana, Tahoma;
	font-size: 14px;
	color: YELLOW;
	}
.stil2 {font-family: Helvetica,times; font-size: 12px}
.stil7 {font-family: Helvetica,times; font-size: 12px; color: green; font-weight: bold;}
.stil8 {font-family: Helvetica,times; font-size: 12px; color: red; font-weight: bold;}
.stil3 {font-size: 14px; color:#03C; font-style:oblique; font-weight:bold }
.stil4 {font-size: 12px; color:#f81003;  font-weight:bold }
.stil5 {font-size: 16px; color:#f81003; font-style:oblique; font-weight:bold }
.stil15 {font-size: 14px; color:#f81003;  }
.stil6 {font-size: 12px; color:red;}
.stil9 {color: #FFFFFF}
.stil12 {font-size: 12px; color: #FFFFFF; font-weight: bold; }
.stil13 {font-family: verdana, Tahoma; font-size: 14px; color: #f81003; font-weight: bold; }
.stil14 {font-family: verdana, Tahoma; font-size: 14px; color: #47be14; font-weight: bold; }
.baslik {font-family: verdana, Tahoma; font-size: 16px; color: #FF0000; font-weight: bold; }
.tbldetay {font-family: arial, Tahoma; font-size: 11px; color: #000000; }
.tblbaslik {font-family: arial, Tahoma; font-size: 11px; color: #000000; font-weight: bold;}
.example-print {
    display: none;
}
@media print {
   .example-screen {
       display: none;
    }
    .example-print {
       display: block;
    }
}
.sayfalama{
    width:100%;
    margin:auto;
	
}

ul.tsc_pagination { margin:4px 0; padding:0px; height:100%; overflow:hidden; list-style-type:none; }
ul.tsc_pagination li { float:left; margin:0px; padding:0px; margin-left:1px; }
ul.tsc_pagination li:first-child { margin-left:0px; }
ul.tsc_pagination li a { color:black; display:block; text-decoration:none; padding:7px 10px 7px 10px; }
ul.tsc_pagination li a img { border:none; }
ul.tsc_paginationA li a { color:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
ul.tsc_paginationA01 li a { color:#474747; border:solid 1px #B6B6B6; padding:6px 9px 6px 9px; background:#E6E6E6; background:-moz-linear-gradient(top, #FFFFFF 1px, #F3F3F3 1px, #E6E6E6); background:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #FFFFFF), color-stop(0.02, #F3F3F3), color-stop(1, #E6E6E6)); }
ul.tsc_paginationA01 li a:hover,
ul.tsc_paginationA01 li a.current { background:#FFFFFF; }

 /* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  width: 100%;
  left: 0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Mega Menu header, if needed */
.dropdown-content .header {
  background: red;
  padding: 16px;
  color: white;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 33.33%;
  padding: 10px;
  background-color: #ccc;
  height: 250px;
}

/* Style links inside the columns */
.column a {
  float: none;
  color: black;
  padding: 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a background color on hover */
.column a:hover {
  background-color: #ddd;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
} 



.btn {
  border: none;
  color: white;
  padding: 7px 20px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 4px;
}

.success {background-color: #4CAF50;} /* Green */
.success:hover {background-color: #46a049;}

.info {background-color: #2196F3;} /* Blue */
.info:hover {background: #0b7dda;}

.warning {background-color: #ff9800;} /* Orange */
.warning:hover {background: #e68a00;}

.danger {background-color: #f44336;} /* Red */ 
.danger:hover {background: #da190b;}

.default {background-color: #e7e7e7; color: black;} /* Gray */ 
.default:hover {background: #ddd;}