/*


Css kodlarında sadece değişiklik yapılan yerler eklendi.
(Yani bir butonun sadece rengi değiştiyse o eklendi margin veya diğer özellikleri değişmedi)
Sınıfın tamamını kopyala yapıştır yapmadan sadece satırı sınıfı bulduktan 
sonra sınıfın en sonuna eklenmeli ve eski değerini silmelisiniz.
(Bazı css sınıflarının tamamını kopyala yapıştır şeklindeyse başında belirttim)


*/

/*****************************************************************************************/
/*                    Genel - Her sayfayı etkileyecek olanlar                            */
/*****************************************************************************************/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
  font-family: "Montserrat", sans-serif;
}

.form-control:focus,
.selectbox:focus {
  box-shadow: inset 0 0 0 0.15rem #46628eab;
  border: none;
}

/*****************************************************************************************/
/*                  Telefon için kullanılan Componente yazılmalı                         */
/*****************************************************************************************/

.vue-tel-input:focus-within {
  box-shadow: none !important;
}
.vti__input:focus {
  box-shadow: inset 0 0 0 0.15rem #46628eab;
}

/*****************************************************************************************/
/*                                      Sidebar                                          */
/*****************************************************************************************/

.sidebar {
  background: #232f42;
}
.sidebar .sidebar-brand img {
  height: 100px;
}
.sidebar .nav-item .nav-link {
  color: #7393a7;
}
.sidebar .nav-item .nav-link span,
.sidebar .nav-item .nav-link i {
  /*color: #3f4559;*/
  color: #667197;
}
.sidebar .sidebar-header-text {
  /*color: #6b7186;*/
  color: #fff;
}
.sidebar .nav-item .nav-link span {
  font-weight: 600;
}

/*****************************************************************************************/
/*                                      Navbar                                           */
/*****************************************************************************************/

.sidebar .nav-item .nav-link {
  padding: 0.5rem 0.1rem 0.5rem 1.8rem;
}
.dropdown-item i {
  margin: 7px 0;
}
.badge-primary {
  background-color: #dd4f5c;
}
.topbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
  color: #46628e;
}

/*****************************************************************************************/
/*                                      Content                                          */
/*****************************************************************************************/

.wrapper #content-wrapper {
  background-color: #f1f2f8;
}

/*****************************************************************************************/
/*                                         Card                                          */
/*****************************************************************************************/

.card-title {
  font-weight: 500;
  /*color: #46628e;*/
  color: #395580;
}
.card-icon {
  background-image: linear-gradient(to top, #395580 0%, #537895 100%);
}

/*****************************************************************************************/
/*                         Profile Settings - Save Button                                */
/*****************************************************************************************/

.btn-save {
  background-color: #395580;
}

/*****************************************************************************************/
/*                                      Paginate                                         */
/*****************************************************************************************/

.btn-paginate {
  background: #395580;
  width: 35px;
  height: 35px;
  color: aliceblue;
  margin: 0rem 0.5rem;
}
.pag-input {
  width: 70px;
  line-height: 35px;
}
.pag-input:focus {
  box-shadow: 0 0 0 0.15rem #46628eab;
  border: none;
}

/*****************************************************************************************/
/*             Card Başlığının Yanındaki Buton (Rapor sayfası - Print)                   */
/*****************************************************************************************/

.card-header-add-btn {
  margin: 0 1rem;
  background-color: #51759321;
  color: #395580;
}

/*****************************************************************************************/
/*             Dashboard Card - Tamamını kopyala yapıştırabilirsiniz                     */
/*****************************************************************************************/

.card-counter {
  margin: 5px;
  padding: 20px 10px;
  background-color: #fff;
  min-height: 150px;
  transition: 0.5s linear all;
  min-width: 100px;
  overflow: hidden;
}
.card-counter:hover {
  box-shadow: 4px 4px 20px #dadada;
  transition: 0.3s linear all;
}
.card-counter img {
  height: 6rem;
  float: right;
  margin-right: 2rem;
  margin-top: 0.5rem;
}
.card-counter .count-numbers {
  font-size: 32px;
  display: block;
  font-weight: 500;
  color: #232f42;
  margin-left: 2rem;
  margin-top: 0.7rem;
}
.card-counter .count-name {
  font-style: italic;
  text-transform: capitalize;
  opacity: 0.9;
  display: block;
  font-size: 19px;
  color: #231f20;
  font-weight: 500;
  margin-left: 2rem;
  word-break: break-all;
}

/*****************************************************************************************/
/*                  Scrollbar - Tamamını kopyala yapıştırabilirsiniz                     */
/*****************************************************************************************/

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #395580 #e0e0e0;
}