@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
html, body {
  height: 100%;
  margin: 0;
}

.full-height {
  min-height: 100%;
  
}
body{font-family: 'Poppins', sans-serif;font-size:12px;}
.logo{text-align:center;margin-top:15px;margin-bottom:9px;display: block;
  position: relative;}
.gri{background:#ddd;}
.navy{background:#3d4657;
/*width: 90vw; 
    height: 50.625vw; 
   
    max-height: 90vh;
    max-width: 160vh; 
    margin: auto;
    position: absolute;
    top:0;bottom:0;
    left:0;right:0;*/border-radius: 20px;color:#fff;margin-bottom:2%;margin-top:3%;}
.min-vh-90 {
  min-height: 90vh !important;
}	
.navbar-mainbg{
	
	padding: 0px;
}
.giris form input{font-size:12px;}
.giris form button,.giris form a{font-size:12px;color:#fff;text-decoration: none;}
.giris form button:hover{color:#000;}
.labelkutu{background: #3D4657;
    color: #fff;
    border: 2px solid #3D4657;
    min-width: 191px;
    font-size: 12px !important;
    margin: 0px;
    min-height: 30px;
    padding-left: 9px;
    padding-top: 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
section,footer{margin:0px 3%;}
.text-right{text-align: right;}
.navbar {display: inline-flex; }
.ciziktir{border-bottom: 3px solid #0b142c;}
.navbar-nav{display: inline-flex;}
header{
	
}
.scroll-to-fixed-fixed{background:#fff; -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;}
#navbarSupportedContent{
	overflow: hidden;
	position: relative;
	width:100%;
}
#navbarSupportedContent ul{
	padding: 0px;
	margin: 0px;
	width:100%;
}
#navbarSupportedContent ul li a img,ul li a svg{
	margin-right: 10px;
	max-width:22px;
}
#navbarSupportedContent li {
	list-style-type: none;
	float: left;
	width:100%;
}
#navbarSupportedContent ul li a{
	color: #3D4657;
    text-decoration: none;
    font-size: 15px;
    display: block;
    padding: 20px 20px;
    
    position: relative;
}
#navbarSupportedContent ul li a span{display:inline-block;vertical-align: middle;}
#navbarSupportedContent>ul>li.active>a{
	color: #000;
	background-color: transparent;
	transition: all 0.7s;
}
#navbarSupportedContent>ul>li.active:after{
	display: block;
content: " ";
border-bottom: 3px solid #0f132c;
margin-bottom: 3px;
}
.btn-dark {
    color: #fff;
    background-color: #3D4657;
    border-color: #3D4657;
}
#topcikis {
  display: inline-block;
  ; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #754A65; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}
#topmyBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 90px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #3D4657; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 10px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#topmyBtn:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

@media(min-width: 992px){
	.navbar-expand-custom {
	    -ms-flex-flow: row nowrap;
	    flex-flow: row nowrap;
	    -ms-flex-pack: start;
	    justify-content: flex-start;
		width:80%;
	}
	.navbar-expand-custom .navbar-nav {
	    -ms-flex-direction: row;
	    flex-direction: row;
	}
	.navbar-expand-custom .navbar-toggler {
	    display: none;
	}
	.navbar-expand-custom .navbar-collapse {
	    display: -ms-flexbox!important;
	    display: flex!important;
	    -ms-flex-preferred-size: auto;
	    flex-basis: auto;
	}
}


