.msa {display:none !important;}.ma {display:none !important;}.su {display:none !important;}
.loading-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    flex-direction: column;
    text-align: center;
}
.hamburger-menu {
  background: linear-gradient(45deg, #1a1717, #393535, #534b4b, #6f6f6f, #919191, #656464, #3b3939, #2b2b2b);
  background-size: 400% 400%;
  border: none;
  display: inline-block;
  padding: 12px;
  border-radius: 10px;
  backdrop-filter: blur(10px);
  animation: gradientAnimation 6s ease infinite;
  outline: none;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.icon-bar {
  background-color: rgba(255, 255, 255, 0.6);
  display: block;
  height: 4px;
  margin: 0 auto 4px;
  width: 26px;
  border-radius: 2px;
  transition: background-color 0.5s ease;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.8);
}

.hamburger-menu:hover .icon-bar {
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 12px rgba(255, 255, 255, 1);
}
.hamburger-menu:focus {
  outline: none;
  border: none; 
}
.page-header, .sidebar-title, .sidebar-toggle, .sidebar-left > .nano {
	background-color:#2c2c2d;
}

#background-video { width: 100vw; height: 100vh; object-fit: cover; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; }
.v8-col200pxL-left fieldset { width: 200px; float: right;}
.cke_notification_message {display:none;}
.cke_notifications_area {display:none;}
#jswpanel {  background-color: rgb(32 33 35);
.input-group-prepend{padding: 5px 5px 0px 5px !important;}
html .scroll-to-top { display:none !important; }
body { font-size:14px; }
body a, body a:focus, body a:hover, body a:active, body a:visited { outline: none !important; }
a, a:hover, a:focus { color: #fff; font-weight:600;text-decoration: none;}
.header .toggle-sidebar-left {font-size: 25px;color: #fff; background: linear-gradient(45deg, #1a1717, #393535, #534b4b, #6f6f6f, #919191, #656464, #3b3939, #2b2b2b);

    background-size: 400% 400%;
    display: inline-block;
    border-radius: 10px;
    backdrop-filter: blur(10px);
    animation: gradientAnimation 6s ease infinite;
    outline: none;
	height: 42px;
    width: 43px;
    line-height: 42px;
}

@keyframes gradientAnimation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.sidebar-header .sidebar-toggle {border-radius: 0px 20px 0px 0px; position: absolute; left: 0px; top: 0px; cursor:pointer;}
.sidebar-left {background: #2c2c2d; border-radius: 0px 20px 20px 0px; margin-top: 40px; }
html.no-overflowscrolling .nano > .nano-content { left: -5px;}
ul.nav-main > li > a {font-size: 15px;}
ul.nav-main > li.nav-active > a {font-size: 15px;border-radius: 0px 20px 20px 0px;}
.page-header h2 { border-bottom: 0px solid #CCC; }
.page-header { display:none; }
.v3-circle { background: #856404; padding: 5px; font-size: 17px; text-align: center; color: #fff3cd; display: inherit; width: 34px; height: 34px;border-radius: 5px;}
.v3-date { display: inherit; width: 34px; height: 34px; }
.v3-date span:nth-child(1) { background: #856404; padding: 0px; font-size: 14px; text-align: center; color: #fff3cd; display: block; width: 34px; height: 20px; border-radius: 5px 5px 0px 0px;}
.v3-date span:nth-child(2) { background: #721c24; padding: 0px; font-size: 12px; text-align: center; color: #f8d7da; display: block; width: 34px; height: 20px; }
.sfa { font-family: 'FontAwesome', 'Second Font name'; border:0px;}
.sna {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; padding:3px !important; border:0px;}
.sfa option, .sna option {text-align: center;}
.form legend { position: relative; color: #ffffff; font-size: 13px;}
.crm_info {position:relative;background: whitesmoke;}
.info_icon {position:absolute;top: -15px; right: 5px; font-size:16px;}
.chosen-container-single .chosen-single {}
.transactions_table 	{min-width: max-content; }

.vclass {filter:drop-shadow(2px 2px 1px #f8d7da);}
.valert {color:red; clear: both; text-align: left; padding-top: 5px; font-size: 12px; margin-bottom: -7px;}
#control-bar.fixed				{z-index: 999; }
#conn 								{display:none;position: fixed; z-index: 99999; font-size:14px; top: 0px; left: 0px; width: 100%; text-align: center; padding: 5px;}
.authenticator					{position: absolute; width:250px; text-align: center; z-index: 9999999; top: -73px; display: none; border-radius: 10px; right: 83px;}
.auth_qr							{display:none;}
.authenticator input			{text-align:center; background: #eff3fa !important; border:1px solid #ccc !important; height: 50px; font-size: 20px !important; font-weight: bold;}
.dark .authenticator input 	{text-align:center; background: #272727c4 !important; border:1px solid #ccc !important; height: 50px; font-size: 20px !important; font-weight: bold;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
#uploadarea, .medias	{min-height: 350px !important;}
#uploadarea					{border: 2px dashed #d9d9d9; border-left: 5px solid #fe8100 !important;}
.b1o {border:1px solid #856404 !important}
.down:after {font-family: "Font Awesome 5 Free"; content: "\f107"; position:absolute;}
#cke_rte{width:100%;}
.mcbtn {margin: 4px 8px;}
.timeline .tm-items > li {margin: 20px 0; min-height: 40px; color:#fff; font-weight: 700; }
.btn-edit-row i {color:#000;}
.dropdown-menu .dropdown-item { font-size: 0.9rem; color:#000; }
.clnspan {color:#fff!important;}
.dropdown-menu .dropdown-item input { float: left; margin-right: 5px; margin-top: 3px; }
#menu .v3-badge{position:absolute; right:20px; margin-right: 20px;margin-top: 2px;color: #33363c;}
table { border-collapse: collapse; border:0px; overflow: hidden; color:#eff2f6;}
.table {margin-bottom:0px !important; width:100%;}
.table th {vertical-align: middle !important;}
.table td {}
.table input {width: 100%;font-weight: 500;font-size: 14px;font-family: arial, sans-serif; color:#fff;}
.table-bordered { border: 0px; }
.table.table-no-more tr {border: 1px solid #3d3d3d;}
.v3-table > tbody > tr > td, .v3-table > tbody > tr > th, .v3-table > thead > tr > th {vertical-align: middle !important;position: relative;}
body .card-body { background: #202221 !important; padding:5px;}
.btr {border-top:2px solid #1fb155 !important;}
.tm-body{padding: 0px 10px;}
	#uploadrea {
	border-left: 5px #1fb155 solid !important;
}
.form fieldset, .fieldset {border-radius:20px;margin-bottom: 6px!important;}
.card-title { color: #eff2f6 !important; }
.header { border-bottom: 0px solid #ff4848 !important;}
.card-featured-warning .card-title { color: #1fb155 !important; }
.card-featured-danger .card-title { color: #1fb155 !important; }
.card-featured-success .card-title { color: #1fb155 !important; }
.card-featured-info .card-title { color: #1fb155 !important; }
.card-featured-warning { border-color: #ff4848 !important; }
.card-featured-danger { border-color: #ff4848 !important; }
.card-featured-success { border-color: #ff4848 !important; }
.card-featured-info { border-color: #ff4848 !important; }
ul.v8-tabs li > a, ul.v8-side-tabs li > a, ul.v8-tabs li > span, ul.v8-side-tabs li > span {color:#3d3d3d;}
.userbox {background: #2c2c2d; padding: 5px; border: 2px solid #797979; border-radius: 30px;}
.right-wrapper {display:none;}
.profile-info span {color:#fff;}
.turn {animation: spin 15s linear infinite;}
@keyframes spin {  100% { transform: rotateZ(360deg); } }
.run {animation: run 10s linear infinite;}
@-webkit-keyframes run {
	0%		{ left: 20%; }
	50%		{ left: 40%; }
	100%	{ left: 20%; }
}
#gesturepwd{text-align: center;background: transparent !important;}
.hweather {top:5px;}
.hweather img{margin-top: -40px;}
.wj1 {font-size: 14px; position: absolute; bottom: 0px; width: 100px;}
.wj2 {font-size: 33px; position: absolute; top: 5px;}
.wj2:after { content: "\00b0" }
.hdate {display:block; font-size:33px; margin-top:5px;}
.hdate span {display:block; font-size:18px;}
.icons{ height: 100px; overflow: auto; list-style: none; position: absolute; width: 100%; background: white; padding: 0px; border: 1px solid #ccc; z-index:999;}
.icons li{ padding: 3px; cursor:pointer; }
.icons li:hover{background: bisque;}
#addclient { padding:10px; border-radius: 0px 0px 10px 10px;}
#addclient input{ background:white !important;}
#modalFull {padding:0px !important;}
.modal {overflow: initial !important;}
/*.modal-backdrop{display:none !important;}*/
.modal-backdrop {
    z-index: 9999;
	background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(5px);
} 
.modal-dialog { margin: 0px auto; }
.modal-content { border-radius: 0px 0px 0px 5px; }
.v3-modal-title {width:100%; text-align:right; font-size:13px; margin:0px;}
.modal.left .modal-dialog, .modal.right .modal-dialog { height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.modal.left .modal-content, .modal.right .modal-content { height: 100%;}	
/*Left*/
.modal.left{ left: -400px !important; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out !important; -moz-transition: opacity 0.3s linear, left 0.3s ease-out !important; -o-transition: opacity 0.3s linear, left 0.3s ease-out !important; transition: opacity 0.3s linear, left 0.3s ease-out !important;}
.modal.left.fade.show { left: 0px !important; }
/*Right*/
.modal.right { right: -400px !important; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out !important; -moz-transition: opacity 0.3s linear, right 0.3s ease-out !important; -o-transition: opacity 0.3s linear, right 0.3s ease-out !important; transition: opacity 0.3s linear, right 0.3s ease-out !important;}
.modal.right.fade.show { right: 0px !important; }
.multiselect-container > li.active > a > label { color: #33363c; }
.dataTables_length {padding:10px;}
.dataTables_filter {padding:10px;}
.dataTables_length select { height: 34px !important; border: 1px solid !important; }
div.dataTables_wrapper div.dataTables_filter input { border: 1px solid !important;height: 34px; }
.cnews .owl-nav {display:block !important}
.cnews .owl-nav .owl-prev {background:transparent;}
.cnews .owl-nav .owl-prev:hover {background:transparent}
.cnews .owl-nav .owl-next {background: transparent;}
.cnews .owl-nav .owl-next:hover {background: transparent;}
.cnews .owl-nav .owl-prev { left: -15px; padding: 0px;}
.cnews .owl-nav .owl-next { right: -15px;  padding: 0px;}
.cnews .owl-stage-outer {margin-left: 15px;margin-top: -49px;}
.news {max-width:500px; overflow:hidden;}
.news a{ font-size:13px; color:silver; display:block; width:100%}
.pull-left{ font-size:13px; color:silver; margin-top: 1px; margin-right: 4px;}
.pfont {font-family: 'Orbitron', sans-serif !important;}
#lnotifications li {border-bottom: 1px solid #ccc; padding-bottom: 5px;}
.notes li {border-bottom: 1px solid #cccccc2e; padding-bottom: 5px;}
.bgt {background: #ffffff33;}
.card-body .count{font-size:24px !important;}
input[type=color] { padding: 0px; }
.clist { list-style:none; padding:5px; background: white; border-left: 1px #ccc solid; bottom: 60px;}
.clist li { padding:5px; }
.clist li:hover { background: orange; }
::-webkit-scrollbar { width: 0.5em;  height: 0.5em;}
::-webkit-scrollbar-button { background: #ccc }
::-webkit-scrollbar-track-piece { background: #888 }
::-webkit-scrollbar-thumb { background: #eee }
label {display:block;}
.bilgi { float:right; margin: 20px; min-height: 100px; list-style: none; width: }
.bilgi li { width: 250px; margin-bottom: 3px; background-color: rgb(233 131 75 / 92%); color: #fff; padding: 8px;}
.tabs-content{ height:auto !important; }
.fa-times{ color:red; font-size: 14px; padding: 2px; }
.fa-info{ padding: 2px 3px; }
.clnspan { float: right; margin-right: 5px; margin-top: -20px; position: relative; z-index: 2; color: #999; font-size:14px; opacity: 0.5}
@font-face { font-family: 'AbakuTLSymSansRegular'; src: url('font/abakutlsymsans.eot'); src: url('font/abakutlsymsans.eot?#iefix') format('embedded-opentype'), url('font/abakutlsymsans.woff') format('woff'), url('font/abakutlsymsans.ttf') format('truetype'), url('font/abakutlsymsans.svg#AbakuTLSymSansRegular') format('svg'); font-weight: normal; font-style: normal; }
tl { font: Arial, Helvetica, sans-serif; }
tl:before { font-family: "AbakuTLSymSansRegular", serif; font-size: 12px; content: "t"; padding-right: 5px;}
.btn-delete-row { padding: 5px; }
.btn-ban-row { padding: 5px; }
.btn-edit-row { padding: 5px; }
/* message box */
.message-box { display: none; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999999; }
.message-box.open { display: block; }
.message-box .mb-container { position: absolute; left: 0px; top: 30%; background: rgba(0, 0, 0, 0.9); padding: 20px; width: 100%; }
@media screen and (min-width: 961px) {
.message-box .mb-container .mb-middle { width: 50%; left: 25%; position: relative; color: #FFF; }
.message-box .mb-container .mb-middle .mb-title { width: 100%; float: left; padding: 10px 0px 0px; font-size: 31px; font-weight: 400; line-height: 36px; }
.message-box .mb-container .mb-middle .mb-content p { margin-bottom: 0px; }
}
@media screen and (max-width: 960px) {
.message-box .mb-container .mb-middle { width: 65%; left: 15%; position: relative; color: #FFF; }
.message-box .mb-container .mb-middle .mb-title { width: 100%; float: left; padding: 10px 0px 0px; font-size: 13px; font-weight: 400; line-height: 20px; }
.message-box .mb-container .mb-middle .mb-content p { margin-bottom: 0px;font-size:11px;}
}
.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon { font-size: 38px; float: left; margin-right: 10px; }
.message-box .mb-container .mb-middle .mb-content { width: 100%; float: left; padding: 10px 0px 0px; }
.message-box .mb-container .mb-middle .mb-footer { width: 100%; float: left; padding: 10px 0px; }
.message-box.message-box-warning .mb-container { background: rgba(254, 162, 35, 0.9); }
.message-box.message-box-danger .mb-container { background: rgba(182, 70, 69, 0.9); }
.message-box.message-box-info .mb-container { background: rgba(63, 186, 228, 0.9); }
.message-box.message-box-success .mb-container { background: rgba(149, 183, 93, 0.9); }
/* end message box */
#llock, #lunlock, #lban {font-size:150px; position:absolute; margin-left:36%; margin-top:-50%; display:none; z-index:999999;}
@media print { .noprint { display: none !important; } }
li.alert-default{background-color: #7a7b7f !important;}
.dn {display:none;}
.dropdown-menu{padding: 5px;}
.card-header .btn{font-size: 17px;background: darkgrey;color: #fff;}
.input-group-btn .btn{color: #ffffff !important; font-size: 18px !important; margin-left: 8px;}
.card-subtitle {display:none;}
.alert {padding: 6px !important;
        border: 0px;
        font-size: 14px !important;
        font-weight: 600;
        width: 100%;
        top: 10px;
        background: rgb(8 163 42 / 85%) !important;
        color: #ffffff !important;}
.form fieldset, .fieldset {padding: 2px 2px 10px 15px;background-color: rgb(93 93 93 / 18%);}
.form fieldset p{font-size: 10px; position: absolute; margin-top: 0px; text-align: right; width: 95%; right:15px; }
#ctck {position: absolute; top: 0px; right: 0px;}
.wtimes {margin-top:-10px;}
.wtimes .wt{text-align:center; background: #f4f4dc; padding: 10px; border-radius: 15px;}
.wtime{font-size:20px !important;}
.image .bg-danger.fa{background-color:transparent !important; color:#dc3545 !important;}
.image .bg-warning.fa{background-color: #454545 !important; color: #797979 !important;}
.notification-menu .title {color: #ffffff; display: block; font-size: 14px; text-transform: uppercase; line-height: 28px;}
.notifications .notification-menu .content { padding: 0px;}
.notification-menu li {padding: 3px 5px !important; margin: 5px;background-color: #474747;border-radius: 20px;}
.notification-menu li:hover {background: #4b4c51; border-radius: 20px;}
#lnotifications li { padding: 3px 0px; min-height: 45px; margin:0px;}
#lnotifications li:hover{background: oldlace;}
.notifications .notification-menu .content { padding: 5px; }
.card-body {padding: 0px;border-radius: 20px;margin-top: 10px;padding: 20px; }
.tooltip {left:-41% !important;}
tbody tr:hover {border: 1px solid #555555 !important;}
.noshadow tr:hover { box-shadow: none !important;}
table.calendar > tbody tr:hover { background-color: unset !important; box-shadow: unset !important; }
.calendar tbody th, .calendar tbody td, .list-calendar tbody th, .list-calendar tbody td { vertical-align: top !important; }
.sort{float:right; width:2px; line-height: 0px; margin-top:15px;}
.order{float:right; width:2px; line-height: 0px; margin-top:5px; margin-right: 10px;}
.order a{line-height: 7px;}
.note-editable {height:450px !important;}
.table.table-no-more td {}
.scrollable .scrollable-content {padding: 0px;}
label {display:block !important; width: 100%;}