@import "ceviri.css";
.pointer {cursor:pointer;}
.pasifimg {-webkit-filter: grayscale(100%);filter: grayscale(100%);}
button.g-recaptcha {background-color: #87189A;color:#FFFFFF;}
textarea {resize: none;}
@font-face {
    
  font-family: RubikFont;
  src: url(../fonts/rubik/Rubik-Regular.ttf);

}

@font-face {
    
  font-family: RubikFontBold;
  src: url(../fonts/rubik/Rubik-Bold.ttf);

}


@font-face {
    
  font-family: PoppinsFont;
  src: url(../fonts/poppins/Poppins-Regular.ttf);

}

@font-face {
    
  font-family: PoppinsFontBold;
  src: url(../fonts/poppins/Poppins-Bold.ttf);

}
.tabs-animated .nav-item .active:before {background-color:#831796;box-shadow: none;}
.tabs-animated .nav-item .nav-link:hover:before {
    background-image: linear-gradient( -1deg , #3f0c47, #831796);
    box-shadow: none;;
}
/*  Chromium tarayıcılarında varsayılan olarak input arkaplan rengini beyaz yapar */
/* Chrome [   */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  { -webkit-box-shadow: 0 0 0 30px white inset !important;}
.input-group-text{ background-color:#FFF; }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: #a667b1;
  outline: 0 none;
  
  
}
/* ] Chrome    */

.YazilarSecilemesin {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}




body{ font-family:RubikFont;}

/*
 ====
 Genel Kapsayici 
 ====
*/
#Kapsayici{
     background-color: #fefaff;
    
}



/*
 ====
 Sidebar CSS
 ====
*/
.app-sidebar .scrollbar-sidebar, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card .scrollbar-sidebar{ background:#3C0B44;}
.vertical-nav-menu li a{ color:#ECE7EE;}
.vertical-nav-menu li a:hover , .vertical-nav-menu li.mm-active>a, .vertical-nav-menu ul li a{ color:#FFFFFF; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color:#ffffff; }
.app-sidebar__heading{ color:#ffffff;}
.vertical-nav-menu ul>li>a:hover{color:#A88BB3;}
.app-sidebar-wrapper{left:0px; top:0px; height:calc(100%);}

#UstBarKapsayici{
    height:72px;
    background:#FFFFFF;
    margin-bottom:24px;
    box-shadow: 0 4px 16px 0 rgba(136, 24, 154, 0.08);
}

#UstBarKapsayici > div.FirmaAdiBilgisi{
    /*background:#6F147F; */
    background-image: linear-gradient( -1deg , #3f0c47, #831796);
    border-radius:5px; 
    width:84%;  
    filter: alpha(opacity=40);
}
#UstBarKapsayici a#ProfilIcon{    
    float:right;
}

#UstBarKapsayici a#ProfilIcon div{
    width:37px; 
    height:37px; 
    background:#88189A; 
    color:#FFFFFF; 
    padding-top:10px; 
    margin-top:8px;    
}

#UstBarKapsayici a#ProfilIcon div:hover{    
   background:#a667b1;    
}

/*
 ===
 Ust Başlık    
 ===
*/
.SayfaKonusuBaslikKapsayici{
 width:100%;  
 background-color:#ffffff;
 box-shadow: 0 4px 16px 0 rgba(136, 24, 154, 0.08);
 padding:20px;
}


.SayfaKonusuBaslikKapsayici .Baslik{
 opacity: 0.8;
 font-family: RubikFont;
 font-size: 20px;
 font-weight: bold;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.4;
 letter-spacing: normal;
 text-align: left;
 color: #043d75;
}

/*
 ===
  Ust Başlık  >  Filtre Bar | Detay  
 ===
*/
.UstDetay{
  height:auto;
  background-image: linear-gradient(90deg,#3c0b44, #87189a );  
    
}


/*
 ===
  Ust Başlık  >  Filtre Bar  
 ===
*/

.FiltreBarKapsayici{
    width:100%;  
    background-color:#ffffff;
    box-shadow: 0 4px 16px 0 rgba(136, 24, 154, 0.08);  
    border-radius: 4px;
    padding:10px;
}
.FiltreBarKapsayici span{
    font-size:14px;
    color: #053d6b;
    font-family: RubikFont;
    font-weight:bold;

}

.FiltreBarKapsayici .AramaInput{
    
    
    
}

.FiltreBarKapsayici .YeniEkle{   /* Yeni Cari Firma Ekle, Yeni Firma Ekle gibi butonlar */
  
}


/*
 ===
 Veri Liste
 ===
*/

.VeriListe div.col{
  padding-left:0px;
  padding-right:0px;
}


/*
 ====
 Logo ve Header CSS
 ====
*/

.app-header__logo .logo-src { background: url(../img/logo.png) no-repeat; height: 17px; width: 68px; }
.app-logo   { height:85px; width:216px; background:url(../img/logo.png) 50% 50% no-repeat }
.app-logo-inverse{ height:85px; width:216px; background:url(../img/logo216x85.png) 50% 50% no-repeat}
.app-login-box .app-logo{ margin-bottom:2rem}
.header-mobile-wrapper .app-header__logo .logo-src { background: url(../img/logo106x41.png) 50% 50% no-repeat;}
.app-header__logo .logo-src { background:url(../img/logo106x41.png) 50% 50% no-repeat; height: 41px; width: 106px; }
.app-header__logo{ background:#3C0B44; }
.header-mobile-wrapper{ border-bottom: rgba(0,0,0,0.04) solid 1px; background: rgba(0,0,0,0.01); }

/*
 === 
  Header Login CSS -  
 ===
*/

  span.InlineText:before{  content: "\A"; white-space:pre;}                               

/*
  ===
   Header Sticky Menu CSS
  ===
*/

.fixed-top {
    top: -40px;
    transform: translateY(40px);
    transition: transform .8s;
}


/*
 ====
 Sayfalama CSS
 ====
*/
div#SayfalamaLinkKapsayici{ width:100%; }
div#SayfalamaLinkKapsayici a, strong{ position: relative; display: inline; padding: .3rem .55rem; margin-left: -1px; line-height: 1.25; color: #da624a; background-color: #fff; border: 1px solid #dee2e6; }

/*
 ===
 Yeni Sayfalama, onceki sayfalamalar yukaridaki stili kullaniyor onu kaldiracagiz 
 ===
*/
div#YeniSayfalamaLinkKapsayici > div#SayfalamaLinkleri a{
    position: relative; 
    display: inline;
    width: 22px;
    height: 22px;
    margin: 0 3px;
    padding: 11px 20px 9px 17px;
    border-radius: 4px;
    box-shadow: 0 4px 16px 0 rgba(136, 24, 154, 0.08);
    background-color: #ffffff;
    cursor: pointer; 
}


div#YeniSayfalamaLinkKapsayici > div#SayfalamaLinkleri > button.Gecerli{
color:red;
background:#def;
}
/*
 ====
 Menü Başlıkları
 ====
*/

/*.menuBaslik1{ margin: 0 8px 0 0; font-family: RubikFont; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5;letter-spacing: normal; text-align: left; color: #87189a; } */


/*
 ====
 Form Submit Butonları  
 Event onlick ise css etkilemez. 
 ====
*/
a.btn-alternate {background-color: #87189A; color:#fff;}
button[type='submit']
, button[type='submit']:hover
,button[type='button'].btn-alternate
,button[type='button'].btn-alternate:hover {
    background:#87189A;
    color:#FFFFFF;
}

button.btn-alternate-soft{    
    background :#a667b1;
    border-color:#a667b1;
    color:#FFFFFF;   
}
button.btn-alternate-soft:hover{
    color:#FFFFFF;   
}
input.d-none ~ .sahteRadio {color:var(--light);}
input.d-none:checked ~ .sahteRadio {color:var(--alternate);}

input.d-none ~ .sahteCheckbox {color:var(--light);}
input.d-none:checked ~ .sahteCheckbox {color:var(--alternate);}

/*
 ===
 Table th başlıklar , td hover 
 ===
*/
div.table-responsive{min-height:500px;}
.table{
    
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(136, 24, 154, 0.08);
}
table thead th, table tfoot th, .KolonBaslik{
 
  margin: 0 28px 0 0;
  font-family: RubikFont;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: left;
  color: #053d6b;
  white-space: nowrap;     
    
}
.table tr td {
    font-family: RubikFont;
    font-size: 14px;
    color: #376489;
    letter-spacing: normal;
    text-align: left;
    
}
.table-hover tbody tr:hover{background:none;}

/*
 ===
 Card 
 ===
*/
.card{     
  box-shadow: 0 4px 16px 0 rgba(136, 24, 154, 0.08);   
  border:none;
}
.card-title{
  width: 287px;
  height: 28px;
  font-family: RubikFont;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: left;
  color: #366491;
    
}

.card-header, .card-title{
    text-transform: none;
    font-size:16px; 
    font-weight: bold;
    color:#a667b1;
}

/*
 ===
  Select Active ve Hover
 ===
*/
.dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus{
color:#ffffff;
background-color:#97189A;
}



/*
 ===
    Input Css
 ===
*/
input.form-control[type="text"], input.form-control[type="email"], input.form-control[type="password"], input.form-control[type="date"], select.form-control{
  border: 1px solid #a667b1 !important; 
  font-size:14px;
  color:#053d6b;
}
label{
  font-family: RubikFont;
  font-size: 12px;
  font-weight: normal;
  color:#a667b1;
}




/* Mobile devices */
@media only screen and (min-width:320px) and (max-width:480px){
    
 ul#BankaHesapListesiIcerik li span.HesapHareketLinki{ display:none; visibility:hidden; }
 
  ul#BankaHesapListesiIcerik li span.HesabiGuncelle{ display:none; visibility:hidden; }
 
/*
 ===
 Filtre Bar  Mobile
 ===
*/
 .FiltreBarKapsayici .YeniEkle{
   margin:0;
   text-align:center;
   margin-top:10px;
 }
 
 .FiltreBarKapsayici .YatayHizalaMobileOrta{
     margin-left:auto;
     margin-right:auto;
     text-align:center;     
 }
 
 /*
  ===
  ColumnLeft Ust Bar
  ===
 */
 #UstBarKapsayici{
    height:72px;
    background:#FFFFFF;
    margin-bottom:24px;
    box-shadow: 0 4px 16px 0 rgba(136, 24, 154, 0.08);
    padding: 0 5px;
}
    
#UstBarKapsayici > div.FirmaAdiBilgisi{
    /*background:#6F147F; */
    background-image: linear-gradient( 10deg , #3f0c47, #831796);
    border-radius:5px; 
    width:99%;  
    font-size:13px;
    filter: alpha(opacity=40);
    overflow:scroll;
}   

}

/* iPads, Tablets */
@media only screen and (min-width:481px) and (max-width:768px){ 

 ul#BankaHesapListesiIcerik li span.HesapHareketLinki{ display:none; visibility:hidden; }
 
 /*
 ===
 Filtre Bar  Tablet
 ===
*/
  .FiltreBarKapsayici .YeniEkle{
   margin:0;
   text-align:center;
   margin-top:10px;
  }
  .FiltreBarKapsayici .YatayHizalaMobileOrta{
     margin-left:auto;
     margin-right:auto;
     text-align:center;     
  }
  
    
}

/* Small screens, laptops */
@media only screen and (min-width:769px) and (max-width:1024px){
    
 ul#BankaHesapListesiIcerik li span.HesapHareketLinki{ display:block; visibility:visible; } 
    
.app-sidebar-wrapper .app-sidebar, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card{ border-top-right-radius:15px; }
 
 .app-sidebar, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card{border-radius:0px;}

.app-main .app-main__outer{padding: 0 0 0 calc((30px) + 240px);}




 .FiltreBarKapsayici .YatayHizalaDesktopSag{
     float: right;    
 }
}

/* Desktops, large screens */
@media only screen and (min-width:1025px) and (max-width:1200px){
    
 ul#BankaHesapListesiIcerik li span.HesapHareketLinki{ display:block; visibility:visible; } 
  
.app-sidebar-wrapper .app-sidebar, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card{ border-top-right-radius:15px; }
.app-sidebar, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card{border-radius:0px;}
.app-main .app-main__outer{padding: 0 0 0 calc((30px) + 240px);}


/*
 ===
 Filtre Bar  
 ===
*/
 .FiltreBarKapsayici .YatayHizalaDesktopSag{
     float: right;    
 }
    
}

/*   Extra large screens, TV */
@media only screen and (min-width:1201px){
      
.app-sidebar-wrapper .app-sidebar, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card{ border-top-right-radius:15px; }
 .app-sidebar, .app-inner-layout .app-inner-layout__wrapper .app-inner-layout__sidebar.card{border-radius:0px;}
.app-main .app-main__outer{padding: 0 0 0 calc((30px) + 240px);}



/*
 ===
 Filtre Bar  
 ===
*/
 .FiltreBarKapsayici .YatayHizalaDesktopSag{
     float: right;    
 }

}

/*
 === 
  Tasarım İkonlar
 ===
*/

.vertical-nav-menu i.tasarim-icon {
    text-align: center;
    width: 24px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    left: 0px;
    top: 71%;
    margin-top: -17px;
    font-size: 1.1rem;
    opacity: .45;
    transition: color .2s;
}

.wallet{
   font-size:14px;
   background:url(../img/svcicon/wallet.png) no-repeat;
   top:12px; 
}

.bar-chart{
   font-size:14px;
   background:url(../img/svcicon/bar-chart.png) no-repeat;
   top:12px; 
}
.pie-chart{
   font-size:14px;
   background:url(../img/svcicon/pie-chart.png) no-repeat;
   top:12px; 
}
.file{
   font-size:14px;
   background:url(../img/svcicon/file.png) no-repeat;
   top:12px; 
}
.calculator{
   font-size:14px;
   background:url(../img/svcicon/calculator.png) no-repeat;
   top:12px; 
}
.bank{
   font-size:14px;
   background:url(../img/svcicon/bank.png) no-repeat;
   top:12px;     
}
.area-chart{ 
   font-size:14px;
   background:url(../img/svcicon/area-chart.png) no-repeat;
   top:12px;     
}
.folder{ 
   font-size:14px;
   background:url(../img/svcicon/folder.png) no-repeat;
   top:12px;     
}
.caret-down{
   font-size:14px;
   background:url(../img/svcicon/caret-down.png) no-repeat;
   top:12px; 
}



/*
  ===
   Radio Button switch 
  ===
*/

/* for sm */
.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2));
}

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.25rem));
}

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2));
}

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
}

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}

.custom-control-input:checked ~ .custom-control-label::before {
    
    background-color:#a667b1;
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before{
    
     background-color:#a667b1;
     
}

.custom-control-input:checked ~ .custom-control-label::before{
    
    border-color:none;
}


/* Mobil Profil Popup*/
.header-nav-open .app-header-right{
    position:fixed; 
    top:100px;
}

@media only screen and (max-width: 800px) {
    
    .ciktialdropdownmenukapali {display: none !important;}
}