@media (max-width: 991px){
	#navbarSupportedContent ul li a{
		padding: 12px 30px;
	}
	
}
.ortagobk{padding-top:100px;padding-bottom:100px;font-size:14px;font-weight:400;}
.ara6{padding-bottom:60px;}
footer{background:#3D4657;font-size:12px;padding:6px 0px;}
footer a{color:#fff;text-decoration:none;}
.panel {
  box-shadow: 0 2px 0 rgba(0,0,0,0.05);
  border-radius: 0;
  border: 0;
  margin-bottom: 24px;
}

.panel-dark.panel-colorful {
  background-color: #3D4657;
  border-color: #3D4657;
  color: #fff;
  min-height: 280px;
}

.panel-danger.panel-colorful {
  background-color: #f76c51;
  border-color: #f76c51;
  color: #fff;
}

.panel-primary.panel-colorful {
  background-color: #d5d2d2;
  border-color: #d5d2d2;
  color: #adb5bd;
}

.panel-info.panel-colorful {
  background-color: #4ebcda;
  border-color: #4ebcda;
  color: #fff;
}

.panel-body {
  padding: 25px 20px;
}
.panel-body img{padding:20px;}
.imgheight{min-height: 260px;
    padding: 30px;}
.panel hr {
  border-color: rgba(0,0,0,0.1);
}
.kartlar a{text-decoration:none;color:#fff;}
.kartlar a:hover .bg-dark {
  background-color: #505867;
  border-color: #505867;
 
}
a.panel-primary {cursor: no-drop;}
.govde{font-size:12px !important;}
.form-control,.form-select{border: 0.2px solid #151831;}
.input-group-text{border: 0px solid #3D4657;min-width: 191px;font-size: 12px !important;}
.input-group-text.kisa{min-width:88px;}
.imgri{ filter:opacity(30%);}
.datepicker table{font-size:12px;}
.dataTables_wrapper{margin-top:35px;}
.dataTable tbody tr{background: #fff;}
.dataTable tbody td {
    padding: 10px 10px;
    border-bottom: 1px solid #dddddd;
    /*background: #fff;*/
}
.dataTable  thead th {background: transparent;padding: 10px 10px;
    border-bottom: 1px solid #dddddd;}
.cizgiyok{border-width: 0px !important;}


/*.borderlr tr:first-child .borderlrtd:first-child { border-top-left-radius: 10px; }
.borderlr tr:first-child .borderlrtd:last-child { border-top-right-radius: 10px; }*/
	
.dataTables_wrapper .btn-group{/*margin: 20px 0px 9px 0px;*/}   
.dataTables_wrapper .btn-group .btn{font-size: 12px;}  
.dataTables_length{/*margin: 20px 0px 9px 9px;*/
    float: left;padding-right: 15px;}
.dataTables_length form-select{font-size: 12px;}    
.dataTables_filter{/*margin: 20px 0px 9px 0px;*/float: right;}
.dataTables_wrapper .dropdown-menu a{font-size: 12px;}
.dataTables_wrapper .dropdown-item.active, .dropdown-item:active {
    background-color: #6c757d;
}
.dataTables_wrapper a img{max-height:20px;}
.dataTables_wrapper a{text-decoration: none;}
.iconw{max-width:10%;}
.bor-sag{border-right: 1px solid #ddd;}
.bor-sol{border-left: 1px solid #ddd;}
.bor-no{border:none;}
.pad5{padding:7px 10px;}
.btn-danger {
    color: #fff;
    background-color: #754A65;
    border-color: #754A65;
}
.btn-danger:hover {
    color: #fff;
    background-color: #754A65;
    border-color: #754A65;
}
:root {--bs-dark-rgb: 61,70,87;}
.ml8{margin-left: 8px;}
.btnaktif{color: #94e1a1 !important;}
#resimcer{width: 100%;
    height: 100%;
    border: 1px solid #151831;
    border-radius: 5px;
    padding: 18px;position:relative;}
.resimdose{
    background-position: center;
    background-size: contain;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
}	

.hiddenRow {
    display:none;
}
.page-item.active .page-link {
    z-index: 3;
    color: #3D4657;
    background-color: transparent;
    border-color: transparent;
    font-weight: 600;
}
.page-link {
    position: relative;
    display: block;
    color: #3D4657;
    text-decoration: none;
    background-color: transparent;
    border: 0px solid #dee2e6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 60px;
  height: 60px;
  margin: -76px 0 0 -76px;
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3D4657;
  border-bottom: 8px solid #3D4657;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.material-icons,.material-icons-outlined{color:#3D4657;display: inline-block;
vertical-align: middle;}
.breadcrumb li a{text-decoration:none;color:#3D4657;font-weight:600;}