/*
Template: Ally - Responsive Bootstrap 4 Admin Dashboard Template
Author: Ali AKKEÇECİ
Design and Developed by: Ali AKKEÇECİ
NOTE: This file contains the styling for responsive Template.
*/
:root{
    --acik-renk:#1e1e2d;
    --koyu-renk:#151521;
    --link-rengi:#99b3e5;
    --renk1:#192636;
    --renk2:#182e45;
    --renk3:#163754;
    --renk4:#153f62;
    --renk5:#134871;
    --renk6:#125080;
    --btn1:#F6DA0F;
    --btn2:#a4cd5f;
    --btn3:#52c0af;
    --btn4:#00b3ff;
    --btn5:#7e7e82;
    --btn6:#fc4905;
}

.btn1{background: var(--btn1) !important;}
.btn2{background: var(--btn2) !important;}
.btn3{background: var(--btn3) !important;}
.btn4{background: var(--btn4) !important;}
.btn5{background: var(--btn5) !important;}
.btn6{background: var(--btn6) !important;}
.btn1:hover,.btn2:hover,.btn3:hover,.btn4:hover,.btn5:hover,.btn6:hover{opacity:.5;}

.satir{
    margin-bottom:50px;
    padding-bottom: 50px;
    border-bottom:2px dashed ##fff;
}
.table-remove{
/*    margin-top: 10px;*/
    float: left;
    width: 100%;
}
.table-remove button{
    
    width: 100%;
}
.btn i{font-size:22px}
.carilinkler .clink{Width:100%}
.lh20{line-height: 20px !important;}
.table-responsive .row{
    width:100% !important;
}


#table_wrapper .row{width:100%}
.eylemler{width:315px !important}
.pagination li {
    background: var(--acik-renk);
    padding: 10px;
}
.pagination li a{
    color:var(--link-rengi);
}
.pagination .active{
    background: var(--renk3);
    padding: 10px;
}
.pagination .disabled a{
    color: #224b6e;
    cursor: no-drop;
}
.dataTables_filter{float:right;margin-bottom:15px}
.dataTables_filter .form-control{
    height: 30px;
    line-height: 45px;
/*    background: #3a3a52;*/
    border: 0px solid #d7dbda;
    font-size: 14px;
    color: #777D74;    margin-left: 10px;width: 300px;
    max-width: 100%;
    }
.dataTables_length{float:left;margin-bottom:15px}
.dataTables_length .form-control{
    height: 30px;
    line-height: 45px;
/*    background: #3a3a52;*/
    border: 0px solid #d7dbda;
    font-size: 14px;
    color: #777D74;    margin: 0 10px;
}
.copy {
    cursor: pointer;
}

.copy:hover {
    cursor: pointer;
}

.copy:active {
    cursor: pointer;
    font-weight: bold;
}

.dataTables_paginate{
    float: right;
    margin-top: 15px;
}
.duzenlewidth{}
#table td{text-align: center}
.men{overflow: hidden;position: relative;transition: all .3s;}
.men i{
    font-size: 80px !important;
    opacity: .5;
    position: absolute;
    margin-top:-20px;    z-index: -1;transition: all .3s;right:0;
}
.men:hover i{
    font-size: 160px !important;
    opacity: .5;
    position: absolute;
    margin-top:-20px;
}
.men:hover{
    transform: scale(1.1);
}
.card-bg1,.card-bg2,.card-bg3,.card-bg4,.card-bg5,.card-bg6{overflow: hidden;}

.ui-sortable-placeholder{border: 5px solid #ccc;background: #ccc !important;}
.dataTables_wrapper .row{Width:100%;}
.modal{background: rgb(0 0 0 / 72%);}
#musteriTable{width:100% !important}
.temalar{padding-top:23px}
.iq-sidebar-menu .iq-menu li a {padding: 5px 18px 5px 30px !important;}
.modal {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.mktr{position: relative;
    margin-right: 6px;
    float: right;
    margin-top: -27px;
}
.hiddenmobil{display: none}
@media (max-width: 767px) {
    .table th{
width: 200px;
    }.table td{
width: 200px;
    }
    .hiddenmobil{display: block}
}

#table tr td:first-child {
    text-align: left;
}
#table tr td:first-child:hover  {
    text-align: left;padding-left:10px;
}

.w250{width:250px}
.w100{width:100px}
.w90{width:90px}
.w80{width:80px}
.tal{text-align: left}
.tar{text-align: right}
.tac{text-align: center}
.cariadimmm{border-radius:8px;padding:10px!important}
#cariadimm span{border-right:1px solid;padding:0 20px}
#cariadimm span:last-child{border-right:0px solid;}
.calendar-icon {
    position: absolute;
    top: 40px;
    right: 25px;
}
.eylemlers i{
    border-right: 2px solid #00000047;
    float: left;
    font-size: 20px !important;
    padding: 6px 10px;
    margin-top: -5px;
    margin-left: -10px;
    width: 40px;
    background: rgb(0 0 0 / 51%);
    border-radius: 6px 0 0 6px;
}
.eylemlers .btn{
    padding: 5px 10px;
}
.yuzdeyuz{width:100%}