td span {line-height: 24px !important;}
.form-control{border-radius: 0 !important;padding: 0 0.3rem !important;height: calc(1.0em + .75rem + 2px);font-size: 13px;color: #73879C;}
.form-group select{font-size: 13px;color: #73879C;}
.form-group input[type="date"] {font-size: 12px;}
.butonlar {float: right}
.guncelleButton{font-size:12px;float:right;height:25px;margin:0;padding:0 10px;background:#e87e00;color:#fff !important;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.guncelleButton:hover{background:#b76500;color:#fff !important;}
.ekleButton{font-size:12px;float:right;height:25px;margin:0 10px;padding:0 10px;background:#28a745;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.ekleButton:hover{background:#1e7932;color:#fff;}
.filterButton{font-size:12px;float:right;height:25px;margin:0 10px;padding:0 10px;background:#2ea6b7;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.filterButton:hover{background:#076875;color:#fff;}
.dcallexcelButton{font-size:12px;float:right;height:25px;margin:0 10px;padding:0 10px;background:#28a745;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.dcallexcelButton:hover{background:#1e7932;color:#fff;}
.listeleButton{font-size:12px;float:right;height:35px;margin:0;padding:0 20px;background:#2ea6b7;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.listeleButton:hover{background:#076875;color:#fff;}
.silButton{font-size:12px;float:right;height:25px;margin:0 10px;padding:0 10px;background:#ef0d0d;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.silButton:hover{background:#c60707;color:#fff;}
.sil2Button{font-size:12px;float:right;height:35px;margin:0 10px;padding:0 10px;background:#ef0d0d;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.sil2Button:hover{background:#c60707;color:#fff;}
.vazgecButton{font-size:12px;float:right;height:25px;margin:0 10px;padding:0 10px;background:#2ea6b7;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.vazgecButton:hover{background:#227b88;color:#fff;}
.kaydetButton{font-size:12px;float:right;height:35px;margin:0 10px;padding:0 20px;background:#28a745;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.kaydetButton:hover{background:#1e7932;color:#fff;}
.resetButton{font-size:12px;float:right;height:35px;margin:0 10px;padding:0 20px;background:#2ea6b7;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.resetButton:hover{background:#227b88;color:#fff;}
.yukleButton{font-size:12px;float:right;height:35px;margin:0 10px;padding:0 20px;background:#2ea6b7;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.yukleButton:hover{background:#227b88;color:#fff;}
.islemlerbutton{font-size:12px;float:right;height:25px;margin:0 10px;padding:0 30px;background:#28a745;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.islemlerbutton:hover{background:#1e7932;color:#fff;}
.islemlerbutton span{color:#fff;}
.apiguncelleButton{font-size:12px;float:right;height:28px;width: 80%;background:#28a745;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;}
.apiguncelleButton:hover{background:#1e7932;color:#fff;}
.border-gradient {border:1px solid #ced4da; border-image-slice: 1;}
.uyariButton{font-size:12px;float:right;height:25px;margin:0 10px;padding:0 20px;background-color:#28a745;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;animation: blinker 0.9s linear infinite;}
.loader {  border: 16px solid #f3f3f3; /* Light grey */  border-top: 16px solid #e84d1c; /* Blue */  border-radius: 50%;  width: 120px;  height: 120px;  text-align: justify; margin:auto; position:relative; animation: spin 2s linear infinite;}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes blinker {  
50% { background-color:red; }
}

/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	border-radius: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
/* Thar Buttons */
a.animated-button.thar-one {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #000;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: none;
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #000;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two {
	color: #001a44;
	cursor: pointer;
	display: block;
	position: relative;
	border: 1px solid #ced4da;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
	color: #fff !important;
	background-color: transparent;
	text-shadow: ntwo;
}
a.animated-button.thar-two:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
a.animated-button.thar-two:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #001a44; 
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-siyah {
	color: #000000;
	cursor: pointer;
	display: block;
	position: relative;
	border: 1px solid #000000;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-siyah:hover {
	color: #fff !important;
	background-color: transparent;
	text-shadow: ntwo;
}
a.animated-button.thar-siyah:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
a.animated-button.thar-siyah:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #000000;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
#prosesaciklama .badge{padding: 0.4em 0.5em;font-size: 100%;margin: 0 3px 3px 0;}
.numberrows{position: relative;display: flex;margin:0}
.numberbutton button{margin: 0;background-color: #1abb9c;color: white;border: none;}
.table-bordered td, .table-bordered th {border: 1px solid #C4D9F6;}
.table td, .table th {padding: .25rem;vertical-align: middle;}
.row_small .table td,.row_small .table th {padding: .15rem !important;vertical-align: middle;}
.table p {margin: 0 !important;}
.table .badge-pill {border-radius: 5px;border-radius: 5px;}
.yetkilercss .badge-pill {font-size: 12px;margin-right: 5px;margin-bottom: 5px;}
.modal-header{padding: 15px 45px !important;background-color: #f7f7f7 !important;color: #869ab6 !important;}
.modal-header img {width: 30px;height: auto;padding: 0 !important;border-bottom: none !important;margin-top: -23px;}
.modal-dialog {max-width: 1000px !important;}
.modal-baslik{text-align: center;width: 100%;padding: 5px;background-color: #f7f7f7;border: 2px solid #dddddd;font-weight: bold;color: #869ab6;margin: 15px 0}
.btn-kapat .buton{font-family:'Oswald',sans-serif;font-size:17px;font-weight:600;float:right;margin-right:20px;width: 100%;display:inline-block;background:#ADADAD;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;height:46px;}
.btn-kapat .buton:hover{background:#5B5B5B}
.btn-dahilicikart {float: right;}
.btn-dahilicikart .buton{font-family:'Oswald',sans-serif;font-size:17px;font-weight:600;float:right;margin-right:20px;width: 100%;display:inline-block;background:#ffc107;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;height:46px;}
.btn-dahilicikart .buton:hover{background:#c4c400}
.btn-gonder .buton{font-family:'Oswald',sans-serif;font-size:17px;font-weight:600;float:right;margin-right:20px;width: 100%;display:inline-block;background:#ffc107;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;height:46px;}
.btn-gonder .buton:hover{background:#c4c400}
.btn-qrindir .buton{font-family:'Oswald',sans-serif;font-size:17px;font-weight:600;width: 100%;display:inline-block;background:#ADADAD;color:#fff;text-decoration:none;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content: center; -ms-align-items: center;align-items: center;height:46px;}
.btn-qrindir .buton:hover{background:#5B5B5B}
.boxAciklama {overflow: auto;position: relative;border-radius: 3px;background: #ffffff;border-top: 3px solid #e9ecef;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.boxAbonebireysel {overflow: auto;position: relative;border-radius: 3px;background: #ffffff;border-top: 3px solid #2ea6b7;margin-bottom: 20px;width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.with-border{border-bottom: 1px solid #ddd;padding: 10px}
.box-header {color: #444;display: block;padding: 10px;position: relative;}
.badge{padding: 0 1em !important}
.badge-kuyrukno {color: #fff !important;background-color: #2ea6b7;font-size: 10px;font-weight: 500;line-height: 24px !important;margin-left: 10px;}
.badge-turkuaz {color: #fff;background-color: #2ea6b7;font-size: 10px;font-weight: 500} 
.badge-truncu {color: #fff;background-color: #e87e00;font-size: 10px;font-weight: 500}
.badge-gri {color: #fff;background:rgba(0,0,0,0.5);font-size: 10px;font-weight: 500;}
.badge-yesil {color: #fff;background-color: #1e7932;font-size: 10px;font-weight: 500;}
.badge-sari {color: #000;background-color: #dade12;font-size: 10px;font-weight: 500;}
.badge-bos2 {color: #fff;background-color: #333;font-size: 10px;font-weight: 500;}
.badge-kirmizi {color: #fff;background-color: red;font-size: 10px;font-weight: 500;}
.badge-kuyruk {width:100%;color: #7387AA;background-color: #C9F0FC;font-size: 12px !important;font-weight: 500;text-align: left;}
.badge-kuyruktoplam {width:100%;color: #333;background-color: bisque;font-size: 16px !important;font-weight: 500;text-align: center;padding: 5px;border-radius: 5px;}
.badge-aramaizni {color: #fff;background-color: #2ea6b7;font-size: 10px;font-weight: 500;border-radius: 15px !important;padding: 0px 11px !important;}
.badge-kisitli {color: #fff;background-color: #17a2b8;text-transform: capitalize;float: left;padding: 5px 15px}
.badge-dondurulmus {color: #fff;background-color: #6495ED;text-transform: capitalize;float: left;padding: 5px 15px}
.badge-hareket {color: #fff;background-color: #3C8DBC;text-transform: capitalize;float: left;padding: 0 15px}
.badge-online {color: #fff;background-color: #05ad0e;text-transform: capitalize;text-align: center;min-width: 100%;display: inline-block;padding: 3px 0;}
.badge-ofline {color: #fff;background-color: #9f9f9f;text-transform: capitalize;text-align: center;min-width: 100%;display: inline-block;}
.badge-online:hover {background-color: #007bff;	text-decoration: none;color: #fff;}
.badge-modal-label {color: #fff;background-color: #9f9f9f;text-transform: capitalize;float: left;padding: 10px 15px}
.badge-groupnumber {color: #fff;font-size: 10px;font-weight: 500}
.badge-bakiyetur {color: #fff !important;background-color: #2ea6b7;font-size: 14px;font-weight: 900;padding: 5px 15px !important}
.badge-bakiyeturuncu {color: #fff !important;background-color: #e87e00;font-size: 14px;font-weight: 900;padding: 5px 15px !important}
.badge-devamediyor {color: #fff;background-color: #FF0000;text-transform: capitalize;float: left;padding: 0 15px}
.badge-ttsyesil {color: #fff;background-color: #1e7932;font-size: 12px;font-weight: 700;}
.badge-ttskirmizi {color: #fff;background-color: red;font-size: 12px;font-weight: 700;}
.badge-ttsturkuaz {color: #fff;background-color: #2ea6b7;font-size: 12px;font-weight: 700}
.badge-ttstruncu {color: #fff;background-color: #e87e00;font-size: 12px;font-weight: 700}
.yesil {
    color: #28A745 !important;
}
tbody .tdortala{text-align: center;display: flex; flex-flow: row nowrap; justify-content: center;} 
.navi {
  padding: 0;
  margin: 0;
  display: block;
  list-style: none;}
.navi .navi-item {
padding: 0;
display: block;
list-style: none; 
margin-left: 15px}
.navi .navi-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;}
.navi .navi-item .navi-icon {
line-height: 0;
-ms-flex-negative: 0;
flex-shrink: 0; }
.navi .navi-item .navi-icon:before {
  line-height: 0; }
.navi .navi-item .navi-bullet {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 0.75rem; }
.navi .navi-item .navi-text {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
.navi .navi-item .navi-label {
  line-height: 0;
  margin-left: 0.75rem; }
.navi .navi-item .navi-toolbar {
  margin-left: 0.75rem; }
.navi .navi-item .navi-arrow {
  line-height: 0;
  margin-left: 0.75rem;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  color: #7E8299; }
.navi .navi-item .navi-arrow:before {
  line-height: 0;
  font-family: Ki;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "";
  font-size: 0.6rem; }
.navi .navi-item .navi-arrow.navi-arrow-down {
  -webkit-transform: rotateZ(-90deg)/*rtl:ignore*/;
  transform: rotateZ(-90deg)/*rtl:ignore*/; }
  [direction="rtl"] .navi .navi-item .navi-arrow.navi-arrow-down {
-webkit-transform: rotateZ(90deg)/*rtl:ignore*/;
transform: rotateZ(90deg)/*rtl:ignore*/; }
.navi .navi-item:last-child {
border-bottom: 0 !important; }
.navi .navi-item:last-child {
border-bottom: 0 !important; }
.navi .navi-separator {
margin: 0;
padding: 0;
height: 0;
display: block;
border-bottom: 1px solid #EBEDF3; }
.navi .navi-separator.navi-separator-dashed {
  border-bottom: 1px dashed #EBEDF3; }
.navi .navi-header,
.navi .navi-footer,
.navi .navi-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.navi .navi-section {
padding: 0.75rem 1.5rem; }
.navi .navi-header {
padding: 0.75rem 1.5rem; }
.navi .navi-footer {
padding: 0.75rem 1.5rem; }

.navi.navi-spacer-x-0 .navi-item {
  padding-left: 0;
  padding-right: 0; }

.navi .navi-item .navi-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 2rem;
flex: 0 0 2rem; 
position: relative;
margin-right: 8px;}
.navi .navi-item .navi-icon i {
  font-size: 16px; }
.navi .navi-item .navi-icon svg {
  height: 22px;
  width: 22px; }

.navi.navi-icon-lg .navi-item .navi-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 3rem;
flex: 0 0 3rem; }
.navi.navi-icon-lg .navi-item .navi-icon i {
font-size: 1.5rem; }
.navi.navi-icon-lg .navi-item .navi-icon svg {
height: 28px;
width: 28px; }

.navi.navi-icon-xl .navi-item .navi-icon {
-webkit-box-flex: 0;
-ms-flex: 0 0 4rem;
flex: 0 0 4rem; }
.navi.navi-icon-xl .navi-item .navi-icon i {
font-size: 1.75rem; }
.navi.navi-icon-xl .navi-item .navi-icon svg {
height: 32px;
width: 32px; }

.navi.navi-icon-center .navi-item .navi-icon {
text-align: center; }

.navi .navi-item {
font-size: 13px; }
.navi .navi-item .navi-text {
font-size: 13px; }

.navi.navi-font-lg .navi-item {
font-size: 14px; }
.navi.navi-font-lg .navi-item .navi-text {
font-size: 14px; }

.navi.navi-font-xl .navi-item {
font-size: 16px; }
.navi.navi-font-xl .navi-item .navi-text {
font-size: 16px; }
.navi .navi-item .navi-text {
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease; }
.navi .navi-item .navi-icon {
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease; }
.navi .navi-item .navi-icon i {
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease; }
.navi .navi-item .navi-icon .svg-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.navi .navi-item .navi-arrow {
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease; }
.navi .navi-item .navi-bullet .bullet {
background-color: #E4E6EF; }
.navi .navi-item .navi-text {
color: #3F4254; }
.navi .navi-item .navi-icon i {
color: #B5B5C3; }
.navi .navi-item .navi-icon svg g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease;
fill: #B5B5C3; }
.navi .navi-item .navi-icon svg:hover g [fill] {
-webkit-transition: fill 0.3s ease;
transition: fill 0.3s ease; }
.navi .navi-item .navi-arrow {
color: #B5B5C3; }
.navi .navi-item.disabled {
opacity: 0.6; }
.navi .navi-item:hover {
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease;
color: #6993FF; }
.navi .navi-item:hover .navi-bullet .bullet {
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease; }
.navi .navi-item:hover .navi-text {
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease; }
.navi .navi-item:hover .navi-icon {
-webkit-transition: all 0.15s ease;
transition: all 0.15s ease; }
.navi .navi-item:hover .navi-icon i {
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease; }
.iconsizeplus {font-size:16px;color:#2ea6b7 !important;margin-top: 5px;}
.iconsizeminus {font-size:16px;color:#ef0d0d !important;margin-top: 5px;}
.iconsizemavi {font-size:16px;color:#2ea6b7 !important;}
.iconsizeyesil {font-size:16px;color:#e87e00 !important;}
.iconsize {font-size:20px;}
.anketiconstart {font-size:22px;color:#28a745 !important;}
.anketiconpause {font-size:22px;color:#007bff !important;}
.anketiconpasif {font-size:22px;color:#73879C !important;}
.anketiconstop {font-size:22px;color:#b81d1d !important;}
.anketicontekrar {font-size:22px;color:#FFB442 !important;}
.dashdahilieklepasif {color:#EDEDED !important;}
.tesisadrescss{line-height: 8px;margin-top:17px}
.alert-aciklama {
  color: #333;
  background-color: #e9ecef;
  border-color: #73879C;
  padding: .75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid #ced4da;
  font-size: 14px;
  transition: opacity 2s linear, height 2s step-start;  
}
.alert-aciklama i {color:#c60707;font-size: 18px;margin-right: 6px;}
.alert-aciklama span {font-weight: bold}
.dropdown-menu {
box-shadow: none;
border-color: #ababab;
font-size: 13px !important;
padding: .5rem 0;
}
.dropdown-menu > li > a {
color: #777;
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
white-space: nowrap; 
}
.dropdown-menu > li > a:hover {
    background-color: #e1e3e9;
    color: #333;
}
.dropdown-menu > .silhover > a:hover {
    background-color: red;
    color: #fff;
}
.dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion {
    margin-right: 10px;
}
.dropdown-toggle {
    float: right;
    margin-right: 10px;
    border: 1px solid #f0f0f0;
    padding: 0 8px;
    border-radius: 5px;       
}

.btn-default:active:hover, .btn-default.active:hover, .show > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .show > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .show > .dropdown-toggle.btn-default.focus {
    color: #fff;
    background-color: #e87e00;
    border: 1px solid #8c8c8c;
    padding: 0 8px;
    border-radius: 5px;    
}
.dropdown-toggle::after {
    margin-left: 0;
    left:0;
}
.glyphicon{line-height: 0 !important;top:0 !important;margin-right: 2px}
.btn-default:focus > .glyphicon {  
    transform: rotate(360deg);
    transition-duration: 1s;  
}
.dropdown-menu > .uyari > a{background-color: red;color:white}
.dropdown-menu > .uyari > a:hover{background-color: red;color:black}
.dataTables_paginate .active, .dataTables_paginate a:focus, .dataTables_paginate a:hover{font-weight: bold}
.div.dataTables_wrapper div.dataTables_processing {
    padding: .5em 0 !important;
}
.dropdown-item.active, .dropdown-item:active {
 background-color: #f0f0f0 !important;
 color: black;
}
.form-control-feedback{margin-top: 0.5px !important;background-color: #f0f0f0;margin-left: -2px;height: 25px;width: 34px;}
.has-feedback .left-feedback{padding-left: 38px !important}
.color-box{margin-left: 10px;border-radius: 2px;background-color: #eeae4a !important;border: 1px solid #9a9a9a !important;width: 16px !important;height: 16px !important;}
.label-align {
    margin-top: -3px !important;
}
.label-align-modal {
    margin-top: 4px !important;
    font-weight: bold;
    font-size: 14px;
}
.nav li li.current-page a {color: #e87e00;font-weight: 700}
.nav.side-menu.nav .child_menu .current-page::before{background: #e87e00;}

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:-136%;margin-top:-6px;margin-right:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{right:100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.poptransfer{display:block;width:100%;margin:0;padding:20px 0;}
.poptransfer a{text-decoration:none;color:#575757;font-weight: 600;font-family:"Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif}
.poptransfer .baslik{display:block;width:100%;text-align:center;color:#333;font-family:'Oswald',sans-serif;font-size:25px;font-weight:300;line-height:110%;margin:0 0 30px}
.poptransfer .baslik b,.poptransfer .baslik strong{font-weight:700}
.poptransfer .sira{display:block;width:100%;margin:0}
.poptransfer .kutu{display:block;height:auto;width:25%;float:left;margin:1% 0 10px 1%;background-color:#fff;transition:.5s ease;-webkit-transition:.5s ease;-moz-transition:.5s ease;-webkit-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-moz-box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);box-shadow:2px 2px 2px 0 rgba(50,50,50,0.25);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.poptransfer .kutu .ikon{display:block;float:left;margin:5px 0 0 15px;font-size:20px;font-family:'Open Sans Condensed',sans-serif;font-weight:700;color:#E57F3D}
.poptransfer .kutu .yon{display:block;float:left;width:100%;text-align:left;margin:5px 0 15px 20px;line-height:125%;font-size:17px}
.poptransfer .kutu .yon b{display:block;font-weight:700}
.poptransfer .kutu .yon a{text-decoration:none;color:#575757}

.poptransfer .kutu .card-body{display:block;float:left;margin: -17px 0 0 280px;position: absolute;}

.poptransfer .kutu .fiyat{display:block;float:right;width:100px;text-align:right;margin:25px 20px 0 0;line-height:125%;font-size:40px;font-family:'Open Sans Condensed',sans-serif;font-weight:700;color:#333}
.poptransfer .kutu .fiyat b{display:block;font-weight:700}
.poptransfer .kutu  a{text-decoration:none;color:#575757}
.poptransfer .kutu .fiyat p{text-decoration:none;color:#333;font-size:25px;margin-left: 35px;font-weight:700}

.poptransfer .kutu .kullanilan{display:block;float:right;margin:5px 15px 15px 0;font-size:30px;font-family:'Open Sans Condensed',sans-serif;font-weight:700;color:#333}
.poptransfer .kutu .kullanilan a{text-decoration:none;color:#333}
.poptransfer .kutu:hover{background:#0F365D;color:#fff !important;}
.poptransfer .kutu:hover>.kutu,.poptransfer .kutu:hover>.fiyat,.poptransfer .kutu:hover>.fiyat p{color:#fff}

#kuyrukform .fa-question-circle{color: #2ea6b7;}
.filtre-bottom {margin-bottom: 10px}
.daterangepicker .ranges li:hover {
  background-color: #e87e00 !important;
}
.daterangepicker .ranges li.active {
  background-color: #e87e00 !important;    
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
      background-color: #e87e00 !important;
      border:none;
}

.modal-body audio
{
width: 100%;
-webkit-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
transition:all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #006773;
-webkit-box-shadow:  2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius:7px 7px 7px 7px ;
-webkit-border-radius:7px 7px 7px 7px ;
border-radius:7px 7px 7px 7px ;
}



.modal-body audio:hover,.modal-body audio:focus,.modal-body audio:active,.rate:hover,.rate:active,.rate:focus
{
-webkit-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.2);
-moz-box-shadow: 15px 15px 20px rgba(0,0, 0, 0.2);
box-shadow: 15px 15px 20px rgba(0,0, 0, 0.2);
-webkit-transform: scale(1.02);
-moz-transform: scale(1.02);
transform: scale(1.02);
}
.controlBar {background-color: orange !important;}    
.icondownload {font-size:32px;color:#2ea6b7 !important;padding: 10px 10px;}
.durumred {color:#E80000;font-size:16px;}
.durumgreen {color:#05ad0e;font-size:16px;}
.ex_durum {text-align: center}
.queue_durum {text-align: center !important;font-weight: bold;color: #fff;}
.progress, .progress.progress_sm {margin-bottom: 0 !important;margin-left: 8px !important;}
.bg-turkuaz {background: #2ea6b7 !important;border: 1px solid #2ea6b7 !important;color: #fff;}
.bg-sari {background: #dade12 !important;border: 1px solid #dade12 !important;color: #fff;}
.bg-acikmavi {background: #cce5ff !important;border: 1px solid #b8daff !important;color: #fff;padding: 20px 0;border-radius: 15px;margin-bottom: 10px}
.bg-yesil {background: #E5F2C7 !important;border: 1px solid #cad9a9 !important;color: #fff;padding: 20px 0;border-radius: 15px;margin-bottom: 10px}
.bg-kirmizi {background: #FBD1D2 !important;border: 1px solid #e6babb !important;color: #fff;padding: 20px 0;border-radius: 15px;margin-bottom: 10px}
.nonhedef {background-color: #0088CC;
border-radius: 5px;
position: relative;
display: block;
bottom: 0;
top: 29px;
padding: 4px;
color: #fff;}
.pasifbuton {background-color: #c9cacb;font-size: 10px;color:#333;padding: 5px 10px;border-radius: 5px;position: relative;margin-top: 5px;justify-content: center;box-shadow: 2px 2px 2px 0 rgba(50,50,50,0.25);-moz-transition: .5s ease;align-items: center;}
.pasifbuton:hover {background-color: #d3d5d6;color:#333;}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: #d6d0d0;
            opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: #d6d0d0;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: #d6d0d0;
 }
.dataTables_filter {font-weight: 400;font-size: 1rem;color: #212529;}
 
.list-unstyled li .media-body p{
     font-size: 16px;
     padding: 15px 0;
 }
 .list-unstyled li .pull-left {
     font-size: 16px;
     font-weight: 700;
     padding: 20px;
 }
 .tablohead {
     background-color: #E4EEFA !important;
 }
 .ex_pickup {color:red;text-align: center;font-weight: bold}
 .eye{position: relative;margin: 6px -23px;width: 25px;display: block;height: 25px;float: left;}
 .noeklemessage{line-height: 20px;margin-top:17px;font-size: 14px}
 .scroller {
  width: 100%;
  max-height: 420px;
  overflow-y: scroll;
  scrollbar-color: #2ea6b7 #fff;
  scrollbar-width: thin;
}
.rate {
height: 40px;
background-color: #484848;
border: none;
border-radius: 7px;
color: white;
width: 100%;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
-moz-box-shadow: 2px 2px 4px 0px #006773;
-webkit-box-shadow: 2px 2px 4px 0px #006773;
box-shadow: 2px 2px 4px 0px #006773;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;  
}
.chart-prc {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0;
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
z-index: 2;
font-size: 35px;
font-weight: bold;
width: 100%;
}
.chart-prc-small {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  z-index: 2;
  font-size: 35px;
  font-weight: bold;
  width: 100%;
}
.chart-prc-hour {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  display: -webkit-inline-box;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  z-index: 2;
  font-size: 20px;
  font-weight: bold;
  width: 100%;  
}
.chart-box {
    position: relative;
    margin-bottom: 10px;
    width: 100%;
}
.rapor-box {
display: block;
width: 100%;
margin: 0;
padding: 50px 0;    
}
.poptransfer .rapor-baslik {
  display: block;
  color: #333;
  font-family: 'Oswald',sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 110%;
  margin: 0 0 10px;
  float: left;  
}
.poptransfer .rapor-baslik2 {
  display: block;
  color: #333;
  font-family: 'Oswald',sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 110%;
  position: absolute;
}
.poptransfer .rapor-baslik strong {
font-weight: bold;
}
.poptransfer .rapor-baslik2 strong {
font-weight: bold;
}
.chart-box-label {
    text-align: center;
    line-height: 20px;
}
.section_our_solution {
  width: 100%;
}
.section_our_solution .row {
  align-items: center; 
}

.our_solution_category {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.our_solution_category .solution_cards_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.solution_cards_box .solution_card {
  flex: 0 50%;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgba(136, 144, 195, 0.2),
    0 5px 15px 0 rgba(37, 44, 97, 0.15);
  border-radius: 15px;
  margin: 8px;
  padding: 10px 15px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  min-height: 150px;
  transition: 0.7s;
  border-bottom: 10px solid #00325d;
}

.solution_cards_box .solution_card:hover {
  background: #00325d;
  color: #fff;
  transform: scale(1.1);
  z-index: 9;
  border-bottom: 10px solid #e87e00;
}

.solution_cards_box .solution_card:hover::before {
  background: rgb(85 108 214 / 10%);
}

.solution_cards_box .solution_card:hover .solu_title h3,
.solution_cards_box .solution_card:hover .solu_description p {
  color: #fff;
}

.solution_cards_box .solution_card:before {
  content: "";
  position: absolute;
  background: rgb(85 108 214 / 5%);
  width: 170px;
  height: 400px;
  z-index: -1;
  transform: rotate(42deg);
  right: -56px;
  top: -23px;
  border-radius: 35px;
}

.solution_cards_box .solution_card:hover .solu_description button {
  background: #fff !important;
  color: #309df0;
}

.solution_card .so_top_icon {
 
}

.solution_card .solu_title h3 {
  color:#00325d;
  font-size: 2rem;
  margin-top: 13px;
  margin-bottom: 13px;
  float: left;
}

.solution_card .solu_description p {
  font-size: 50px;
  margin-bottom: 15px;
  text-align: center;
}
.solution_card .solu_description fa {
  font-size:25px;
  text-align: center;
}
.our_solution_content h1 {
  text-transform: capitalize;
  margin-bottom: 1rem;
  font-size: 2.5rem;
}
.our_solution_content p {
}

.hover_color_bubble {
  position: absolute;
  background: rgb(54 81 207 / 15%);
  width: 100rem;
  height: 100rem;
  left: 0;
  right: 0;
  z-index: -1;
  top: 16rem;
  border-radius: 50%;
  transform: rotate(-36deg);
  left: -18rem;
  transition: 0.7s;
}

.solution_cards_box .solution_card:hover .hover_color_bubble {
  top: 0rem;
}

.solution_card .fa {font-size: 50px;}
.rows_right {text-align: right;margin-right: 5px;}
/*start media query*/
@media screen and (min-width: 320px) {
  .sol_card_top_3 {
    position: relative;
    top: 0;
  }

  .our_solution_category {
    width: 100%;
    margin: 0 auto;
  }

  .our_solution_category .solution_cards_box {
    flex: auto;
  }
}
@media only screen and (min-width: 768px) {
  .our_solution_category .solution_cards_box {
    flex: 1;
  }
}
@media only screen and (min-width: 1024px) {
  .sol_card_top_3 {
    position: relative;
    top: -3rem;
  }
  .our_solution_category {
    width: 95%;
    margin: 0 auto;
  }
}
.blokackapa-icon {
    float: right;
    top: 15px;
    position: absolute;
    right: 0;
    margin-right: 0;   
}
.blokackapa-icon label {
    margin-left:10px;
}
.kyrk-baslik {
    margin-left: 10px;
    font-size: 20px;
    font-weight: bold;
}
.sortable .x_title:hover,.sortable .x_title:active, .sortable .x_title:focus {
   cursor: move; 
   cursor: -webkit-grabbing;
}
.x_title_move {
  border-bottom: 2px solid #E6E9ED;
  padding: 1px 5px 6px;
  margin-bottom: 10px;
}

.ch-item {
    display: block;
    margin-top: 15px;
}
.ttscallclicss{margin-top:17px;font-size: 16px;}
.ttscallclicss span{line-height: 30px;display: block}
.questions_w span {overflow: hidden;max-width: 120px;}

.dashd .cart{
    padding:10px 0;
    margin-bottom:20px;
    float:left;
    min-height: 120px;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.dashq .cart{
    margin-bottom:20px;
    float:left;
    min-height: 220px;
    border-radius: 5px;
    border-top: 5px solid #b4e0ed;
    overflow: hidden;
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
  -webkit-animation: pulse 2s linear infinite;
  animation: pulse 2s linear infinite;
}
.dashd .cart .cartbaslik {
    font-size:14px;
    font-weight:700;
}
.dashd .cart .carttelefon {
    font-size:14px;
}
.dashd .cart .cartbaslik span, .dashd .cart .carttelefon span {display: block;width: 100%;line-height: 20px;overflow: hidden;font-size:13px;}
.basliksag {
    font-size: 14px;float: right;
}
.basliksagq {
    font-size: 14px;float: right;
}
.dashq .cart .cartbaslikq {
    font-size: 15px !important;
    font-weight: 700;
    background-color: #C9F0FC;
    height: 50px;
    padding: 9px 21px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
    overflow: hidden;
}
.dashq .cart .carttelefon {
    display: inline-block;
    padding: 5px 10px !important;
}

.basliksag label, .basliksagq label {
    margin-right: 30px;
    float: left;
}

#scroll {
   overflow-y:auto;
   height:auto;
   max-height:1000px;
 }
.boxblure {
    opacity: .5;
}
.box-content {
  visibility: hidden;
    width: 1px;
    height: 1px;  
}
.boxblure .box-content {
  bottom: 35px;    
  width: 100%;
  position: absolute;
  transition: all .5s ease 0s;
  visibility: visible;
  left: 85%; 
  opacity: 1 !important;
}
.boxblure .box-content input {
    width: 20px;
    height: 20px;
    opacity: 1.0 !important;    
}
#cikartAciklama, #cikartAciklamaq {padding-bottom: 25px;}

.dashq .carttelefon .qtelefonleft {float: left;width: 70%;top: 5px;position: relative;}
.dashq .carttelefon .qtelefonright {float: right;width: 30%;}
.dashq .carttelefon .qtelefonright .queueaktar, .dashd .carttelefon .qtelefonleft .queueaktar {background-color: bisque;padding: 5px 12px;border-radius: 5px;}
.dashq .carttelefon .qtelefonright .diff {padding: 5px;background-color: white;border-radius: 5px;float: right;}

      .equaliser-container {
        height: 40px;
        width: 100%;
        position: relative;
      }
      
      .colour-bar {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 20px;
        background: #999797;
      }
      
      .equaliser-column {
        width: 5px;
        float: left;
        margin: 0 2px 0 0;
        padding: 0;
        height: 20px;
        position: relative;
        list-style-type: none;
      }
      
      .equaliser-column:nth-child(1) .colour-bar {
        height: 3px;  
        animation: color-bar 1s 0.1s ease-out alternate infinite;
      }
      
      .equaliser-column:nth-child(2) .colour-bar {
        height: 5px;           
        animation: color-bar .5s 0.5s ease-out alternate infinite;
      }
      
      .equaliser-column:nth-child(3) .colour-bar {
        height: 4px;            
        animation: color-bar 0.5s 0.15s ease-out alternate infinite;
      }
      
      .equaliser-column:nth-child(4) .colour-bar {
        height: 7px;            
        animation: color-bar 1.1s 0.2s ease-out alternate infinite;
      }
      
      .equaliser-column:nth-child(5) .colour-bar {
        height: 8px;            
        animation: color-bar 0.8s 0.3s ease-out alternate infinite;
      }
     
      
      .equaliser-column:last-child {
        margin-right: 0;
      }
      
      @keyframes color-bar {
        0% {
          height: 1px;
          background: linear-gradient(45deg, cyan, #fff);
        }
        10% {
          height: 5px;
          background: linear-gradient(45deg, cyan, #fff);
        }
        20% {
          height: 5px;
          background: linear-gradient(45deg, cyan, #fff);
        }
        30% {
          height: 2px;
          background: linear-gradient(45deg, cyan, #fff);
        }
        40% {
          height: 3px;
          background: linear-gradient(45deg, cyan, #fff);
        }
        50% {
          height: 6px;
          background: linear-gradient(45deg, cyan, #fff);
        }
        60% {
          height: 3px;
          background: linear-gradient(45deg, cyan, #fff);
        }
        70% {
          height: 3px;
          background: linear-gradient(45deg, cyan, #fff);
        }
        80% {
          height: 7px;
          background: linear-gradient(45deg, cyan, #fff);
        }
        90% {
          height: 5px;
          background: linear-gradient(45deg, cyan, #fff);
        }
        100% {
          height: 10px;
          background: linear-gradient(45deg, cyan, #fff);
        }
      }
      .wave-container {display: flex;}      
      .wave {
          width: 3px;
          background: linear-gradient(45deg, cyan, #fff);
          margin: 3px;
          animation: wave 1s linear infinite;
          border-radius: 20px;
          height: 20px;
          position: relative;
      }
      .wave:nth-child(1) {animation-delay: 0.1s;height: 1px;top:9px;}       
      .wave:nth-child(2) {animation-delay: 0.2s;height: 1px;top:9px;}
      .wave:nth-child(3) {animation-delay: 0.3s;height: 5px;top:7.5px;}
      .wave:nth-child(4) {animation-delay: 0.4s;height: 10px;top:5px;}
      .wave:nth-child(5) {animation-delay: 0.5s;height: 15px;top:2.5px;}
      .wave:nth-child(6) {animation-delay: 0.6s;height: 20px;}
      .wave:nth-child(7) {animation-delay: 0.7s;height: 15px;top:2.5px;}
      .wave:nth-child(8) {animation-delay: 0.8s;height: 10px;top:5px;}
      .wave:nth-child(9) {animation-delay: 0.9s;height: 5px;top:7.5px;}
      .wave:nth-child(10) {animation-delay: 1s;height: 1px;top:9px;}
      
      @keyframes wave {
          0% {
              transform: scale(0);
          }
          50% {
              transform: scale(1);
          }            
          100% {
              transform: scale(0);
          } 
      }
      
      
      .labeltop {margin-top: 6px;}