.brand-animate {
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;

  transform-origin: 24px 24px;
  -webkit-transform-origin: 24px 24px;

  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;

  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;

  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

.pace-running .brand-animate{
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.pace-done .brand-animate{
  opacity: 0;
}

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



.navside .navbar-brand{line-height:1px;}
.navbar-brand img.vs-folded{display:none;    max-width: 100%;}
.folded .navbar-brand img.vs-folded{display:block;}


.top-buttons .btn{position:relative;}
.top-buttons .btn .label.up{position:absolute;top:-10px;right:5px;width:18px;height:18px;line-height:12px;font-size:11px;}




.zlayer{position:relative;z-index:1;}

img.absolbg {min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: fixed;top: 0;left: 0;}
@media screen and (max-width: 1024px) {
img.absolbg {left: 50%;margin-left: -512px;}
}


.loginbox .navbar-brand{margin:-20px 0 15px 0}



.nomargin{margin:0 !important;}

table{width:100%;}
select, input{border-radius: 2px;border: 1px solid #ecf0f1;padding: 3px 10px;}
.no-margin-bottom{ margin-bottom:0px !important;}

.table td, .table th{vertical-align:middle;}



#total_visitor_online h2{font-size:55px;}



.stats-row .box-body{min-height:190px; display: none !important;}



.switcher{top:70px;}
.switcher .sw-btn{    left: -33px;padding: 10px 12px;}

#example_wrapper .table.dataTable tbody th, table.dataTable tbody td{ padding:4px 5px !important;}
#example_wrapper .table.dataTable tbody th button, table.dataTable tbody td button{ margin-right:3px !important;}





.material-icons.md-12 {font-size: 12px;line-height: 8px;}



.dataTable tbody td{color:#242424;}
.box .dataTables_wrapper{background:#fff;}
table.dataTable thead th{border:1px solid #f5f5f5;}
table.dataTable tbody td{border-top:1px solid #f5f5f5;}
table.dataTable thead th, table.dataTable thead td{padding:10px;}
table.dataTable thead th.row-status, table.dataTable thead td.row-status{width:100px;text-align:right;}

.row-status>*{display:inline-block;}
.row-status-single {width:40px;text-align:center;}

table.dataTable.display thead th:last-child,
table.dataTable.display tbody tr td:last-child{width:80px;text-align:right;}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{border-top:none;}
table.dataTable.no-footer{border-bottom:2px solid #eee;}

.dataTables_length{padding:0 15px;}
.dataTables_length select{padding: 5px 12px;margin-left: -15px;border-radius: 3px;}
.dataTables_filter{padding:0 0px;}
.dataTables_filter input{padding:3px 10px;border:1px solid #ecf0f1;border-radius:3px}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:#242424 !important;background:#ecf0f1 !important;border:1px solid #fff !important;cursor:pointer !important;}
.dataTables_wrapper .dataTables_info{padding:5px 0 0 5px}
.table-responsive {margin-bottom: 50px;}



div.scrollbox {border:1px solid #eee;width:100%;height:170px;background: #FFFFFF;overflow: auto;border-radius:2px;padding:5px;box-shadow: 1px 1px 3px #eee;text-align:left;color:#333;}
.maxscroll{max-height:200px;overflow:auto;}
.multbox{    border: 1px solid #eee;padding: 15px;overflow: auto;max-height: 200px;}

.edit_modal{text-align:left;}





.htabs{clear:both;}
.htabs a{padding:0 15px;height:30px;line-height:30px;background:#ddd;color:#333;display:inline-block;border-radius:3px;list-style:none;}
.htabs a.selected{background:#354255;color:#fff;}



#tabs +form table.form td:first-child{width:250px;}
table.form select,
table.form input,
table.form textarea{padding:5px;border:1px solid #ecf0f1;}
#form textarea{line-height: 20px;}
.m-t--10{margin-top:-10px}




.superh3{font-size:16px;font-weight:600;}


#module-add,
.vtabs>*,
.vtabs>a{    display: block;position: relative;height: 35px;line-height: 35px;color: #000;padding: 0px 10px;margin-bottom: 5px;border-radius:3px;}
.vtabs>* .vticn,
#module-add .vticn,
.vtabs>a .vticn{position: absolute;right: 5px;top: 8px;padding: 2px 0;width: 20px;text-align: center;border-radius: 3px;cursor:pointer;}

.vmoduletable {}
.vmoduletable td.buttonstd{width:240px;vertical-align:top}
.vmoduletable #vtab-option .selected, .vmoduletable #vtab-catdetail .selected{background: #e1e1e1;}

.vtabs > #option-add{     padding: 3px;height: 41px; }
.vtabs > #option-add > input{ padding: 5px;height: 33px;width: 100%;box-sizing: border-box;}
.vtabs > .selected {background:#bbb;color:#fff;font-weight:bold;}


.hidden {display:none}
.shown {display:block}

#edit-c, #edit-m, #edit-p, #edit-y, #edit-z, #edit-v, #edit-t,#edit-x, .down-triangle, .hidden {display: none;}
#edit-c, #edit-m, #edit-p, #edit-x {margin: 0 10px;}
.bluebar {background: #E4EEF7;padding: 3px 10px;margin: 10px 0;border-top: 1px dotted #ecf0f1;border-bottom: 1px dotted #ecf0f1;height: 40px;font-size: 13px;line-height: 33px;	}
.clickable:hover {cursor: pointer;}
.scrollbox, select[multiple="multiple"] {width: 400px;height: 150px;text-align: left;overflow:auto;}
.scrollbox label:nth-child(even) div {background: #f6f6f6;}
.scrollbox label{display:inline}
.selectall-links {font-size: 11px;padding: 5px 5px 0 !important;}
.numeric {color: #00F;}




.errorbox{color:#ef193c;}



/* .bank-list.htabs a{    width: 225px;margin-bottom: 4px;} */
.bank-forms h5{
background-color: #e7f3fe;
border: 1px solid #b3d7f5;
color: #31708f;
padding: 15px;
border-radius: 8px;
font-size: 18px;
}
.bank-forms .threed_pay_alert{
background-color: #fdecea;
border: 1px solid #f5c6cb;
color: #a94442;
padding: 10px 20px;
border-radius: 8px;
font-size: 14px;
}
.bank-forms tr td:first-child{
width: 20%;
}

.navside  .b-primary .nav li > a.active{background:#101823; border-left:3px solid #2196f3}

.box.menulist{border-radius:3px 3px 0 0;overflow:hidden;}
.menulist .nav-md .nav-item + .nav-item{margin-left:0;}
.menulist .nav-pills .nav-link{border-radius:0;border-left:1px solid #ddd;}
.nav-pills .nav-item:first-child .nav-link{border-radius:4px 0 0 0}


.box-header{    border-radius: 3px 3px 0 0;}




.button_action >*{float:left;margin-right:5px;}

.content{clear:both;}



.st-form-line{    border: 1px solid #eee;vertical-align: middle;line-height: 38px;padding: 10px 15px;background: #fafafa;margin-bottom: -1px;margin-left: -6px;    clear: both;    width: 100%;
  float: left;}
.st-form-line .st-labeltext{width:120px;display:inline-block;float:left;}
.st-form-line select,
.st-form-line input[type="text"]{width:250px !important;height:36px !important;}






.tema_box {float: left;padding: 10px;border: 1px solid #eee;margin: 5px;display: inline-block;position: relative;background: #f6fafb; text-align: center;}
/*.btn_install{padding: 10px 30px;display: inline-block;background: #2196F3;border-radius: 3px;color: #fff;margin-top: 10px;}
.btn_install:hover{background: #00BCD4;}
.btn_demodata{display: inline-block;border-radius: 3px;margin-top: 10px;float: right;line-height: 30px;}
.btn_demodata_del{	color:red;	display:block;border-radius: 3px;margin-top: 10px;line-height: 30px;float: right;margin-right:10px;}*/
.tema_result{float: right;position: absolute;bottom: 10px;right: 10px;color: #000;}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
background: none;
  padding: 3px 9px;
  border: 1px solid #ddd;
  background: rgba(221, 221, 221, 0.61);
}
#theme_clear{float: right;cursor: pointer;padding: 5px;clear: left;width: 100%;text-align: right;}






.scrollable.hover, .scrollable.hover > .row-inner { overflow-y:visible !important;    padding-bottom: 60px;}

@media screen and (min-width: 960px) {
.scrollable.hover, .scrollable.hover > .row-inner {/* padding-bottom: 120px;*/}
}











#subnav>div{background-color: #16202f !important;}



.ui-check > i{    box-shadow: 0 0 1px rgb(120, 130, 140);}



.search-filter-box{}
.search-filter-box{margin-bottom:0 !important;}
.search-filter-box label{margin-bottom:0;}
.search-filter-box .form-control{padding:.3rem .75rem;}
.search-filter-box{}





.app-header:not(.hide) ~ .app-body{padding-top:3.8rem}


.navside .nav li{clear:both;}
.navside .btn-groups{clear:both;float:left;width:100%;background:#101823;padding: 12px 2px;box-sizing:border-box;}
.navside .btn-groups li{display: block;float:left;clear:none;}
.navside .btn-groups .btn{display:block;margin-bottom: 0;line-height:33px;height:33px;width: 36px;float: left;margin: 2px 3px;}

.dt-buttons{float:left;}

.nav-tabs{ z-index:0 !important;}

.edit_modal_img {border: 1px solid #ddd;padding: 5px;background: #f5f5f5;border-radius: 3px;height:200px;}



table#module input[type="text"]{width:75px;}


.icon-button {
  display: table-cell;
  cursor: pointer;
  border-radius: 4px;
  margin: 2px;
  background: #ff6600;
  padding: 4px 8px;
  color: #fff;
}
div.makro {
  border: 1px solid #aaa;
  background-color: yellow;
  color: #555;
  cursor: move;
  position: absolute;
  left: 5px;
  top: 5px;
  padding: 5px;
  z-index: 10;
}

div.makro {border:1px solid #aaa; background-color:yellow; color:#555; cursor:move; position:absolute; left:5px; top:5px; padding:5px; z-index:10;    min-width:40px;min-height: 30px; line-height: 10px;font-size: 12px; }
div.makro div.kapat { color:#aaa; font-size:9px; font-weight:bolder; cursor:default; position:absolute; right:3px; top:1px; }
.ui-icon-gripsmall-diagonal-se{background-position: -61px -221px}
.ui-icon{width: 13px;height: 13px;}
div.makro div.info { position:absolute; bottom:-15px; z-index:10; display:block;}

.makroIcerik >table{font-size:12px;}
.makroIcerik >table input.boyut{    width: 55px;margin-right: 5px;padding:0}

div.faturaGenelSayfa {border:1px solid #fff; position:relative; overflow:hidden; }
div.faturaGenelSayfa img.template_background{position:absolute;top:0px; left:0px; z-index:0;}





.btn.btnget-menu{    margin-left: -10px;margin-right: 10px;    padding: 0 8px;background:none;}
.btn.btnget-menu i{font-size:36px;}



.dt-buttons{margin-bottom:10px;}

@media (max-width: 991px){
table.dataTable thead th, table.dataTable thead td{font-size:10px;font-weight: normal;padding: 4px;background-image:none !important;}
table.dataTable thead .sorting{}
}



@media (max-width: 991px){

.breadcrumb{display:none;}
.app-body-inner #list .h5.p-x.p-t{display:none;}
}

.paginate_input{ width:50px;}




.xexportform{}
.xexportform .st-form-line:nth-child(2n){background:#fff;}
.xexportform .st-labeltext{width:240px;line-height:1.2;margin-right:15px;font-weight:600;}
.xexportform .st-labeltext font{font-size:12px !important}
.xexportform .paramlist{clear:both;}
.xexportform .paramlist .excel_parameter{    background: #eee;padding: 10px;float: left;width: 200px;height: 80px;margin: 5px;}
.xexportform .paramlist{}







.ent-cats{    max-width: 600px;overflow: auto;}
















.product-form-page #vtab-option,
.product-form-page .buttonstd{float:left;width:100%;}

#module-add,
.product-form-page .vtabs>*,
.vtabs>a, .vtabs>span.module-add {float: left;padding-right: 20px;background: #eee;margin-right: 4px;line-height: 30px;padding: 2px 20px 2px 10px;display: block;min-width: 120px;border-radius:0;margin-bottom:0;}
.product-form-page  .vtabs>a{margin-bottom:-4px;}
.vtabs>a.selected{background:#f3c111;}
.vtabs > #option-add{    padding: 2px;height: auto;background: #ff9b1b;margin:0;}
.vmoduletable{clear:both;}
.vtabs-content{border: 2px solid #f3c111;padding: 10px;}
.product-form-page .vtabs-content{margin: -13px -16px;}
.vtabs > #option-add > input{border-radius:0;height:31px;}
.vtabs-content td .image img{max-width:100px;height:auto !important;}


.product-form-page .vtabs1>*,
.vtabs1>a, .vtabs1>span.module-add {float: left;padding-right: 20px;background: #eee;margin-right: 4px;line-height: 30px;padding: 2px 20px 2px 10px;display: block;min-width: 120px;border-radius:0;margin-bottom:0;}
.product-form-page  .vtabs1>a{margin-bottom:-4px;}
.vtabs1>a.selected{background:#f3c111;}
.vtabs1 > #option-add{    padding: 2px;height: auto;background: #ff9b1b;margin:0;}
.vtabs1 > #option-add > input{border-radius:0;height:31px;}

.vtabs1>*,
.vtabs1>a{    display: block;position: relative;height: 35px;line-height: 35px;color: #000;padding: 0px 10px;margin-bottom: 5px;border-radius:3px;}
.vtabs1>* .vticn,
#module-add .vticn,
.vtabs1>a .vticn{position: absolute;right: 5px;top: 8px;padding: 2px 0;width: 20px;text-align: center;border-radius: 3px;cursor:pointer;}


.vtabs1 > #option-add{     padding: 3px;height: 41px; }
.vtabs1 > #option-add > input{ padding: 5px;height: 33px;width: 100%;box-sizing: border-box;}
.vtabs1 > .selected {background:#bbb;color:#fff;font-weight:bold;}





.moduleBoxID{clear:both;}

#module-add,.module-add{background:#f9f9f9 !important;cursor:pointer;}

.table > tbody > tr > td.tab-content-cell,.tab-content-cell{padding:0;}



.inpVal1 input{min-width:100px;}

.order_prd_image{
border: 1px solid #eee;
  border-radius: 5px;
  margin-right: 10px;
  padding: 6px;
  background: #fff;
}