@charset "UTF-8";
/* Base */
/* xl -> small pc (1200px - ∞) */
/* lg -> tablet > (992px - 1200px) */
/* md -> tablet ^ (768px - 992px) */
/* sm -> mobile (576px - 768px) */
/* xs -> small mobile (350px - 576px) */
/* small pc screen */
/* small pc screen */
/* horizontal(>) yan tablet */
/* vertical(^) dik tablet */
/* all mobile devices */
/* iphone 5s */
/* Encode Sans Semi Expanded - 100,200,300,400,600,700,800,900 */
/*@import url("https://fonts.googleapis.com/css2?family=Encode+Sans+Semi+Expanded:wght@100;200;300;400;500;600;700;800;900&display=swap");*/
/*!* Nunito Sans1 - 200,300,400,600,700,800,900 *!*/
/*@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap");*/
/*!* Open Sans - 300,400,600,700,800 *!*/
/*@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");*/
/*!* Roboto 100,300,400,500,700,900 *!*/
/*@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap");*/
/*!* Poppins 100,200,300,400,500,600,700,800,900 *!*/
/*@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");*/
* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  list-style: none;
  -webkit-user-select: none;
  scrollbar-width: thin !important;
  scrollbar-color: #9f9f9f #e1e1e1 !important;
  /*-webkit-user-select: none;*/
  /*-webkit-user-drag: none;*/
  /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
  /*-webkit-text-size-adjust: none;*/
  box-sizing: border-box; }
*::-webkit-scrollbar-thumb {
  border-radius: 8px;
}
input[type=number] {
  -webkit-appearance: none;
  -moz-appearance: textfield; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;}
body {
  font-family: "Encode Sans Semi Expanded", sans-serif;
  font-size: 16px;
  overflow-x: hidden;
  overflow-y: scroll;
  display: flex;
  flex-direction: row;
  align-items: flex-start;}

body[data-tri-rtl="1"] {
  direction: rtl;}
body[data-tri-rtl="1"] section#tri-sidebar {
  left: inherit;}
body[data-tri-rtl="1"] #tri-body {
  margin: 0 auto 0 0}
body[data-tri-rtl="1"] #tri-body.tri-sidebarPcOpened {
  margin-left: inherit;}
body[data-tri-rtl="1"] section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadRight .tri-imageGroup svg {
  transform: rotate(180deg);}
body[data-tri-rtl="1"] section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active .tri-accordionHeadRight .tri-imageGroup svg {
  transform: rotate(90deg);}
@media screen and (max-width: 992px) {
  body[data-tri-rtl="1"] section#tri-sidebar {
    transform: translateX(100%);}
  body[data-tri-rtl="1"] section#tri-sidebar.tri-sidebarMobileOpened {
    transform: translateX(0);}  }
body[data-tri-rtl="1"] .tri-dropdownProfile .tri-dropdownBody {
  right: inherit;
  left: 0;}
body[data-tri-rtl="1"] .tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox input[type="checkbox"]:checked + label::before {
  transform: translate(-14px, -50%); }
body[data-tri-rtl="1"] .tri-formMode .tri-formCheckbox input[type="checkbox"]:checked + label::before {
  transform: translate(-14px, -50%);}
body[data-tri-rtl="1"] .tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-language .tri-selectLang {
  left: 100%}
body[data-tri-rtl="1"] section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft span {
  font-size: 18px; }
body[data-tri-rtl="1"] section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft {
  gap: 10px; }
body[data-tri-rtl="1"] .tri-form2Container .tri-row nav.tri-mainNav span {
  font-size: 17px!important;}
body[data-tri-rtl="1"] .tri-formInputs label {
  font-size: 17px; }
body[data-tri-rtl="1"] .tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th {
  font-size: 18px; }
body[data-tri-rtl="1"] .tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li a {
  font-size: 18px; }
body[data-tri-rtl="1"] .tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a {
  font-size: 18px; }
body[data-tri-rtl="1"] .tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead span {
  font-size: 18px; }
body[data-tri-rtl="1"] .tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton span {
  font-size: 18px; }
body[data-tri-rtl="1"] #tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-right ul li a {
  font-size: 18px; }
body[data-tri-rtl="1"] #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup h5 {
  font-size: 18px; }
body[data-tri-rtl="1"] #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup h5 {
  font-size: 18px; }
body[data-tri-rtl="1"] #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp span.islem {
  font-size: 16px; }
body[data-tri-rtl="1"] #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-boxGroup .tri-box a.bilgi {
  font-size: 16px; }
body[data-tri-rtl="1"] .tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody.tri-active {
  transform: translate(116px, 0px); }
body[data-tri-rtl="1"] .tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown{
  transform: translate(209px, -45px); }
body[data-tri-rtl="1"] .tri-dropdownSearch .tri-dropdownBody {
  transform: translate(340px,0); }
body[data-tri-rtl="1"] .tri-dropdownSearch .tri-dropdownBody.tri-active {
  transform: translate(340px,-10px); }
body[data-tri-rtl="1"] .tri-favoriSec .tri-favoriSecBody {
  transform: translate(325px, 50px);
}
body[data-tri-rtl="1"] .tri-favoriSec .tri-favoriSecBody.tri-active {
  transform: translate(325px, 30px);
}
body[data-tri-rtl="1"] #tri-sortableButtons {
  width: auto;
  height: auto;
  transform: rotate(90deg);
  display: flex;
  flex-direction: row;
  align-items: center;
  position: fixed;
  top: 75%;
  left: -25px;
  right: inherit;
  gap: 8px;
}
body[data-tri-rtl="1"] #tri-sortableButtons .tri-pageSortStatus .tri-pageSortStatusButton .tri-imageGroup svg {
  transform: rotate(180deg);
}
body[data-tri-rtl="1"] #tri-sortableSidebar {
  right: inherit;
  left: -150%;
}
body[data-tri-rtl="1"] #tri-sortableSidebar.tri-active {
  left: 0;
}
body[data-tri-rtl="1"] #tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow .tri-right .tri-inputGroup input[type="checkbox"]:checked + label::before {
  transform: translate(-13px, -53%);
}





body.tri-overflowLoading {
  overflow: hidden; }
body.tri-overflow {
  overflow: hidden;
  padding-right: 17px; }
@media screen and (min-width: 992px) {
  body.tri-overflow {
    overflow: inherit;
    padding-right: inherit; } }
body.tri-overflowPc {
  overflow: hidden;
  padding-right: 17px; }
@media screen and (max-width: 992px) {
  body.tri-overflowPc {
    overflow: inherit;
    padding-right: inherit; } }
body[data-tri-theme=""] {
  --tri-color-white: #fff;
  --tri-color-bodyMainColor: #f2f5f7;
  --tri-color-HeaderColor: #fff;
  --tri-color-HeaderDownColor: #fff;
  --tri-color-SidebarMenuColor: #1e1e2d;
  --tri-color-SidebarMenuHoverColor: #1b1b28;
  --tri-color-area: #fff;
  --tri-span-color: #000;
  --tri-tablo-color: #969aac;
  --tri-tablo-head: #1e1e20;
  --tri-tablo-svg: #a1a5b7;
  --tri-tablo-search: #f5f8fa;
  --tri-doviz-slide: #6794dc;
  --tri-select2-color: #6794dc;
}
body[data-tri-theme="dark"] {
  --tri-color-white: #fff;
  --tri-color-bodyMainColor: #151521;
  --tri-color-HeaderColor: #1e1e2d;
  --tri-color-HeaderDownColor: #1e1e2d;
  --tri-color-SidebarMenuColor: #1e1e2d;
  --tri-color-SidebarMenuHoverColor: #1b1b28;
  --tri-color-area: #1e1e2d;
  --tri-span-color: #fff;
  --tri-tablo-color: #fff;
  --tri-tablo-head: #fff;
  --tri-tablo-svg: #fff;
  --tri-tablo-search: #343444;
  --tri-doviz-slide: #fff;
  --tri-select2-color: #6794dc;
}
#343444
img:empty {color: transparent; }
/* Safari */
input, input:before, input:after, textarea {
  -webkit-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial; }
a, button {
  cursor: pointer !important; }
@media screen and (max-width: 992px) {
  a, button {
    cursor: inherit !important; } }
a:-webkit-any-link {

  /*color: inherit; */
}
/* Components */
.tri-dropdown {
  width: auto;
  max-width: 190px;
  min-width: 150px;
  height: auto;
  position: relative;
  z-index: 1; }
@media screen and (max-width: 992px) {  }
.tri-dropdown .tri-dropdownHead {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  background-color: #eff2f5;
  padding: 7px 10px 6px 10px;
  border: #f5f8fa;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color .2s ease; }
.tri-dropdown .tri-dropdownHead span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278;
  transition: color .2s ease; }
.tri-dropdown .tri-dropdownHead .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
.tri-dropdown .tri-dropdownHead .tri-imageGroup svg {
  height: 6px;
  fill: #5e6278;
  transition: fill .2s ease; }
.tri-dropdown .tri-dropdownBody {
  display: none;
  width: 100%;
  height: auto;
  top: 35px;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 65, 67, 0.15);
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff; }
.tri-dropdown .tri-dropdownBody2 {
  display: none;
  width: 100%;
  height: auto;
  top: -146px;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 65, 67, 0.15);
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodySearch {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 7px 10px 7px 10px; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodySearch input {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 7px 10px 6px 10px;
  color: #181c32;
  font-size: 15px;
  border: 1px solid #e4e6ef;
  border-radius: 5px;
  outline: 0;
  -webkit-appearance: none; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyActiveList {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 12px 10px;
  background-color: #fff;
  border-bottom: 1px solid rgba(64, 87, 109, 0.15); }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyActiveList .tri-dropdownBodyActiveList-left {
  width: auto;
  height: auto; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyActiveList .tri-dropdownBodyActiveList-left span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyActiveList .tri-dropdownBodyActiveList-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyActiveList .tri-dropdownBodyActiveList-right svg {
  height: 15px;
  fill: #5e6278; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent {
  width: 100%;
  height: auto;
  min-height: 47px;
  position: relative; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentNull {
  width: 100%;
  height: auto;
  padding: 12px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #fff; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentNull span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList {
  width: 100%;
  height: auto;
  max-height: 150px;
  overflow-y: auto; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList::-webkit-scrollbar {
  width: 8px;
  height: 8px; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList::-webkit-scrollbar-thumb {
  background-color: #dee0e1;
  border-radius: 8px; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a {
  display: block;
  width: 100%;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278;
  padding: 12px 10px;
  background-color: #fff; }
.tri-dropdown .tri-dropdownBody2 a {
  display: block;
  width: 100%;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278;
  padding: 12px 10px;
  background-color: #fff; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a:hover {
  background-color: #f6f6f6; }
.tri-dropdown .tri-dropdownBody2 a:hover {
  background-color: #f6f6f6; }
.tri-dropdown .tri-dropdownBody.tri-active {
  display: block; }
.tri-dropdown .tri-dropdownBody2.tri-active {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
.tri-dropdownProfile {
  width: auto;
  height: auto;
  position: relative; }
.tri-dropdownProfile .tri-dropdownHead {
  width: auto;
  height: auto;
  cursor: pointer; }
.tri-dropdownProfile .tri-dropdownHead .tri-imageGroup {
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 5px; }
@media screen and (max-width: 768px) {
  .tri-dropdownProfile .tri-dropdownHead .tri-imageGroup {
    width: 30px;
    height: 30px; } }
.tri-dropdownProfile .tri-dropdownHead .tri-imageGroup img {
  width: 100%;
  height: 100%;
  object-fit: cover; }
.tri-dropdownProfile .tri-dropdownBody {
  width: 275px;
  height: auto;
  background-color: #fff;
  position: absolute;
  right: 0;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 10px;
  padding: 16px 0 15px 0;
  transform: translateY(0);
  top: 60px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform;
  transition-duration: .4s;
  transition-timing-function: ease; }
@media screen and (max-width: 350px) {
  .tri-dropdownProfile .tri-dropdownBody {
    position: fixed;
    width: 100%;
    top: 65px;
    border-radius: inherit; } }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile {
  width: 100%;
  height: auto;
  padding: 0 0 12px 0;
  border-bottom: 1px solid #eff2f5; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile {
  width: calc(100% - 30px);
  margin: 0 auto;
  height: auto; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-leftProfile {
  width: auto;
  height: auto;
  margin-right: 13px; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-leftProfile .tri-imageGroup {
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 5px; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-leftProfile .tri-imageGroup img {
  width: 100%;
  height: 100%;
  object-fit: cover; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile .tri-row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile .tri-row span.tri-username {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 15px;
  /*white-space: nowrap;*/
  color: #181c32; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile .tri-row span.tri-usertype {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 10px;
  white-space: nowrap;
  color: #50cd89;
  padding: 0 5px 0 5px;
  background-color: #e8fff3;
  border-radius: 5px; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile a.eposta {
  width: 100%;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #a1a5b7; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile a.eposta:hover {
  color: #38b3f8; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile {
  width: 100%;
  height: auto; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul {
  width: 100%;
  height: auto;
  border-bottom: 1px solid #eff2f5;
  border-top: 1px solid #eff2f5; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li {
  width: 100%;
  height: auto;
  margin-bottom: 5px; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a {
  display: block;
  width: calc(100% - 30px);
  margin: 0 auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 5px;
  padding: 7px 13px 6px 13px;
  color: #3f4254; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 4px 13px 3px 13px; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language span.tri-text {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #3f4254; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language .tri-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 8px;
  background-color: #f5f8fa;
  border-radius: 5px;
  gap: 5px; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language .tri-info span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 9px;
  white-space: nowrap;
  color: #3f4254; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language .tri-info .tri-imageGroup {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language .tri-info .tri-imageGroup img {
  width: auto;
  height: 100%; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language:hover {
  background-color: #f7f9fb;
  border-radius: 10px; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language:hover span.tri-text {
  color: #38b3f8; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language:hover span {
  color: #38b3f8; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a:hover {
  background-color: #f7f9fb;
  color: #38b3f8; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-profile {
  /*border-bottom: 1px solid #eff2f5;*/
  padding: 6px 0 5px 0; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode {
  width: calc(100% - 56px);
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 0; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox input {
  display: none; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox label {
  display: block;
  width: 30px;
  height: 19px;
  cursor: pointer;
  background-color: #f5f8fa;
  border-radius: 100px;
  position: relative; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox label::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, 0.15);
  transform: translate(0, -50%);
  transition: transform 0.4s cubic-bezier(0.4, 0.5, 0, 1); }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox input[type="checkbox"]:checked + label {
  background-color: #3699ff; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox input[type="checkbox"]:checked + label::before {
  transform: translate(12px, -50%); }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 5px;
  color: #3f4254; }
.tri-dropdownProfile .tri-dropdownBody.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(-10px); }
.tri-dropdownSearch {
  width: auto;
  height: auto;
  position: relative;
  z-index: 1; }
.tri-dropdownSearch .tri-dropdownHead {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  padding: 9px;
  border: #f5f8fa;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color .2s ease; }
@media screen and (max-width: 768px) {
  .tri-dropdownSearch .tri-dropdownHead {
    padding: 6px; } }
.tri-dropdownSearch .tri-dropdownHead .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
.tri-dropdownSearch .tri-dropdownHead .tri-imageGroup svg {
  height: 19px;
  fill: #5e6278;
  transition: fill .2s ease; }
.tri-dropdownSearch .tri-dropdownHead:hover {
  background-color: #f0f9fe; }
@media screen and (max-width: 992px) {
  .tri-dropdownSearch .tri-dropdownHead:hover {
    background-color: inherit; } }
.tri-dropdownSearch .tri-dropdownHead:hover svg {
  fill: #65c2f8; }
@media screen and (max-width: 992px) {
  .tri-dropdownSearch .tri-dropdownHead:hover svg {
    fill: #5e6278; } }
.tri-dropdownSearch .tri-dropdownHead.tri-active {
  background-color: #f0f9fe; }
.tri-dropdownSearch .tri-dropdownHead.tri-active svg {
  fill: #65c2f8; }
.tri-dropdownSearch .tri-dropdownBody {
  width: 375px;
  height: auto;
  right: 0;
  position: absolute;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 65, 67, 0.15);
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  transform: translateY(0);
  top: 60px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform;
  transition-duration: .4s;
  transition-timing-function: ease; }
@media screen and (max-width: 576px) {
  .tri-dropdownSearch .tri-dropdownBody {
    position: fixed;
    width: 100%;
    top: 65px;
    border-radius: inherit; } }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodySearch {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 7px 10px 7px 10px; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodySearch input {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 7px 10px 6px 10px;
  color: #181c32;
  font-size: 15px;
  border: 1px solid #e4e6ef;
  border-radius: 5px;
  outline: 0;
  -webkit-appearance: none; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent {
  width: 100%;
  height: auto;
  min-height: 47px;
  position: relative; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentNull {
  width: 100%;
  height: auto;
  padding: 12px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #fff; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentNull span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList {
  width: 100%;
  height: auto;
  max-height: 330px;
  overflow-y: auto; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList::-webkit-scrollbar {
  width: 8px;
  height: 8px; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList::-webkit-scrollbar-thumb {
  background-color: #dee0e1;
  border-radius: 8px; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a {
  display: block;
  width: 100%;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278;
  padding: 12px 10px;
  background-color: #fff; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a:hover {
  background-color: #f6f6f6; }
.tri-dropdownSearch .tri-dropdownBody.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(-10px); }
.tri-formGroup .tri-dropdown {
  width: 100%;
  max-width: inherit;
  min-width: inherit; }
.tri-formGroup .tri-dropdown .tri-dropdownHead {
  width: 100%;
  height: 42.4px;
  outline: none;
  border-radius: 6px;
  padding: 11px;
  background-color: #f5f8fa;
  border: none;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #5e6278; }
.tri-formGroup .tri-dropdown .tri-dropdownBody {
  width: 100%;
  top: 47px; }
form {
  width: auto;
  height: auto;}
form .tri-formHead {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center; }
form span {
  font-size: 16px;
  font-weight: 500;
  font-weight: bold;
  font-family: "Poppins", sans-serif;
  color: var(--tri-span-color);}
form .tri-formHead h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #000; }
form .tri-formBody {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 15px;
  padding: 20px 0; }
form .tri-formBody .tri-formGroup {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 7px; }
form .tri-formBody .tri-formGroup label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 3px; }
form .tri-formBody .tri-formGroup label span.tri-inputTitle {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #000; }
form .tri-formBody .tri-formGroup label span.tri-required {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: red; }
form .tri-formBody .tri-formGroup input {
  width: 100%;
  height: auto;
  outline: none;
  border-radius: 6px;
  padding: 11px;
  background-color: #f5f8fa;
  border: none;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #5e6278; }
form .tri-formBody .tri-formGroup input:focus {
  background-color: #eef3f7;
  border-color: #eef3f7; }
form .tri-formBody .tri-formGroup select {
  width: 100%;
  height: auto;
  outline: none;
  border-radius: 6px;
  padding: 11px;
  background-color: #f5f8fa;
  border: none;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #5e6278; }
form .tri-formBody .tri-formGroup select:focus {
  background-color: #eef3f7;
  border-color: #eef3f7; }
form .tri-formFoot {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px; }
form .tri-formFoot a {
  width: auto;
  height: auto;
  padding: 8.5px 16px;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #7e8299;
  background-color: #f5f8fa; }
form .tri-formFoot a:hover {
  background-color: #e4e6ef; }
form .tri-formFoot button {
  width: auto;
  height: auto;
  padding: 8.5px 16px;
  background-color: #009ef7;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #fff; }
form .tri-formFoot button:hover {
  background-color: #0095e8; }
.tri-formGroup.tri-form-1 {
  grid-column: span 1; }
.tri-formGroup.tri-form-2 {
  grid-column: span 2; }
.tri-formGroup.tri-form-3 {
  grid-column: span 3; }
.tri-formGroup.tri-form-4 {
  grid-column: span 4; }
.tri-formGroup.tri-form-5 {
  grid-column: span 5; }
.tri-formGroup.tri-form-6 {
  grid-column: span 6; }
.tri-formGroup.tri-form-7 {
  grid-column: span 7; }
.tri-formGroup.tri-form-8 {
  grid-column: span 8; }
.tri-formGroup.tri-form-9 {
  grid-column: span 9; }
.tri-formGroup.tri-form-10 {
  grid-column: span 10; }
.tri-formGroup.tri-form-11 {
  grid-column: span 11; }
.tri-formGroup.tri-form-12 {
  grid-column: span 12; }
@media screen and (max-width: 1400px) {
  .tri-formGroup.tri-form-xxl-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-xxl-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-xxl-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-xxl-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-xxl-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-xxl-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-xxl-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-xxl-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-xxl-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-xxl-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-xxl-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-xxl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 1200px) {
  .tri-formGroup.tri-form-xl-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-xl-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-xl-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-xl-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-xl-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-xl-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-xl-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-xl-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-xl-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-xl-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-xl-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-xl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 992px) {
  .tri-formGroup.tri-form-lg-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-lg-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-lg-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-lg-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-lg-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-lg-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-lg-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-lg-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-lg-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-lg-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-lg-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-lg-12 {
    grid-column: span 12; } }
@media screen and (max-width: 768px) {
  .tri-formGroup.tri-form-md-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-md-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-md-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-md-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-md-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-md-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-md-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-md-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-md-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-md-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-md-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-md-12 {
    grid-column: span 12; } }
@media screen and (max-width: 576px) {
  .tri-formGroup.tri-form-sm-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-sm-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-sm-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-sm-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-sm-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-sm-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-sm-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-sm-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-sm-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-sm-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-sm-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-sm-12 {
    grid-column: span 12; } }
@media screen and (max-width: 350px) {
  .tri-formGroup.tri-form-xs-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-xs-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-xs-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-xs-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-xs-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-xs-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-xs-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-xs-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-xs-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-xs-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-xs-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-xs-12 {
    grid-column: span 12; } }
.tri-sweetAlerts {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  gap: 20px; }
a.tri-button {
  width: auto;
  height: auto;
  padding: 8.5px 16px;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #7e8299;
  background-color: #f5f8fa; }
a.tri-button .tri-imageGroup {
  width: 14px;
  height: 14px;
  display: flex;
  flex-direction: column; }
a.tri-button .tri-imageGroup svg {
  width: auto;
  height: 10px;
  fill: #5E6278; }
table.tri-table thead tr {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto; }
table.tri-table thead tr th {
  display: flex;
  flex-direction: column;
  justify-content: center; }
.tri-th-left {
  align-items: flex-start; }
.tri-th-center {
  align-items: center; }
.tri-th-right {
  align-items: flex-end; }
table.tri-table thead tr th.tri-th-flex-40 {
  flex: 1;
  min-width: 40px; }
table.tri-table thead tr th.tri-th-flex-50 {
  flex: 1;
  min-width: 50px; }
table.tri-table thead tr th.tri-th-flex-60 {
  flex: 1;
  min-width: 60px; }
table.tri-table thead tr th.tri-th-flex-70 {
  flex: 1;
  min-width: 70px; }
table.tri-table thead tr th.tri-th-flex-80 {
  flex: 1;
  min-width: 80px; }
table.tri-table thead tr th.tri-th-flex-90 {
  flex: 1;
  min-width: 90px; }
table.tri-table thead tr th.tri-th-flex-50 {
  flex: 1;
  min-width: 50px; }
table.tri-table thead tr th.tri-th-flex-100 {
  flex: 1;
  min-width: 100px; }
table.tri-table thead tr th.tri-th-flex-110 {
  flex: 1;
  min-width: 110px; }
table.tri-table thead tr th.tri-th-flex-120 {
  flex: 1;
  min-width: 120px; }
table.tri-table thead tr th.tri-th-flex-130 {
  flex: 1;
  min-width: 130px; }
table.tri-table thead tr th.tri-th-flex-140 {
  flex: 1;
  min-width: 140px; }
table.tri-table thead tr th.tri-th-flex-150 {
  flex: 1;
  min-width: 150px; }
table.tri-table thead tr th.tri-th-flex-160 {
  flex: 1;
  min-width: 160px; }
table.tri-table thead tr th.tri-th-flex-170 {
  flex: 1;
  min-width: 170px; }
table.tri-table thead tr th.tri-th-flex-180 {
  flex: 1;
  min-width: 180px; }
table.tri-table thead tr th.tri-th-flex-190 {
  flex: 1;
  min-width: 190px; }
table.tri-table thead tr th.tri-th-flex-200 {
  flex: 1;
  min-width: 200px; }
table.tri-table thead tr th.tri-th-flex-210 {
  flex: 1;
  min-width: 210px; }
table.tri-table thead tr th.tri-th-flex-220 {
  flex: 1;
  min-width: 220px; }
table.tri-table thead tr th.tri-th-flex-230 {
  flex: 1;
  min-width: 230px; }
table.tri-table thead tr th.tri-th-flex-240 {
  flex: 1;
  min-width: 240px; }
table.tri-table thead tr th.tri-th-flex-250 {
  flex: 1;
  min-width: 250px; }
table.tri-table thead tr th.tri-th-flex-260 {
  flex: 1;
  min-width: 260px; }
table.tri-table thead tr th.tri-th-flex-270 {
  flex: 1;
  min-width: 270px; }
table.tri-table thead tr th.tri-th-flex-280 {
  flex: 1;
  min-width: 280px; }
table.tri-table thead tr th.tri-th-flex-290 {
  flex: 1;
  min-width: 290px; }
table.tri-table thead tr th.tri-th-flex-300 {
  flex: 1;
  min-width: 300px; }
table.tri-table thead tr th.tri-th-flex-310 {
  flex: 1;
  min-width: 310px; }
table.tri-table thead tr th.tri-th-flex-320 {
  flex: 1;
  min-width: 320px; }
table.tri-table thead tr th.tri-th-flex-330 {
  flex: 1;
  min-width: 330px; }
table.tri-table thead tr th.tri-th-flex-340 {
  flex: 1;
  min-width: 340px; }
table.tri-table thead tr th.tri-th-flex-350 {
  flex: 1;
  min-width: 350px; }
table.tri-table thead tr th.tri-th-flex-360 {
  flex: 1;
  min-width: 360px; }
table.tri-table thead tr th.tri-th-flex-370 {
  flex: 1;
  min-width: 370px; }
table.tri-table thead tr th.tri-th-flex-380 {
  flex: 1;
  min-width: 380px; }
table.tri-table thead tr th.tri-th-flex-390 {
  flex: 1;
  min-width: 390px; }
table.tri-table thead tr th.tri-th-flex-400 {
  flex: 1;
  min-width: 400px; }
table.tri-table thead tr th.tri-th-flex-500 {
  flex: 1;
  min-width: 500px; }
table.tri-table thead tr th.tri-th-20 {
  min-width: 20px;
  max-width: 20px; }
table.tri-table thead tr th.tri-th-30 {
  min-width: 30px;
  max-width: 30px; }
table.tri-table thead tr th.tri-th-40 {
  min-width: 40px!important;
  max-width: 40px!important; }
table.tri-table thead tr th.tri-th-50 {
  min-width: 50px;
  max-width: 50px; }
table.tri-table thead tr th.tri-th-60 {
  min-width: 60px;
  max-width: 60px; }
table.tri-table thead tr th.tri-th-70 {
  min-width: 70px;
  max-width: 70px; }
table.tri-table thead tr th.tri-th-80 {
  min-width: 80px;
  max-width: 80px; }
table.tri-table thead tr th.tri-th-90 {
  min-width: 90px;
  max-width: 90px; }
table.tri-table thead tr th.tri-th-100 {
  min-width: 100px;
  max-width: 100px; }
table.tri-table thead tr th.tri-th-110 {
  min-width: 110px;
  max-width: 110px; }
table.tri-table thead tr th.tri-th-120 {
  min-width: 120px;
  max-width: 120px; }
table.tri-table thead tr th.tri-th-130 {
  min-width: 130px;
  max-width: 130px; }
table.tri-table thead tr th.tri-th-140 {
  min-width: 140px;
  max-width: 140px; }
table.tri-table thead tr th.tri-th-150 {
  min-width: 150px;
  max-width: 150px; }
table.tri-table thead tr th.tri-th-160 {
  min-width: 160px;
  max-width: 160px; }
table.tri-table thead tr th.tri-th-170 {
  min-width: 170px;
  max-width: 170px; }
table.tri-table thead tr th.tri-th-175 {
  min-width: 175px;
  max-width: 175px; }
table.tri-table thead tr th.tri-th-180 {
  min-width: 180px;
  max-width: 180px; }
table.tri-table thead tr th.tri-th-190 {
  min-width: 190px;
  max-width: 190px; }
table.tri-table thead tr th.tri-th-200 {
  min-width: 200px;
  max-width: 200px; }
table.tri-table thead tr th.tri-th-210 {
  min-width: 210px;
  max-width: 210px; }
table.tri-table thead tr th.tri-th-220 {
  min-width: 220px;
  max-width: 220px; }
table.tri-table thead tr th.tri-th-230 {
  min-width: 230px;
  max-width: 230px; }
table.tri-table thead tr th.tri-th-240 {
  min-width: 240px;
  max-width: 240px; }
table.tri-table thead tr th.tri-th-250 {
  min-width: 250px;
  max-width: 250px; }
table.tri-table thead tr th.tri-th-260 {
  min-width: 260px;
  max-width: 260px; }
table.tri-table thead tr th.tri-th-270 {
  min-width: 270px;
  max-width: 270px; }
table.tri-table thead tr th.tri-th-280 {
  min-width: 280px;
  max-width: 280px; }
table.tri-table thead tr th.tri-th-290 {
  min-width: 290px;
  max-width: 290px; }
table.tri-table thead tr th.tri-th-300 {
  min-width: 300px;
  max-width: 300px; }
table.tri-table thead tr th.tri-th-500 {
  min-width: 500px;
  max-width: 500px; }
table.tri-table tbody tr {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto; }
table.tri-table tbody tr th {
  padding: 13px 5px;
  font-size: 11px;
  font-weight: 600;
  color: var(--tri-tablo-head );
}
table.tri-table tbody tr td {
  display: flex;
  flex-direction: column;
  justify-content: center; }
table.tri-table tbody tr td span {
  font-size: 10px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: var(--tri-tablo-color);
  cursor: pointer;
}
table.tri-table tbody tr td.tri-td-left {
  align-items: flex-start; }
table.tri-table tbody tr td.tri-td-center {
  align-items: center; }
table.tri-table tbody tr td.tri-td-right {
  align-items: flex-end; }
table.tri-table tbody tr td.tri-td-flex-20 {
  flex: 1;
  min-width: 20px; }
table.tri-table tbody tr td.tri-td-flex-30 {
  flex: 1;
  min-width: 30px; }
table.tri-table tbody tr td.tri-td-flex-40 {
  flex: 1;
  min-width: 40px;
  max-width: 40px;
}
table.tri-table tbody tr td.tri-td-flex-50 {
  flex: 1;
  min-width: 50px; }
table.tri-table tbody tr td.tri-td-flex-60 {
  flex: 1;
  min-width: 60px; }
table.tri-table tbody tr td.tri-td-flex-70 {
  flex: 1;
  min-width: 70px; }
table.tri-table tbody tr td.tri-td-flex-80 {
  flex: 1;
  min-width: 80px; }
table.tri-table tbody tr td.tri-td-flex-90 {
  flex: 1;
  min-width: 90px; }
table.tri-table tbody tr td.tri-td-flex-100 {
  flex: 1;
  min-width: 100px; }
table.tri-table tbody tr td.tri-td-flex-110 {
  flex: 1;
  min-width: 110px; }
table.tri-table tbody tr td.tri-td-flex-120 {
  flex: 1;
  min-width: 120px; }
table.tri-table tbody tr td.tri-td-flex-130 {
  flex: 1;
  min-width: 130px; }
table.tri-table tbody tr td.tri-td-flex-140 {
  flex: 1;
  min-width: 140px; }
table.tri-table tbody tr td.tri-td-flex-150 {
  flex: 1;
  min-width: 150px; }
table.tri-table tbody tr td.tri-td-flex-160 {
  flex: 1;
  min-width: 160px; }
table.tri-table tbody tr td.tri-td-flex-170 {
  flex: 1;
  min-width: 170px; }
table.tri-table tbody tr td.tri-td-flex-180 {
  flex: 1;
  min-width: 180px; }
table.tri-table tbody tr td.tri-td-flex-190 {
  flex: 1;
  min-width: 190px; }
table.tri-table tbody tr td.tri-td-flex-200 {
  flex: 1;
  min-width: 200px; }
table.tri-table tbody tr td.tri-td-flex-210 {
  flex: 1;
  min-width: 210px; }
table.tri-table tbody tr td.tri-td-flex-220 {
  flex: 1;
  min-width: 220px; }
table.tri-table tbody tr td.tri-td-flex-230 {
  flex: 1;
  min-width: 230px; }
table.tri-table tbody tr td.tri-td-flex-240 {
  flex: 1;
  min-width: 240px; }
table.tri-table tbody tr td. {
  flex: 1;
  min-width: 250px; }
table.tri-table tbody tr td.tri-td-flex-260 {
  flex: 1;
  min-width: 260px; }
table.tri-table tbody tr td.tri-td-flex-270 {
  flex: 1;
  min-width: 270px; }
table.tri-table tbody tr td.tri-td-flex-280 {
  flex: 1;
  min-width: 280px; }
table.tri-table tbody tr td.tri-td-flex-290 {
  flex: 1;
  min-width: 290px; }
table.tri-table tbody tr td.tri-td-flex-300 {
  flex: 1;
  min-width: 300px; }
table.tri-table tbody tr td.tri-td-flex-310 {
  flex: 1;
  min-width: 310px; }
table.tri-table tbody tr td.tri-td-flex-320 {
  flex: 1;
  min-width: 320px; }
table.tri-table tbody tr td.tri-td-flex-330 {
  flex: 1;
  min-width: 330px; }
table.tri-table tbody tr td.tri-td-flex-340 {
  flex: 1;
  min-width: 340px; }
table.tri-table tbody tr td.tri-td-flex-350 {
  flex: 1;
  min-width: 350px; }
table.tri-table tbody tr td.tri-td-flex-360 {
  flex: 1;
  min-width: 360px; }
table.tri-table tbody tr td.tri-td-flex-370 {
  flex: 1;
  min-width: 370px; }
table.tri-table tbody tr td.tri-td-flex-380 {
  flex: 1;
  min-width: 380px; }
table.tri-table tbody tr td.tri-td-flex-390 {
  flex: 1;
  min-width: 390px; }
table.tri-table tbody tr td.tri-td-flex-400 {
  flex: 1;
  min-width: 400px;
}
table.tri-table tbody tr td.tri-td-flex-500 {
  flex: 1;
  min-width: 500px;
}
table.tri-table tbody tr td.tri-td-20 {
  min-width: 20px;
  max-width: 20px; }
table.tri-table tbody tr td.tri-td-30 {
  min-width: 30px;
  max-width: 30px; }
table.tri-table tbody tr td.tri-td-40 {
  min-width: 40px;
  max-width: 40px; }
table.tri-table tbody tr td.tri-td-50 {
  min-width: 50px;
  max-width: 50px; }
table.tri-table tbody tr td.tri-td-60 {
  min-width: 60px;
  max-width: 60px; }
table.tri-table tbody tr td.tri-td-70 {
  min-width: 70px;
  max-width: 70px; }
table.tri-table tbody tr td.tri-td-80 {
  min-width: 80px;
  max-width: 80px; }
table.tri-table tbody tr td.tri-td-90 {
  min-width: 90px;
  max-width: 90px; }
table.tri-table tbody tr td.tri-td-100 {
  min-width: 100px;
  max-width: 100px; }
table.tri-table tbody tr td.tri-td-110 {
  min-width: 110px;
  max-width: 110px; }
table.tri-table tbody tr td.tri-td-120 {
  min-width: 120px;
  max-width: 120px; }
table.tri-table tbody tr td.tri-td-130 {
  min-width: 130px;
  max-width: 130px; }
table.tri-table tbody tr td.tri-td-140 {
  min-width: 140px;
  max-width: 140px; }
table.tri-table tbody tr td.tri-td-150 {
  min-width: 150px;
  max-width: 150px; }
table.tri-table tbody tr td.tri-td-160 {
  min-width: 160px;
  max-width: 160px; }
table.tri-table tbody tr td.tri-td-170 {
  min-width: 170px;
  max-width: 170px; }
table.tri-table tbody tr td.tri-td-175 {
  min-width: 175px;
  max-width: 175px; }
table.tri-table tbody tr td.tri-td-180 {
  min-width: 180px;
  max-width: 180px; }
table.tri-table tbody tr td.tri-td-190 {
  min-width: 190px;
  max-width: 190px; }
table.tri-table tbody tr td.tri-td-200 {
  min-width: 200px;
  max-width: 200px; }
table.tri-table tbody tr td.tri-td-210 {
  min-width: 210px;
  max-width: 210px; }
table.tri-table tbody tr td.tri-td-220 {
  min-width: 220px;
  max-width: 220px; }
table.tri-table tbody tr td.tri-td-230 {
  min-width: 230px;
  max-width: 230px; }
table.tri-table tbody tr td.tri-td-240 {
  min-width: 240px;
  max-width: 240px; }
table.tri-table tbody tr td.tri-td-250 {
  min-width: 250px;
  max-width: 250px; }
table.tri-table tbody tr td.tri-td-260 {
  min-width: 260px;
  max-width: 260px; }
table.tri-table tbody tr td.tri-td-270 {
  min-width: 270px;
  max-width: 270px; }
table.tri-table tbody tr td.tri-td-280 {
  min-width: 280px;
  max-width: 280px; }
table.tri-table tbody tr td.tri-td-290 {
  min-width: 290px;
  max-width: 290px; }
table.tri-table tbody tr td.tri-td-300 {
  min-width: 300px;
  max-width: 300px; }
/* Layout */
#tri-sortableButtons {
  width: auto;
  height: auto;
  transform: rotate(-90deg);
  display: flex;
  flex-direction: row;
  align-items: center;
  position: fixed;
  top: 75%;
  right: -25px;
  gap: 8px; }
@media screen and (max-width: 1200px) {
  #tri-sortableButtons {
    display: none; } }
#tri-sortableButtons .tri-pageSortStatus {
  width: auto;
  height: auto; }
#tri-sortableButtons .tri-pageSortStatus .tri-pageSortStatusButton {
  width: auto;
  height: auto;
  padding: 15px 13px 10px 13px;
  background-color: #fff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 1.3px 13px 3.25px;
  cursor: pointer; }
#tri-sortableButtons .tri-pageSortStatus .tri-pageSortStatusButton .tri-imageGroup {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14px;
  height: 14px;
  visibility: visible;
  opacity: 1;
  transition: all, .25s ease;
  transform: rotate(90deg); }
#tri-sortableButtons .tri-pageSortStatus .tri-pageSortStatusButton .tri-imageGroup svg {
  width: auto;
  height: 12px;
  fill: #000; }
#tri-sortableButtons .tri-pageSortStatus .tri-pageSortStatusButton .tri-imageGroup.tri-type2 {
  position: absolute;
  top: 0;
  transform: translateY(110%) rotate(90deg);
  visibility: hidden;
  opacity: 0; }
#tri-sortableButtons .tri-pageSortStatus .tri-pageSortStatusButton.tri-active .tri-type1 {
  visibility: hidden;
  opacity: 0; }
#tri-sortableButtons .tri-pageSortStatus .tri-pageSortStatusButton.tri-active .tri-type2 {
  visibility: visible;
  opacity: 1; }
#tri-sortableSidebar {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 5;
  right: -150%;
  transition: all .5s ease;
  width: 350px;
  height: 150%;
  background-color: #fff; }
@media screen and (max-width: 992px) {
  #tri-sortableSidebar {
    display: none; } }
#tri-sortableSidebar .tri-container {
  width: 100%;
  height: auto; }
#tri-sortableSidebar .tri-container .tri-content {
  width: auto;
  height: auto; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarHead {
  width: calc(100% - 60px);
  margin: 0 auto;
  height: 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #5E6278; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarHead span {
  font-family: 'Poppins', sans-serif;
  font-size: 16.575px;
  font-weight: 600;
  color: #5E6278; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarHead .tri-imageGroup {
  width: auto;
  height: auto;
  cursor: pointer;
  display: flex;
  flex-direction: column; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarHead .tri-imageGroup svg {
  width: auto;
  height: 18px;
  fill: #5E6278; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  padding: 30px 0; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer {
  width: 100%;
  height: auto; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 10px; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 30px 0 30px; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow .tri-left {
  width: auto;
  height: auto; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow .tri-left p {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  border-radius: 5px;
  color: #3f4254; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow .tri-right {
  width: auto;
  height: auto; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow .tri-right .tri-inputGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 0; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow .tri-right .tri-inputGroup input {
  display: none; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow .tri-right .tri-inputGroup label {
  display: block;
  width: 30px;
  height: 19px;
  cursor: pointer;
  background-color: #919699;
  border-radius: 100px;
  position: relative; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow .tri-right .tri-inputGroup label::before {
  content: "";
  width: 17px;
  height: 17px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, 0.15);
  transform: translate(0, -55%);
  transition: transform 0.4s cubic-bezier(0.4, 0.5, 0, 1); }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow .tri-right .tri-inputGroup input[type="checkbox"]:checked + label {
  background-color: #3699ff; }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow .tri-right .tri-inputGroup input[type="checkbox"]:checked + label::before {
  transform: translate(13px, -53%); }
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarBody .tri-settingsSidebarBodyContainer .tri-settingsSidebarBodyContent .tri-settingsSidebarRow:hover {
  background-color: #f6f6f6;
}
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarFooter  {
  width: 100%;
  height: auto;
}
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarFooter .settingsSidebarFooterContainer  {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
}
#tri-sortableSidebar .tri-container .tri-content .tri-settingsSidebarFooter .settingsSidebarFooterContainer button  {
  padding: 6.5px 16px;
  max-width: 100px;
  background-color: #009ef7;
  font-size: 10.5px;
  font-weight: 500;
  color: #fff;
  border: none;
  border-radius: 5px;

}
#tri-sortableSidebar.tri-active {
  right: 0; }
#tri-sortableSidebarWrapper {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 4;
  width: 100%;
  height: 150%;
  background-color: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility;
  transition-duration: .5s;
  transition-timing-function: ease; }
#tri-sortableSidebarWrapper.tri-active {
  visibility: visible;
  opacity: 1; }
@media screen and (max-width: 992px) {
  #tri-sortableSidebarWrapper.tri-active {
    display: none; } }
/* PC */
@media screen and (min-width: 992px) {
  /* 992'nin altında bu class verilse bile bir işe yaramasın diye yapıldı */
  section#tri-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 75px;
    height: 150%;
    background-color: #1e1e2d;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s; }
  section#tri-sidebar .tri-container {
    width: auto;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content {
    width: 100%;
    margin: 0 auto;
    height: auto;
    position: relative; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead {
    width: 100%;
    height: auto;
    background-color: #1a1a27; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer {
    width: calc(100% - 28px);
    height: auto;
    margin: inherit;
    transition: width .15s ease, margin .15s ease; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent {
    width: 100%;
    height: 65px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent .tri-left {
    width: auto;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent .tri-left a.tri-imageGroup {
    width: 0;
    display: flex;
    height: 50px;
    flex-direction: column;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all .1s ease; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent .tri-left a.tri-imageGroup img {
    width: auto;
    height: 100%; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent .tri-right {
    width: auto;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent .tri-right .tri-imageGroup {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    cursor: pointer; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent .tri-right .tri-imageGroup svg {
    height: 18px;
    fill: #009ef7;
    transform: rotate(-180deg);
    transition-property: fill, transform;
    transition-duration: .3s;
    transition-timing-function: ease; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent .tri-right .tri-imageGroup:hover svg {
    fill: #009ef7; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody {
    width: 100%;
    background-color: #1e1e2d;
    height: calc(var(--quaVh, 1vh) * 100 - 65px);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding: 12.5px 0; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody::-moz-scrollbar {
    display: none;}
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody::-webkit-scrollbar {
    width: 0;
    display: none;
    scrollbar-width: none;}
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion {
    width: 100%;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    background-color: var(--tri-color-SidebarMenuColor);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    cursor: pointer; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft .tri-imageGroup {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft .tri-imageGroup.tri-top svg {
    height: 12px;
    fill: #fff; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft .tri-imageGroup.tri-title svg {
    height: 12px;
    fill: #9899ac; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft .tri-imageGroup.tri-sub svg {
    height: 4px;
    fill: #9899ac; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft span {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #9899ac;
    white-space: nowrap;
    opacity: 0;
    visibility: visible;
    transition: var(--triAccTransition); }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadRight {
    width: auto;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadRight .tri-imageGroup {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadRight .tri-imageGroup svg {
    height: 12px;
    fill: #9899ac;
    transition: var(--triAccTransition); }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead:hover {
    background-color: var( --tri-color-SidebarMenuHoverColor); }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead:hover .tri-accordionHeadLeft .tri-imageGroup.tri-title svg {
    fill: #fff; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead:hover .tri-accordionHeadLeft .tri-imageGroup.tri-sub svg {
    fill: #009ef7; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead:hover .tri-accordionHeadLeft span {
    color: #fff; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active {
    background-color: #1b1b28; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active .tri-accordionHeadLeft .tri-imageGroup.tri-title svg {
    fill: #fff; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active .tri-accordionHeadLeft .tri-imageGroup.tri-sub svg {
    fill: #009ef7; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active .tri-accordionHeadLeft span {
    color: #fff; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active .tri-accordionHeadRight .tri-imageGroup svg {
    transform: rotate(90deg); }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionBody {
    width: 100%;
    height: 0;
    transition: var(--triAccTransition);
    overflow: hidden; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionBody .tri-accordionBodyContent {
    width: 100%;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead {
    padding: 7.5px 25px 7.5px 30px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-sidebarLine {
    width: auto;
    height: 34px;
    margin: 0 25px;
    align-items: center; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBodyScroll {
    position: absolute;
    top: 78px;
    right: 4px;
    width: 4.1px;
    overflow: auto;
    z-index: 1; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBodyScroll::-webkit-scrollbar {
    width: 4px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBodyScroll::-webkit-scrollbar-thumb {
    background-color: transparent; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBodyScroll::-webkit-scrollbar-track {
    background-color: transparent; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBodyScroll .tri-sidebarBodyScrollContent {
    width: 0; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBodyScroll.tri-active::-webkit-scrollbar-thumb {
    background-color: #40446f; }
  section#tri-sidebar.tri-sidebarPcOpened {
    width: 265px; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarHead {
    overflow: hidden; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer {
    width: calc(100% - 50px);
    margin: 0 auto; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent .tri-left a.tri-imageGroup {
    opacity: 1;
    visibility: visible;
    width: auto; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent .tri-right .tri-imageGroup svg {
    transform: rotate(0);
    fill: #494b74; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarHead .tri-sidebarHeadContainer .tri-sidebarHeadContent .tri-right .tri-imageGroup:hover svg {
    fill: #009ef7; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody {
    overflow: auto; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft span {
    opacity: 1;
    visibility: visible; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead {
    padding: 7.5px 25px 7.5px 30px; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 35px; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 40px; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 45px; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 50px; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 55px; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 60px; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 65px; }
  section#tri-sidebar.tri-sidebarPcOpened .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 70px; } }
/* Mobile */
@media screen and (max-width: 992px) {
  /* 992'nin üzerinde bu class verilse bile bir işe yaramasın diye yapıldı */
  section#tri-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 5;
    transform: translateX(-100%);
    width: 250px;
    height: 150%;
    background-color: #1e1e2d;
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: ease;
    transition-delay: 0s; }
  section#tri-sidebar .tri-container {
    width: auto;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content {
    width: 100%;
    margin: 0 auto;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarHead {
    display: none; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody {
    -ms-overflow-style: none;}
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody {
    width: 100%;
    background-color: #1e1e2d;
    height: calc(var(--quaVh, 1vh) * 100);
    overflow-y: auto;
    overscroll-behavior-y: contain;
    padding: 12.5px 0; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion {
    width: 100%;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    background-color: #1e1e2d;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    cursor: pointer; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 5px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft .tri-imageGroup {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft .tri-imageGroup.tri-top svg {
    height: 12px;
    fill: #fff; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft .tri-imageGroup.tri-title svg {
    height: 12px;
    fill: #9899ac; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft .tri-imageGroup.tri-sub svg {
    height: 4px;
    fill: #9899ac; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadLeft span {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #9899ac; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadRight {
    width: auto;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadRight .tri-imageGroup {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead .tri-accordionHeadRight .tri-imageGroup svg {
    height: 12px;
    fill: #9899ac;
    transition: var(--triAccTransition); }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead:hover {
    background-color: #1b1b28; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead:hover .tri-accordionHeadLeft .tri-imageGroup.tri-title svg {
    fill: #fff; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead:hover .tri-accordionHeadLeft .tri-imageGroup.tri-sub svg {
    fill: #009ef7; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead:hover .tri-accordionHeadLeft span {
    color: #fff; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active .tri-accordionHeadLeft span {
    color: #fff; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active {
    background-color: #1b1b28; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active .tri-accordionHeadLeft .tri-imageGroup.tri-title svg {
    fill: #fff; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active .tri-accordionHeadLeft .tri-imageGroup.tri-sub svg {
    fill: #009ef7; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead.tri-active .tri-accordionHeadRight .tri-imageGroup svg {
    transform: rotate(90deg); }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionBody {
    width: 100%;
    height: 0;
    transition: var(--triAccTransition);
    overflow: hidden; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionBody .tri-accordionBodyContent {
    width: 100%;
    height: auto; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordionHead {
    padding: 7.5px 25px 7.5px 25px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 30px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 35px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 40px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 45px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 50px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 55px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 60px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordion .tri-accordionHead {
    padding-left: 65px; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBody .tri-sidebarLine {
    width: auto;
    height: 34px;
    margin: 0 25px;
    align-items: center; }
  section#tri-sidebar .tri-container .tri-content .tri-sidebarBodyScroll {
    display: none; }
  section#tri-sidebar.tri-sidebarMobileOpened {
    transform: translateX(0); } }
/* Pc'de sidebar wrapper'ı yok. Bu sidebar wrapper'ı sadece mobile için. */
#tri-sidebarWrapper {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 4;
  width: 100%;
  height: 150%;
  background-color: rgba(0, 0, 0, 0.3);
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility;
  transition-duration: .5s;
  transition-timing-function: ease; }
#tri-sidebarWrapper.tri-active {
  visibility: visible;
  opacity: 1; }
@media screen and (min-width: 992px) {
  #tri-sidebarWrapper.tri-active {display: none; } }
#tri-body {
  width: calc(100% - 75px);
  height: 150%;
  margin-left: 75px;
  transition-property: margin-left, width;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  background-color: #f5f8fa;
  transition-delay: 0s; }
@media screen and (max-width: 992px) {
  #tri-body {
    width: 100%;
    margin-left: inherit; } }
#tri-body .tri-container {
  width: 100%;
  height: auto;}
#tri-body .tri-container .tri-content {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content header.tri-header {
  position: sticky;
  z-index: 3;
  top: 0;
  right: 0;
  width: 100%;
  height: 60px;
  background-color: var(--tri-color-HeaderColor);
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 30px 0 rgba(149, 143, 155, 0.05); }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content header.tri-header {
    height: 55px; } }
#tri-body .tri-container .tri-content header.tri-header .tri-up {
  width: 100%;
  height: 65px; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content header.tri-header .tri-up {
    height: 55px; } }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer {
  width: calc(100% - 60px);
  margin: 0 auto;
  height: 100%; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer {
    width: calc(100% - 30px); } }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px; }
@media screen and (max-width: 550px) {
  #tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left {
    width: 100%; } }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left .tri-menuMobile {
  width: 30px;
  height: 30px;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  cursor: pointer; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left .tri-menuMobile {
    display: flex; } }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left .tri-menuMobile .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left .tri-menuMobile .tri-imageGroup svg {
  height: 20px;
  fill: #a7aabb; }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left .tri-menuMobile:hover {
  background-color: #f0f9fe; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left .tri-menuMobile:hover {
    background-color: inherit; } }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left .tri-menuMobile:hover svg {
  fill: #65c2f8; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left .tri-menuMobile:hover svg {
    fill: #a7aabb; } }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left a.tri-logo {
  width: auto;
  height: auto;
  display: none; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left a.tri-logo {
    display: block; } }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left a.tri-logo .tri-imageGroup {
  width: auto;
  height: 30px;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-left a.tri-logo .tri-imageGroup img {
  width: auto;
  height: 100%; }
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px; }
@media screen and (max-width: 550px) {
  #tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 10px;
    gap: 5px;
  }
  #tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-right {
    justify-content: space-between;
    width: 100%;
    gap: inherit;
  }
  header.tri-header {
    height: 90px!important;
  }
}
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-right ul.kur {
  width: auto;
  height: auto;
  display: flex;
  overflow: auto;
  flex-direction: row;
  align-items: center;}
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-right ul.kur::-webkit-scrollbar {
  display: none;
}
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-right ul.kur li {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2px;
  padding: 0 10px;
  position: relative;}
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-right ul.kur li::before {
  content: "";
  width: 1px;
  height: 10px;
  position: absolute;
  background-color: #b7b4b4;
  left: 97.5%;}
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-right ul.kur li .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;}
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-right ul.kur li .tri-imageGroup svg {
  height: 13px;
  fill: #3096ff;}
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-right ul.kur li span {
  font-family: 'Roboto',sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #3096ff;}
#tri-body .tri-container .tri-content header.tri-header .tri-up .tri-upContainer .tri-upContent .tri-right ul.kur li span.fiyat {
  font-family: 'Roboto',sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #3096ff;}
.tri-dataDown .tri-down {
  width: 100%;
  /*height: 55px;*/
  background-color: #fff;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #7d8191;
  padding: 0!important;}
.tri-bodyMain .tri-down {
  background-color: var(--tri-color-HeaderDownColor);
  padding: 12px 13px;
  margin-bottom: 8px;}
.tri-dataDown .tri-down span {
  /*padding: 13px 8px;*/
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #7d8191;}
.tri-dataDown .tri-up {
  width: 100%;
  /*height: 55px;*/
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #7d8191;}
.tri-dataDown .tri-up span {
  padding: 0 8px;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #7d8191;}
.tri-down .tri-downContainer {
  width: calc(100% - 40px);
  margin: 0 auto;
  height: 100%; }
.tri-down .tri-downContainer .tri-downContent {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow-x: auto;
  align-items: center; }
.tri-down .tri-downContainer .tri-downContent::-webkit-scrollbar {
  display: none;
}
.tri-down .tri-downContainer .tri-downContent .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
@media screen and (max-width: 992px) {
  .tri-down .tri-downContainer .tri-downContent .tri-left {
    /*display: none; */
  } }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-title {
  width: auto;
  height: auto;
  padding-right: 10px;
  border-right: 1px solid #d3d3d3; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-title h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  color: #000; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb {
  width: auto;
  height: auto;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow-x: hidden; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  overflow-x: auto;
  white-space: nowrap; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse::-webkit-scrollbar {
  display: none; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li::before {
  content: "";
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E") no-repeat;
  width: 11px;
  height: 11px;
  margin: 0 1px 0 8px; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li a {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  line-height: 150%;
  color: #a1a5b7 ; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  line-height: 150%;
  color: #000; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li:nth-child(1) {
  margin-left: 10px; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li:nth-child(1)::before {
  display: none; }
.tri-down .tri-downContainer .tri-downContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li:nth-last-child(1) {
  margin-right: 15px; }
.tri-down .tri-downContainer .tri-downContent .tri-right {
  width: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  height: auto; }
.tri-down .tri-downContainer .tri-downContent .tri-right a.tri-button {
  width: auto;
  height: auto;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
}
.tri-down .tri-downContainer .tri-downContent .tri-right a.tri-button.type-1 {
  padding: 8.5px 16px;
  background-color: #50cd89;
  border-radius: 7px;
}
.tri-down .tri-downContainer .tri-downContent .tri-right a.tri-button.type-1:hover {
  background-color: #47be7d;
}
#tri-body .tri-container .tri-content .tri-bodyMain {
  width: 100%;
  height: auto;
  padding-bottom: 8px;
  min-height: calc(var(--quaVh, 1vh) * 100 - 110px);
  background-color: var(--tri-color-bodyMainColor); }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content .tri-bodyMain {
    min-height: calc(var(--quaVh, 1vh) * 100 - 103px); } }
@media screen and (max-width: 768px) {
  #tri-body .tri-container .tri-content .tri-bodyMain {
    min-height: calc(var(--quaVh, 1vh) * 100 - 118px); } }
#tri-body .tri-container .tri-content footer.tri-footer {
  width: 100%;
  height: 50px;
  /*margin-top: 10px;*/
  position: sticky;
  bottom: 0;
  z-index: 1;
  background-color: var(--tri-color-area); }
@media screen and (max-width: 768px) {
  #tri-body .tri-container .tri-content footer.tri-footer {
    height: 63px; } }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container {
  width: calc(100% - 60px);
  margin: 0 auto;
  height: 100%; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content footer.tri-footer .tri-container {
    width: calc(100% - 30px); } }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
@media screen and (max-width: 768px) {
  #tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content {
    flex-direction: column-reverse;
    justify-content: center; } }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-left {
  width: 115px;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
@media screen and (max-width: 768px) {
  #tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-left {
    margin-top: 6px; } }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-left span {
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 500;
  color: #a1a5b7;
  margin-right: 3px;
  line-height: 120%; }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-left a {
  font-size: 10px;
  font-weight: 400;
  color: var(--tri-span-color);
  transition: color .2s ease; }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-left a:hover {
  color: #009ef7; }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-right ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-right ul li {
  width: auto;
  height: auto;
  margin: 0 5px;
  cursor: pointer; }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-right ul li a {
  font-size: 10px;
  font-weight: 400;
  color: var(--tri-span-color);
  line-height: 190%;
  transition: color .2s ease; }
#tri-body .tri-container .tri-content footer.tri-footer .tri-container .tri-content .tri-right ul li a:hover {
  color: #009ef7; }
#tri-body.tri-sidebarPcOpened {
  width: calc(100% - 265px);
  margin-left: 265px; }
@media screen and (max-width: 992px) {
  #tri-body.tri-sidebarPcOpened {
    width: 100%;
    margin-left: inherit; } }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea {
  width: 100%;
  height: auto;
  display: none; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea {
    display: flex; } }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer {
  width: 100%;
  margin: 0 auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent {
  width: 100%;
  height: auto;
  padding: 17px 0 15px 0; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left {
  margin-left: 15px;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-title {
  width: auto;
  height: auto;
  padding-right: 10px;
  border-right: 1px solid #d3d3d3; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-title h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb {
  width: auto;
  height: auto;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  overflow-x: hidden; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  overflow-x: auto;
  white-space: nowrap; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse::-webkit-scrollbar {
  display: none; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li::before {
  content: "";
  display: block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3E%3Cpath d='M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z'/%3E%3C/svg%3E") no-repeat;
  width: 11px;
  height: 11px;
  margin: 0 1px 0 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li a {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  line-height: 150%;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  line-height: 150%;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li:nth-child(1) {
  margin-left: 10px; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li:nth-child(1)::before {
  display: none; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-left .tri-breadcrumb .tri-breadcrumbReverse ul li:nth-last-child(1) {
  margin-right: 15px; }
#tri-body .tri-container .tri-content .tri-bodyMain section#tri-breadcrumbArea .tri-breadcrumbAreaContainer .tri-breadcrumbAreaContent .tri-right {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer {
  width: calc(100% - 40px);
  margin: 0 auto;
  height: auto; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer {
    width: calc(100% - 30px); } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent {
  width: 100%;
  height: auto;
  padding: 30px 0; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent {
    padding: inherit; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px; }
@media screen and (max-width: 1200px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup {
    display: flex;
    flex-direction: column;
    grid-template-columns: inherit; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup section.tri-card {
  width: auto;
  height: auto;
  align-self: start;
  background-color: var(--tri-color-area);
  border-radius: 7px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup section.tri-card.tri-card-1 {
  grid-column: span 1; }
@media screen and (max-width: 1200px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup section.tri-card.tri-card-1 {
    grid-column: inherit;
    width: 100%; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup section.tri-card.tri-card-2 {
  grid-column: span 2; }
@media screen and (max-width: 1200px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup section.tri-card.tri-card-2 {
    grid-column: inherit;
    width: 100%; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup section.tri-card.tri-card-3 {
  grid-column: span 3; }
@media screen and (max-width: 1200px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup section.tri-card.tri-card-3 {
    grid-column: inherit;
    width: 100%; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent {
  width: 100%;
  height: auto; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent {
    width: 100%; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp {
  width: 100%;
  height: 250px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 23px;
  display: flex;
  flex-direction: column;
  position: relative; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard {
  width: auto;
  height: auto;
  position: relative; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroup {
  position: absolute;
  top: 23px;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .1s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroup svg {
  height: 24px;
  fill: #fff;
  transition: fill .1s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroup:hover {
  background-color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroup:hover svg {
  fill: #7e8299; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroup.tri-active {
  background-color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroup.tri-active svg {
  fill: #7e8299; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened {
  z-index: 1;
  width: 200px;
  height: auto;
  background-color: #fff;
  position: absolute;
  right: 0;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  padding: 9px 0 8px 0;
  transform: translateY(0);
  top: 74px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform;
  transition-duration: .4s;
  transition-timing-function: ease; }
@media screen and (max-width: 350px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened {
    position: fixed;
    width: 100%;
    top: 65px;
    border-radius: inherit; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #a1a5b7;
  margin-left: 15px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul {
  margin-top: 7px;
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li.hover:hover .hovered {
  opacity: 1;
  visibility: visible; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 15px);
  margin: 0 auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 5px;
  padding: 7px 9px 6px 9px;
  color: #3f4254;
  transition: all .3s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li .hovered {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 5px;
  padding: 7px 9px 6px 9px;
  color: #3f4254;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 200px;
  top: 115px;
  background-color: #fff;
  box-shadow: 0 0 9px 0 rgba(82, 63, 105, 0.50); }
@media screen and (max-width: 1200px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li .hovered {
    left: -129px; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li .hovered a {
  width: 100%;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  padding: 7px 9px 6px 9px;
  color: #3f4254;
  border-radius: 5px;
  cursor: pointer;
  transition: all .3s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li .hovered a:hover {
  background-color: #f7f9fb;
  color: #38b3f8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li a .tri-imageGroupp {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li a .tri-imageGroupp svg {
  height: 9px;
  fill: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li a:hover {
  background-color: #f7f9fb;
  color: #38b3f8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened ul li a:hover svg {
  fill: #38b3f8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp .salesStatisticsBoard .tri-imageGroupOpened.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(-10px); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp span.tri-card-baslik {
  margin-top: 28px;
  font-family: 'Poppins', sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp span.islem {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp span.islem a {
  font-weight: 600;
  position: relative;
  color: rgba(255, 255, 255, 0.9); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp span.islem a::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardUp span.islem a:hover {
  color: rgba(255, 255, 255, 0.75); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown {
  width: 100%;
  height: auto;
  background-color: var(--tri-color-area);
  padding: 0 23px 23px 23px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-boxGroup {
  width: 100%;
  height: auto;
  position: relative;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-boxGroup .tri-box {
  width: calc(50% - 7.5px);
  height: auto;
  min-height: 80px;
  border-radius: 5px;
  padding: 13px 15px 13px 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  background-color: #f5f8fa; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-boxGroup .tri-box a.number {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #5e6278; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-boxGroup .tri-box a.bilgi {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #a1a5b7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup.tri-rowGroupMarginTop {
  margin-top: 60px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup h5 {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--tri-span-color); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup span.tri-desc {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #a1a5b7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup .tri-row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #ddd; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup .tri-row .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup .tri-row .tri-left span.tri-title {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #5e6278; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup .tri-row .tri-left a.tri-title {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #000;
  cursor: pointer; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup .tri-row .tri-left a.tri-title:hover {
  color: red; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup .tri-row .tri-left span.tri-info {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #a1a5b7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup .tri-row .tri-right {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup .tri-row .tri-right span.tri-price {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--tri-span-color); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-cardDown .tri-rowGroup .tri-row:nth-last-child(1) {
  border-bottom: inherit; }

#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent {
  width: 100%;
  height: auto; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent {
    width: 100%; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup {
  width: 100%;
  height: auto;
  padding: 30px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup h5 {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--tri-span-color); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup span.tri-desc {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #a1a5b7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #ddd; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-left span.tri-title {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #5e6278; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-left a.tri-title {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: var(--tri-span-color);
  cursor: pointer; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-left a.tri-title:hover {
  color: red; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-left span.tri-info {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #a1a5b7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-right {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-right span.tri-price {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--tri-span-color); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row:nth-last-child(1) {
  border-bottom: inherit; }

#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent {
  width: 100%;
  height: auto; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent {
    width: 100%; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp {
  background-color: #fff;
  width: 100%;
  height: auto;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0 23px;
  display: flex;
  flex-direction: column;
  position: relative; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard {
  width: auto;
  height: auto;
  position: relative; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroup {
  position: absolute;
  top: 23px;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .1s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroup svg {
  height: 24px;
  fill: #009EF7;
  transition: fill .1s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroup:hover {
  background-color: #F1FAFF; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroup.tri-active {
  background-color: #F1FAFF; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened {
  z-index: 1;
  width: 200px;
  height: auto;
  background-color: #fff;
  position: absolute;
  right: 0;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  padding: 9px 0 8px 0;
  transform: translateY(0);
  top: 74px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform;
  transition-duration: .4s;
  transition-timing-function: ease; }
@media screen and (max-width: 350px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened {
    position: fixed;
    width: 100%;
    top: 65px;
    border-radius: inherit; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #a1a5b7;
  margin-left: 15px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul {
  margin-top: 7px;
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li.hover:hover .hovered {
  opacity: 1;
  visibility: visible; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 15px);
  margin: 0 auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 5px;
  padding: 7px 9px 6px 9px;
  color: #3f4254;
  transition: all .3s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li .hovered {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 5px;
  padding: 7px 9px 6px 9px;
  color: #3f4254;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 200px;
  top: 115px;
  background-color: #fff;
  box-shadow: 0 0 9px 0 rgba(82, 63, 105, 0.50); }
@media screen and (max-width: 1675px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li .hovered {
    left: -129px; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li .hovered a {
  width: 100%;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  padding: 7px 9px 6px 9px;
  color: #3f4254;
  border-radius: 5px;
  cursor: pointer;
  transition: all .3s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li .hovered a:hover {
  background-color: #f7f9fb;
  color: #38b3f8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li a .tri-imageGroupp {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li a .tri-imageGroupp svg {
  height: 9px;
  fill: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li a:hover {
  background-color: #f7f9fb;
  color: #38b3f8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened ul li a:hover svg {
  fill: #38b3f8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp .notificationsBoard .tri-imageGroupOpened.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(-10px); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardUp span.tri-card-baslik {
  margin-top: 28px;
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown {
  width: auto;
  height: auto;
  background-color: #fff;
  padding: 30px 23px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 20px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 19px;
  border-radius: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow .tri-cardLeft {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 19px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow .tri-cardLeft .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow .tri-cardLeft .tri-imageGroup svg {
  height: 25px;
  fill: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow .tri-cardLeft .tri-notText {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow .tri-cardLeft .tri-notText a {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #3F4254; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow .tri-cardLeft .tri-notText a:hover {
  color: #009EF7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow .tri-cardLeft .tri-notText span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow span.percent {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow.tri-type1 {
  background-color: #fff8dd; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow.tri-type1 span.percent {
  color: #FFC700; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow.tri-type2 {
  background-color: #e8fff3; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow.tri-type2 span.percent {
  color: #50CD89; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow.tri-type3 {
  background-color: #fff5f8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow.tri-type3 span.percent {
  color: #F1416C; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow.tri-type4 {
  background-color: #F8F5FF; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-notifications .tri-card-notificationsContainer .tri-card-notificationsContent .tri-cardDown .tri-cardRow.tri-type4 span.percent {
  color: #7239EA; }
section.tri-card-membersStatistics {
  width: 100%;
  height: auto; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer {
  width: 100%;
  height: auto; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent {
  width: 100%;
  height: auto;
  overflow-y: auto; }
@media screen and (max-width: 992px) {
  section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent {
    width: 100%; } }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 16px 30px 0 30px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-left h3 {
  font-size: 18px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  color: #181C32; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-left span {
  font-size: 12px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #a1a587; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-right .tri-addButton {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  padding: 8px 17px;
  border-radius: 6px;
  background-color: #f5f8fa; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-right .tri-addButton .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-right .tri-addButton .tri-imageGroup svg {
  width: auto;
  height: 17px;
  fill: #7E8299; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-right .tri-addButton a {
  font-size: 12px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #7E8299; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-right .tri-addButton:hover {
  background-color: #eef3f7; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-right a.tri-delete {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 7px;
  padding: 8px 17px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #7E8299;
  background-color: #f5f8fa; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-right a.tri-delete .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-right a.tri-delete .tri-imageGroup svg {
  width: auto;
  height: 17px;
  fill: #7E8299; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardHead .tri-right a.tri-delete:hover {
  background-color: #eef3f7; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody {
  width: 100%;
  height: auto;
  padding: 10px 30px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table {
  width: 100%; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table thead tr th {
  font-size: 13px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  color: #A1A5B7;
  padding: 13px 10px;
  text-align: start;
  align-self: center; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table thead tr th input {
  width: 20px;
  height: 20px;
  background-color: #a1a5b7;
  padding: 13px 10px 13px 0; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table thead tr th.tri-type100px {
  min-width: 100px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table thead tr th.tri-type150px {
  min-width: 150px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table thead tr th.tri-type200px {
  min-width: 200px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td {
  padding: 13px 10px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td input {
  width: 20px;
  height: 20px;
  background-color: #a1a5b7;
  padding: 13px 10px 13px 0; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersInfo {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 16px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersInfo .tri-left {
  width: auto;
  height: auto; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersInfo .tri-left .tri-imageGroup {
  width: auto;
  height: auto; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersInfo .tri-left .tri-imageGroup img {
  height: 45px;
  width: auto;
  border-radius: 6px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersInfo .tri-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersInfo .tri-right a {
  font-size: 14px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  color: #181c32;
  transition: color, 0.2s ease; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersInfo .tri-right a:hover {
  color: #009EF7; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersInfo .tri-right span {
  font-size: 12px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #a1a5b7; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersCompany {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersCompany a {
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #181C32;
  transition: color, .2s ease; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersCompany a:hover {
  color: #009ef7; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersCompany span {
  font-size: 12px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #a1a5b7; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-progress {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-progress .tri-barPercent span {
  font-size: 11px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #a1a5b7; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-progress .tri-progressBar {
  width: 100%;
  height: 6px;
  background-color: #f5f8fa;
  border-radius: 3px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-progress .tri-progressBar .tri-bar {
  height: 6px;
  border-radius: 3px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-progress .tri-progressBar.tri-typeGreen .tri-bar {
  background-color: #50CD89; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-progress .tri-progressBar.tri-typeRed .tri-bar {
  background-color: #F1416C; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-progress .tri-progressBar.tri-typeBlue .tri-bar {
  background-color: #009ef7; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-progress .tri-progressBar.tri-typeYellow .tri-bar {
  background-color: #FFC700; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-progress .tri-progressBar.tri-typePurple .tri-bar {
  background-color: #7239EA; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersActions {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersActions a {
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #F5F8FA;
  border-radius: 6px; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersActions a .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersActions a .tri-imageGroup svg {
  width: auto;
  height: 17.5px;
  fill: #A1A5B7;
  transition: color, .2s ease; }
section.tri-card-membersStatistics .tri-card-membersStatisticsContainer .tri-card-membersStatisticsContent .tri-cardBody .tri-cardTable table tbody tr td .tri-membersActions a:hover svg {
  fill: #009ef7; }

#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent {
  width: 100%;
  height: auto;
  padding: 0 23px; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent {
    width: 100%; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  position: relative; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard {
  width: auto;
  height: auto;
  position: relative; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroup {
  position: absolute;
  top: 23px;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .1s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroup svg {
  height: 24px;
  fill: #009EF7;
  transition: fill .1s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroup:hover {
  background-color: #F1FAFF; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroup.tri-active {
  background-color: #F1FAFF; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened {
  z-index: 1;
  width: 200px;
  height: auto;
  background-color: #fff;
  position: absolute;
  right: 0;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  padding: 9px 0 8px 0;
  transform: translateY(0);
  top: 74px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform;
  transition-duration: .4s;
  transition-timing-function: ease; }
@media screen and (max-width: 350px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened {
    position: fixed;
    width: 100%;
    top: 65px;
    border-radius: inherit; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #a1a5b7;
  margin-left: 15px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul {
  margin-top: 7px;
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li.hover:hover .hovered {
  opacity: 1;
  visibility: visible; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 15px);
  margin: 0 auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 5px;
  padding: 7px 9px 6px 9px;
  color: #3f4254;
  transition: all .3s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li .hovered {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 5px;
  padding: 7px 9px 6px 9px;
  color: #3f4254;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 200px;
  top: 115px;
  background-color: #fff;
  box-shadow: 0 0 9px 0 rgba(82, 63, 105, 0.50); }
@media screen and (max-width: 1200px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li .hovered {
    left: -129px; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li .hovered a {
  width: 100%;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  padding: 7px 9px 6px 9px;
  color: #3f4254;
  border-radius: 5px;
  cursor: pointer;
  transition: all .3s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent .tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li .hovered a:hover {
  background-color: #f7f9fb;
  color: #38b3f8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li a .tri-imageGroupp {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li a .tri-imageGroupp svg {
  height: 9px;
  fill: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li a:hover {
  background-color: #f7f9fb;
  color: #38b3f8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li a:hover svg {
  fill: #38b3f8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(-10px); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp span.tri-card-baslik {
  margin-top: 28px;
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp span.tri-card-aciklama {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown {
  position: relative;
  width: 100%;
  height: auto;
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 17px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown::before {
  content: "";
  width: 3px;
  height: auto;
  background-color: #EFF2F5;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 49.8px;
  margin-top: 30px;
  margin-bottom: 30px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-left span.saat {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-left .yuvarlak {
  position: relative;
  left: 9px;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 3px solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-left .yuvarlak::before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 6px;
  height: 6px;
  border-radius: 100%; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-right {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-right span.activite {
  font-family: 'Poppins', sans-serif;
  font-size: 13px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-right span.activite a {
  font-weight: 600;
  color: #009EF7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-1 {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-1 .tri-left .yuvarlak {
  background-color: #FFC700; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-1 .tri-right span.activite {
  font-weight: 500;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-2 {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-2 .tri-left .yuvarlak {
  left: 9px;
  background-color: #50CD89; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-2 .tri-right span.activite {
  font-weight: 600;
  color: #3F4254; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-3 {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-3 .tri-left .yuvarlak {
  background-color: #F1416C;
  left: 9px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-3 .tri-right span.activite {
  font-weight: 600;
  color: #3F4254; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-4 {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-4 .tri-left .yuvarlak {
  left: 9px;
  background-color: #009EF7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-4 .tri-right span.activite {
  font-weight: 500;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-5 {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-5 .tri-left .yuvarlak {
  left: 9px;
  background-color: #F1416C; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-5 .tri-right span.activite {
  font-weight: 600;
  color: #3F4254; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-6 {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-6 .tri-left .yuvarlak {
  left: 9px;
  background-color: #009EF7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-6 .tri-right span.activite {
  font-weight: 500;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-7 {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-7 .tri-left .yuvarlak {
  left: 9px;
  background-color: #F1416C; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-7 .tri-right span.activite {
  font-weight: 600;
  color: #3F4254; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-8 {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-8 .tri-left .yuvarlak {
  left: 9px;
  background-color: #50CD89; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-8 .tri-right span.activite {
  font-weight: 500;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent {
  width: 100%;
  height: auto; }
@media screen and (max-width: 992px) {
  #tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent {
    width: 100%; } }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab {
  width: 100%;
  height: auto;
  padding: 25px 0;
  display: flex;
  flex-direction: column;
  gap: 15px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsUp {
  width: calc(100% - 50px);
  margin: 0 auto;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsUp .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsUp .tri-left span.tri-tab-title {
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: var(--tri-span-color); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsUp .tri-left span.tri-tab-desc {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsUp ul.tri-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  gap: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsUp ul.tri-right li {
  width: auto;
  height: auto;
  padding: 8px 12px 8px 12px;
  box-sizing: border-box;
  background-color: #fff;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 12px;
  border-radius: 5px;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsUp ul.tri-right li.tri-active {
  background-color: #e4e6ef;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab {
  width: 100%;
  height: auto;
  display: none;
  overflow-x: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody {
  width: 100%;
  height: auto;
  padding: 0 25px;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr {
  width: 100%;
  height: auto;
  border-bottom: 1px dashed #EFF2F5; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr:nth-last-child(1) {
  border-bottom: none; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td {
  width: 100%;
  height: auto;
  padding: 13px 8px 13px 0; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td .tri-imageGroup {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #F5F8FA;
  object-fit: cover; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td .tri-imageGroup img {
  overflow: hidden;
  height: 25px;
  fill: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td .tri-notText {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  padding-left: 25px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td .tri-notText a {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #3F4254; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td .tri-notText a:hover {
  color: #009EF7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td .tri-notText span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td span.tri-job {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td a.tri-imageGroup {
  width: 40px;
  height: 40px;
  display: flex;
  flex-direction: column;
  background-color: #F5F8FA;
  border-radius: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td a.tri-imageGroup svg {
  height: 19px;
  fill: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td a.tri-imageGroup:hover svg {
  fill: #009EF7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab table tbody tr td a.tri-imageGroup:active svg {
  fill: #009EF7; }
/*#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab div {*/
/*  width: 100%;*/
/*  height: auto; }*/
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-latestProducts .tri-card-latestProductsContainer .tri-card-latestProductsContent #tri-card-latestProductsTab .tri-card-latestProductsDown .tri-cardTab.tri-active {
  display: block; }

#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent {
  width: 100%;
  height: auto;
  gap: 25px;
  padding: 23px 0; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  padding: 0 23px;
  align-items: center;
  justify-content: space-between; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-left {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown {
  width: auto;
  height: auto;
  gap: 7px;
  cursor: pointer; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 5px;
  padding: 9px 16px;
  transition: background-color .5s ease;
  background-color: #f1faff;
  gap: 9px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead .tri-imageGroup {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead .tri-imageGroup svg {
  fill: #009ef7;
  height: 100%; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #009ef7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover {
  background-color: #009ef7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover .tri-imageGroup svg {
  fill: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover span {
  color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active {
  background-color: #009ef7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active .tri-imageGroup svg {
  fill: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active span {
  color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody {
  min-width: 200px;
  height: auto;
  position: absolute;
  transform: translate(-90px, 15px);
  background-color: #fff;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer {
  width: 100%;
  height: auto;
  padding: 6px 7px;}
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-up {
  width: auto;
  height: auto;
  padding: 6px 7px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-up span {
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #a1a5b7;
  text-transform: uppercase; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li {
  width: auto;
  height: auto;
  padding: 0 8px 7px 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li a {
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li:hover {
  background-color: #f1faff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li:hover a {
  color: #009ef7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translate(-90px, 0px); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500; }
.tri-dataButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 16px;
  border-radius: 5px;
  background-color: #009ef7;
  cursor: pointer;
  transition: background-color .5s ease; }
.tri-dataButton span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #fff; }
.tri-dataButton:hover {
  background-color: #0095e8; }
.tri-dataButton.type-2 {
  background-color: #ce2252;
}
.tri-dataButton.type-2:hover {
  background-color: #bf2550;
}
.tri-dataButton.type-5 {
  background-color: #037703;
}
.tri-dataButton.type-5:hover {
  background-color: #449134;
}
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain {
  width: 100%;
  height: auto;
  overflow-x: auto;
  padding: 0 23px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th {
  padding: 13px 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th input {
  width: 20px;
  height: 20px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th .tri-theadText {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 13px 8px;
  gap: 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th .tri-theadText .tri-imageGroup {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th .tri-theadText .tri-imageGroup svg {
  height: 100%;
  fill: #b5b5c3; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th .tri-theadText span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #b5b5c3;
  text-transform: uppercase; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #b5b5c3;
  text-transform: uppercase; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr {
  width: 100%;
  height: auto;
  border-bottom: 1px dashed #eff2f5; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr:nth-last-child(1) {
  border-bottom: none; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td {
  padding: 13px 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td input {
  width: 20px;
  height: 20px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td a {
  font-size: 10px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-bodyText {
  width: 100%;
  height: auto;
  justify-self: flex-start; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-bodyText span {
  font-size: 10px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-islemler {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-islemler a {
  width: auto;
  height: auto;
  background-color: #f5f8fa;
  padding: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-islemler a .tri-imageGroup {
  width: auto;
  height: 15px;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-islemler a .tri-imageGroup svg {
  width: auto;
  height: 100%;
  fill: #a1a5b7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-islemler a:hover .tri-imageGroup svg {
  fill: #3699ff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataDown {
  padding: 0 23px; }

#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarHead {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #ececee;
  padding: 14px 30px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarHead .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarHead .tri-left .textArea {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarHead .tri-left .textArea h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarHead .tri-left .textArea span {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #A1A5B7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarHead .tri-right {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarHead .tri-right a {
  background-color: #009EF7;
  padding: 10px 20px;
  border-radius: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  transition: background-color .3s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarHead .tri-right a:hover {
  background-color: #0095E8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody {
  width: 100%;
  height: auto;
  padding: 26px 0; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp {
  width: 100%;
  height: auto;
  display: flex;
  padding: 0 30px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  gap: 10px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-left .tri-imageGroups {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  gap: 3px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-left .tri-imageGroups .tri-imageGroup {
  width: auto;
  height: 40px;
  display: flex;
  flex-direction: column;
  background-color: #f5f8fa;
  padding: 10px 16px;
  cursor: pointer;
  border-radius: 5px;
  transition: all .3s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-left .tri-imageGroups .tri-imageGroup svg {
  height: 100%;
  fill: #7e8299; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-left .tri-imageGroups .tri-imageGroup:hover {
  background-color: #dbe0e3; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-left .tri-imageGroups .tri-imageGroup:hover svg {
  fill: #181C32; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-left a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #7e8299;
  padding: 10px 16px;
  background-color: #f5f8fa;
  border-radius: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-center {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-center h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-right {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-right ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-right ul li {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-right ul li a {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #181c32;
  background-color: #f5f8fa;
  padding: 10px 16px;
  border-radius: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarUp .tri-right ul li.tri-active a {
  background-color: #eff2f5; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown {
  width: 100%;
  height: auto;
  overflow-x: auto;
  padding: 15px 0; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab {
  width: 100%;
  height: auto;
  display: none; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab table {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab table thead {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab table thead tr {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab table thead tr th {
  width: auto;
  height: auto;
  padding: 7px 0;
  border-left: 1px solid #eff2f5;
  border-right: 1px solid #eff2f5;
  border-top: 1px solid #eff2f5; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab table thead tr th span {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #3F4254; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab table tbody {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab table tbody tr {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab table tbody tr td {
  width: auto;
  height: auto;
  min-height: 130px;
  padding: 4px 5px;
  border: 1px solid #eff2f5;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
  gap: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab table tbody tr td span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #3F4254; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab table tbody tr td .tri-odeme {
  width: 100%;
  height: auto;
  background-color: #009ef7;
  padding: 4px 6px 4px 6px;
  border-radius: 3px;
  font-family: 'Poppins', sans-serif;
  font-size: 10px;
  font-weight: 400;
  color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-calendar .tri-card-calendarContainer .tri-card-calendarContent #tri-card-calendarTab .tri-calendarBody .tri-calendarDown .tri-calTab.tri-active {
  display: block; }

#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent {
  width: 100%;
  height: auto;
  overflow-x: auto;
  gap: 25px;
  padding: 23px 0; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion {
  width: calc(100% - 15px);
  margin: 0 auto;
  height: auto;
  background-color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionHead {
  width: 100%;
  height: auto;
  padding: 15px 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
  align-items: center; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionHead span {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionHead .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionHead .tri-imageGroup svg {
  width: auto;
  height: 12px;
  transform: rotate(90deg); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody {
  width: 100%;
  height: 0;
  transition: height, .5s ease;
  overflow: hidden; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm nav {
  width: calc(100% - 30px);
  margin: 0 auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm nav ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm nav ul li {
  width: auto;
  height: auto;
  padding: 6.5px 10px;
  margin-right: 2.5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm nav ul li span {
  font-size: 9.25px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  color: #a1a5b7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm nav ul li.tri-active {
  background-color: #e4e6ef;
  border-radius: 3px;
  padding-bottom: 10px;
  cursor: pointer;
}
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form {
  display: none;
  width: 100%;
  height: auto;
  padding: 10px 0; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent {
  width: calc(100% - 15px);
  margin: 0 auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card {
  width: auto;
  height: auto;
  padding-top: 7.5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer {
  width: auto;
  height: auto;
  padding: 32.5px 22.5px 20px 22.5px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 25px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead {
  width: auto;
  height: auto;
  margin-bottom: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11.5px;
  color: #000;
  white-space: nowrap; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBody .tri-dropdown {
  max-width: inherit;
  min-width: inherit; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBody .tri-dropdown .tri-dropdownHead {
  background-color: #f5f8fa; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement input {
  width: 100%;
  height: auto;
  font-size: 11px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #5e6278;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  background-color: #f5f8fa;
  padding: 7px 10px 6px 10px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button {
  width: auto;
  height: auto;
  max-width: 75px;
  padding: 6.5px 13.5px;
  background-color: #009ef7;
  border: none;
  border-radius: 6px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button span {
  font-size: 9.25px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.buttonVazgec {
  background-color: red; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.buttonGonder {
  background-color: green; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer hr {
  border: 1px solid #9899ac; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form.tri-active {
  display: block; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  padding: 0 23px;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-left {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown {
  width: auto;
  height: auto;
  gap: 7px;
  cursor: pointer; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 5px;
  padding: 9px 16px;
  transition: background-color .5s ease;
  background-color: #f1faff;
  gap: 9px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead .tri-imageGroup {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead .tri-imageGroup svg {
  fill: #009ef7;
  height: 100%; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #009ef7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover {
  background-color: #009ef7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover .tri-imageGroup svg {
  fill: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover span {
  color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active {
  background-color: #009ef7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active .tri-imageGroup svg {
  fill: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active span {
  color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody {
  min-width: 200px;
  height: auto;
  position: absolute;
  transform: translate(-90px, 15px);
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer {
  width: 100%;
  height: auto;
  padding: 6px 7px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-up {
  width: auto;
  height: auto;
  padding: 6px 7px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-up span {
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #a1a5b7;
  text-transform: uppercase; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down {
  width: auto;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li {
  width: auto;
  height: auto;
  padding: 0 8px 7px 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li a {
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li:hover {
  background-color: #f1faff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li:hover a {
  color: #009ef7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translate(-90px, 0px); }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 16px;
  border-radius: 5px;
  background-color: #009ef7;
  cursor: pointer;
  transition: background-color .5s ease; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton:hover {
  background-color: #0095e8; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain {
  width: 100%;
  height: auto;
  overflow-x: auto;
  padding: 0 23px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #b5b5c3;
  text-transform: uppercase;
  padding: 13px 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th input {
  width: 20px;
  height: 20px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th .tri-theadText {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 13px 8px;
  gap: 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th .tri-theadText .tri-imageGroup {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th .tri-theadText .tri-imageGroup svg {
  height: 100%;
  fill: #b5b5c3; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th .tri-theadText span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #b5b5c3;
  text-transform: uppercase; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #b5b5c3;
  text-transform: uppercase; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th::before {
  display: none; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table thead tr th::after {
  display: none; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody {
  width: 100%;
  height: auto; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr {
  width: 100%;
  height: auto;
  border-bottom: 1px dashed #eff2f5;
  font-size: 10px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr:nth-last-child(1) {
  border-bottom: none; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td {
  padding: 13px 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td input {
  width: 20px;
  height: 20px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td a {
  font-size: 10px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-bodyText {
  width: 100%;
  height: auto;
  justify-self: flex-start; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-bodyText span {
  font-size: 10px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #000; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-islemler {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-islemler a {
  width: auto;
  height: auto;
  background-color: #f5f8fa;
  padding: 5px; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-islemler a .tri-imageGroup {
  width: auto;
  height: 15px;
  display: flex;
  flex-direction: column; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-islemler a .tri-imageGroup svg {
  width: auto;
  height: 100%;
  fill: #a1a5b7; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr td .tri-islemler a:hover .tri-imageGroup svg {
  fill: #3699ff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr.selected .tri-checkbox {
  background-color: #fff; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table tbody tr.selected .tri-checkbox::before {
  display: block; }
#tri-body .tri-container .tri-content .tri-bodyMain #tri-cardArea .tri-cardAreaContainer .tri-cardAreaContent #tri-cardGroup .tri-card-dataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataDown {
  padding: 0 23px; }


.tri-card-dataTable2.tri-form-1 {
  grid-column: span 1; }
.tri-card-dataTable2.tri-form-2 {
  grid-column: span 2; }
.tri-card-dataTable2.tri-form-3 {
  grid-column: span 3; }
.tri-card-dataTable2.tri-form-4 {
  grid-column: span 4; }
.tri-card-dataTable2.tri-form-5 {
  grid-column: span 5; }
.tri-card-dataTable2.tri-form-6 {
  grid-column: span 6; }
.tri-card-dataTable2.tri-form-7 {
  grid-column: span 7; }
.tri-card-dataTable2.tri-form-8 {
  grid-column: span 8; }
.tri-card-dataTable2.tri-form-9 {
  grid-column: span 9; }
.tri-card-dataTable2.tri-form-10 {
  grid-column: span 10; }
.tri-card-dataTable2.tri-form-11 {
  grid-column: span 11; }
.tri-card-dataTable2.tri-form-12 {
  grid-column: span 12; }
@media screen and (max-width: 1400px) {
  .tri-card-dataTable2.tri-form-xxl-1 {
    grid-column: span 1; }
  .tri-card-dataTable2.tri-form-xxl-2 {
    grid-column: span 2; }
  .tri-card-dataTable2.tri-form-xxl-3 {
    grid-column: span 3; }
  .tri-card-dataTable2.tri-form-xxl-4 {
    grid-column: span 4; }
  .tri-card-dataTable2.tri-form-xxl-5 {
    grid-column: span 5; }
  .tri-card-dataTable2.tri-form-xxl-6 {
    grid-column: span 6; }
  .tri-card-dataTable2.tri-form-xxl-7 {
    grid-column: span 7; }
  .tri-card-dataTable2.tri-form-xxl-8 {
    grid-column: span 8; }
  .tri-card-dataTable2.tri-form-xxl-9 {
    grid-column: span 9; }
  .tri-card-dataTable2.tri-form-xxl-10 {
    grid-column: span 10; }
  .tri-card-dataTable2.tri-form-xxl-11 {
    grid-column: span 11; }
  .tri-card-dataTable2.tri-form-xxl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 1200px) {
  .tri-card-dataTable2.tri-form-xl-1 {
    grid-column: span 1; }
  .tri-card-dataTable2.tri-form-xl-2 {
    grid-column: span 2; }
  .tri-card-dataTable2.tri-form-xl-3 {
    grid-column: span 3; }
  .tri-card-dataTable2.tri-form-xl-4 {
    grid-column: span 4; }
  .tri-card-dataTable2.tri-form-xl-5 {
    grid-column: span 5; }
  .tri-card-dataTable2.tri-form-xl-6 {
    grid-column: span 6; }
  .tri-card-dataTable2.tri-form-xl-7 {
    grid-column: span 7; }
  .tri-card-dataTable2.tri-form-xl-8 {
    grid-column: span 8; }
  .tri-card-dataTable2.tri-form-xl-9 {
    grid-column: span 9; }
  .tri-card-dataTable2.tri-form-xl-10 {
    grid-column: span 10; }
  .tri-card-dataTable2.tri-form-xl-11 {
    grid-column: span 11; }
  .tri-card-dataTable2.tri-form-xl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 992px) {
  .tri-card-dataTable2.tri-form-lg-1 {
    grid-column: span 1; }
  .tri-card-dataTable2.tri-form-lg-2 {
    grid-column: span 2; }
  .tri-card-dataTable2.tri-form-lg-3 {
    grid-column: span 3; }
  .tri-card-dataTable2.tri-form-lg-4 {
    grid-column: span 4; }
  .tri-card-dataTable2.tri-form-lg-5 {
    grid-column: span 5; }
  .tri-card-dataTable2.tri-form-lg-6 {
    grid-column: span 6; }
  .tri-card-dataTable2.tri-form-lg-7 {
    grid-column: span 7; }
  .tri-card-dataTable2.tri-form-lg-8 {
    grid-column: span 8; }
  .tri-card-dataTable2.tri-form-lg-9 {
    grid-column: span 9; }
  .tri-card-dataTable2.tri-form-lg-10 {
    grid-column: span 10; }
  .tri-card-dataTable2.tri-form-lg-11 {
    grid-column: span 11; }
  .tri-card-dataTable2.tri-form-lg-12 {
    grid-column: span 12; } }
@media screen and (max-width: 768px) {
  .tri-card-dataTable2.tri-form-md-1 {
    grid-column: span 1; }
  .tri-card-dataTable2.tri-form-md-2 {
    grid-column: span 2; }
  .tri-card-dataTable2.tri-form-md-3 {
    grid-column: span 3; }
  .tri-card-dataTable2.tri-form-md-4 {
    grid-column: span 4; }
  .tri-card-dataTable2.tri-form-md-5 {
    grid-column: span 5; }
  .tri-card-dataTable2.tri-form-md-6 {
    grid-column: span 6; }
  .tri-card-dataTable2.tri-form-md-7 {
    grid-column: span 7; }
  .tri-card-dataTable2.tri-form-md-8 {
    grid-column: span 8; }
  .tri-card-dataTable2.tri-form-md-9 {
    grid-column: span 9; }
  .tri-card-dataTable2.tri-form-md-10 {
    grid-column: span 10; }
  .tri-card-dataTable2.tri-form-md-11 {
    grid-column: span 11; }
  .tri-card-dataTable2.tri-form-md-12 {
    grid-column: span 12; } }
@media screen and (max-width: 576px) {
  .tri-card-dataTable2.tri-form-sm-1 {
    grid-column: span 1; }
  .tri-card-dataTable2.tri-form-sm-2 {
    grid-column: span 2; }
  .tri-card-dataTable2.tri-form-sm-3 {
    grid-column: span 3; }
  .tri-card-dataTable2.tri-form-sm-4 {
    grid-column: span 4; }
  .tri-card-dataTable2.tri-form-sm-5 {
    grid-column: span 5; }
  .tri-card-dataTable2.tri-form-sm-6 {
    grid-column: span 6; }
  .tri-card-dataTable2.tri-form-sm-7 {
    grid-column: span 7; }
  .tri-card-dataTable2.tri-form-sm-8 {
    grid-column: span 8; }
  .tri-card-dataTable2.tri-form-sm-9 {
    grid-column: span 9; }
  .tri-card-dataTable2.tri-form-sm-10 {
    grid-column: span 10; }
  .tri-card-dataTable2.tri-form-sm-11 {
    grid-column: span 11; }
  .tri-card-dataTable2.tri-form-sm-12 {
    grid-column: span 12; } }
@media screen and (max-width: 350px) {
  .tri-card-dataTable2.tri-form-xs-1 {
    grid-column: span 1; }
  .tri-card-dataTable2.tri-form-xs-2 {
    grid-column: span 2; }
  .tri-card-dataTable2.tri-form-xs-3 {
    grid-column: span 3; }
  .tri-card-dataTable2.tri-form-xs-4 {
    grid-column: span 4; }
  .tri-card-dataTable2.tri-form-xs-5 {
    grid-column: span 5; }
  .tri-card-dataTable2.tri-form-xs-6 {
    grid-column: span 6; }
  .tri-card-dataTable2.tri-form-xs-7 {
    grid-column: span 7; }
  .tri-card-dataTable2.tri-form-xs-8 {
    grid-column: span 8; }
  .tri-card-dataTable2.tri-form-xs-9 {
    grid-column: span 9; }
  .tri-card-dataTable2.tri-form-xs-10 {
    grid-column: span 10; }
  .tri-card-dataTable2.tri-form-xs-11 {
    grid-column: span 11; }
  .tri-card-dataTable2.tri-form-xs-12 {
    grid-column: span 12; } }


.tri-card-dataTable2 {
  width: calc(100% - 60px);
  margin: 0 auto;
  height: auto; }
.tri-card-dataTable2 .tri-card-dataTableContainer {
  width: 100%;
  height: auto;
  background-color: var(--tri-color-area);
  border-radius: 10px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent {
  width: 100%;
  height: auto;
  overflow-x: auto;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 8px 0 23px 0; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion {
  width: calc(100% - 15px);
  margin: 0 auto;
  height: auto;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer {
  width: auto;
  height: auto;
  border-bottom: 1px solid #F0F0F0; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionHead {
  width: 100%;
  height: auto;
  padding: 15px 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  cursor: pointer; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionHead span {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  color: var(--tri-span-color); }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionHead .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  position: static
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionHead .tri-imageGroup svg {
  width: auto;
  height: 12px;
  transform: rotate(0);
  transition: rotate, .15s ease; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionHead.tri-active .tri-imageGroup svg {
  transform: rotate(90deg); }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody {
  width: 100%;
  height: 0;
  transition: height, .5s ease;
  overflow: hidden;
  padding-top: 15px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent {
  width: 100%;
  height: auto;}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm nav {
  width: calc(100% - 30px);
  margin: 0 auto;
  height: auto; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm nav ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm nav ul li {
  width: auto;
  height: auto;
  padding: 6.5px 10px;
  margin-right: 2.5px;
  display:flex;
  flex-direction: column;
  border-radius: 5px;
  cursor: pointer; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm nav ul li span {
  font-size: 9.25px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  color: #a1a5b7; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm nav ul li.tri-active {
  background-color: #e4e6ef; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form {
  display: none;
  width: 100%;
  height: auto;
  padding: 10px 0; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer {
  width: 100%;
  height: auto; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent {
  width: calc(100% - 15px);
  margin: 0 auto;
  height: auto; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card {
  width: auto;
  height: auto;
  padding-top: 7.5px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer {
  width: auto;
  height: auto;
  padding: 32.5px 22.5px 20px 22.5px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 25px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement {
  width: auto;
  height: auto; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead {
  width: auto;
  height: auto;
  margin-bottom: 5px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11.5px;
  color: #000;
  white-space: nowrap; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBody .tri-dropdown {
  max-width: inherit;
  min-width: inherit; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBody .tri-dropdown .tri-dropdownHead {
  background-color: #f5f8fa; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement input {
  width: 100%;
  height: auto;
  font-size: 11px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #5e6278;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  background-color: #f5f8fa;
  padding: 7px 10px 6px 10px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button {
  width: auto;
  height: auto;
  max-width: 75px;
  padding: 6.5px 13.5px;
  background-color: #009ef7;
  border: none;
  border-radius: 6px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button span {
  font-size: 9.25px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #fff; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.buttonVazgec {
  background-color: red; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.buttonGonder {
  background-color: green; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer hr {
  border: 1px solid #9899ac; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-datatableAccordion .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent .tri-accordionBodyForm form.tri-form.tri-active {
  display: block; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent span.baslik {
  font-family: 'Poppins', sans-serif;
  font-size: 17.5px;
  font-weight: 500;
  color: var(--tri-span-color);
  /*margin-left: 27px;*/
  /*margin-right: 27px;*/
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #000; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  padding: 0 20px;
  align-items: center;
  justify-content: space-between;
  margin-top: 15px; }
@media screen and (max-width: 768px) {
  .tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 25px; } }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-left {
  width: auto;
  height: auto; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-left .tri-search {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  background-color: var(--tri-tablo-search);
  padding: 7px 13px;
  border-radius: 5px;
  gap: 6px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-left .tri-search .tri-imageGroup {
  display: flex;
  flex-direction: column;
  height: 15px;
  width: auto;
  position: static;}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-left .tri-search .tri-imageGroup svg {
  width: auto;
  height: 100%;
  fill: #a1a5b7; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-left .tri-search input {
  background-color: transparent;
  border: none;
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: var(--tri-tablo-color); }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-left .tri-search input:focus {
  outline: none; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown {
  width: auto;
  height: auto;
  gap: 7px;
  cursor: pointer; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 5px;
  padding: 9px 16px;
  transition: background-color .5s ease;
  background-color: #f1faff;
  gap: 9px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead .tri-imageGroup {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead .tri-imageGroup svg {
  fill: #009ef7;
  height: 100%; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #009ef7; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover {
  background-color: #009ef7; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover .tri-imageGroup svg {
  fill: #fff; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover span {
  color: #fff; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active {
  background-color: #009ef7; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active .tri-imageGroup svg {
  fill: #fff; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active span {
  color: #fff; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody {
  min-width: 200px;
  height: auto;
  position: absolute;
  transform: translate(-90px, -135px);
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown{
  min-width: 200px;
  height: auto;
  position: absolute;
  transform: translate(-207px, -45px);
  z-index: 10;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease-in-out;
  background-color: var(--tri-color-HeaderDownColor);
  padding: 12px 13px;
  margin-bottom: 8px;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown.tri-active {
  visibility: visible;
  opacity: 1;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown.type-2 {
  transform: translate(10px, 0px);
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown ul li {
  width: auto;
  height: auto;
  padding: 0 8px 7px 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown ul li:hover {
  background-color: #f1faff;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown ul li:hover a {
  color: #009ef7;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown ul li .tri-imagelar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown ul li .tri-imagelar .tri-imageGroup {
  width: 17px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 2px;
  background-color: #f4f7f9;
  border-radius: 5px;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown ul li .tri-imagelar .tri-imageGroup:hover {
  background-color: #f1faff;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown ul li .tri-imagelar .tri-imageGroup:hover svg {
  fill: #009ef7;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown ul li .tri-imagelar .tri-imageGroup svg {
  width: 100%;
  height: auto;
  fill: #a0a4b6 ;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-rapordown ul li a {
  font-size: 12px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  color: var(--tri-span-color);
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer {
  width: 100%;
  height: auto;
  padding: 6px 7px;
  position: relative}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-up {
  width: auto;
  height: auto;
  padding: 6px 7px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-up span {
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #a1a5b7;
  text-transform: uppercase; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down {
  width: auto;
  height: auto; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 5px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li {
  width: auto;
  height: auto;
  border-radius: 5px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li a {
  display: block;
  width: 100%;
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  color: var(--tri-span-color); }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li:hover {
  background-color: #f1faff; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li:hover a {
  color: #009ef7; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translate(-90px, 0px); }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody.tri-active2 {
  visibility: visible;
  opacity: 1;
  transform: translate(-90px, -251px); }

.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton,a.tri-dataButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 16px;
  border-radius: 5px;
  background-color: #009ef7;
  border: none;
  cursor: pointer;
  transition: background-color .5s ease;
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
  min-width: 65px;
  justify-content: center;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton a {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #fff;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton.type-3 {
  background-color: #f1416c;
  display: none;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton.type-5 {
  background-color: #037703;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton.type-5:hover {
  background-color: #449134;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton.type-4 {
  display: none;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton.type-3 span {
  color: #fff;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;

  color: #fff; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton:hover {
  background-color: #0095e8; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain {
  width: 100%;
  height: auto;
  overflow-x: auto;
  padding: 0 17px;
  /*min-height: 150px;*/
  max-height: 587px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain::-webkit-scrollbar {
  width: 8px;
  height: 8px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain::-webkit-scrollbar-thumb {
  background-color: #dee0e1;
  border-radius: 8px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table {
  width: 100%;
  height: auto; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead {
  width: 100%;
  height: auto;
  position: sticky;
  top: 0;
  left: 0;
  /*z-index: 2;*/
  box-shadow: 0 10px 30px 0 rgba(159, 156, 162, 0.05);
  background-color: var(--tri-color-area);
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr {
  width: 100%;
  height: auto; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: var(--tri-tablo-head  );
  text-transform: uppercase;
  padding: 13px 8px 13px 0;  }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th .tri-formInputs {
  max-width: 100px;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th input[type="checkbox"] {
  width: 15px !important;
  height: 15px !important; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th input[type="checkbox"]:after {
  background-color: #1aa8f5; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th .tri-theadText {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 13px 8px;
  gap: 8px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th .tri-theadText .tri-imageGroup {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th .tri-theadText .tri-imageGroup svg {
  height: 100%;
  fill: #b5b5c3; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th .tri-theadText span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #b5b5c3;
  text-transform: uppercase; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #b5b5c3;
  text-transform: uppercase; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th::before {
  display: none; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table thead tr th::after {
  display: none; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*padding-top: 15px;*/
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr {
  width: 100%;
  height: auto;
  border-bottom: 1px dashed #cbced1a6;
  font-size: 10px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #000; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr:nth-last-child(1) {
  border-bottom: none; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td {
  padding: 13px 5px 13px 0;
  font-size: 11px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: var(--tri-tablo-color);
  /*white-space: nowrap;*/
  /*overflow: hidden;*/
}
table tbody tr td {
  padding: 13px 0;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: var(--tri-tablo-color);
}
table.tri-seciliyazilimlar tbody tr td {
  padding: 13px 0;
  font-size: 12px;
  text-align: center;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #000;
}
table tbody tr td a {
  color: #33b1f8;
}
table tbody tr td a:hover {
  color: #216891;
}
  /*.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td input {*/
/*  width: 15px!important;*/
/*  height: 15px!important; }*/
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td a {
  font-size: 10px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  color: #009ef7; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td .tri-islemler {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  gap: 8px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td .tri-islemler a {
  width: auto;
  height: auto;
  background-color: var(--tri-color-area);
  padding: 5px;
  border-radius: 2px;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td .tri-islemler a .tri-imageGroup {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td .tri-islemler a .tri-imageGroup svg {
  width: auto;
  height: 100%;
  cursor: pointer;
  fill: var(--tri-tablo-svg); }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td .tri-islemler a:hover .tri-imageGroup svg {
  fill: #3699ff; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td .tri-islemler a .tri-imageGroupp {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td .tri-islemler a .tri-imageGroupp svg {
  width: auto;
  height: 100%;
  fill: #a1a5b7; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td .tri-islemler a:hover .tri-imageGroupp svg {
  fill: #3699ff; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr td.type-2 {
  color: #009ef7; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr.selected .tri-checkbox {
  background-color: #fff; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataMain table.tri-table tbody tr.selected .tri-checkbox::before {
  display: block; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataDown .toplamkayit {
  font-size: 13px;
  font-weight: 600;
  font-family: 'Roboto',sans-serif;
  color: #969aac;
  width: 100%;
  margin-left: 10px;
}

.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataDown {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 0 19px; }
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataDown ul.paging {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataDown ul.paging li.pagingBtn span {
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  background-color: #009ef7;
  color: white;
  border-radius: 50%;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataDown ul.paging li.pagingBtn a {
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  color: #969aac;
  font-family: 'Roboto', sans-serif;
}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataDown ul.paging li.pagingBtn.type-2 a {
  padding: 2px 8px;
  font-size: 12px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
  color: #009ef7;

}
.tri-card-dataTable2 .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataDown ul.paging li.pagingBtn {
  width: auto;
  height: auto;
  background-color: #fff;
  color: #009ef7;
  cursor: pointer;
  font-size: 13px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

.tri-goUpButton {
  position: fixed;
  bottom: 62px;
  right: 30px;
  z-index: 5;
  width: 50px;
  height: 50px;
  background-color: #f39200;
  border-radius: 50%;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease; }
.tri-goUpButton:hover
{
  opacity: 1!important;
}
.tri-goUpButton .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 15px;
  cursor: pointer;
}
.tri-goUpButton .tri-imageGroup svg {
  width: auto;
  height: 20px;
  fill: white; }

.tri-modalWrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.3);
  overflow-y: auto;
  display: grid;
  visibility: hidden;
  opacity: 0;
  grid-template-columns: auto minmax(auto, 1fr) auto;
  grid-template-rows: auto min-content auto;
  padding: 15px;
  transition-property: visibility, opacity;
  transition-duration: .3s;
  transition-timing-function: ease; }
.tri-modalWrapper::-webkit-scrollbar {
  display: none; }
.tri-modalWrapper .tri-modalCard {
  position: relative;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-15px);
  width: 100%;
  max-width: 500px;
  height: auto;
  background-color: var(--tri-color-area);
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
  transition-property: visibility, opacity, transform;
  transition-duration: .3s;
  transition-timing-function: ease;
  overflow-y: auto; }
.tri-modalWrapper .tri-modalCard .tri-imageGroup {
  position: absolute;
  right: 19px;
  top: 19px;
  width: 26px;
  height: 26px;
  display: flex;
  flex-direction: column;
  cursor: pointer; }
.tri-modalWrapper .tri-modalCard .tri-imageGroup svg.tri-close {
  height: 15px;
  fill: #000;
  transition: fill .3s ease; }
.tri-modalWrapper .tri-modalCard .tri-imageGroup:hover svg.tri-close {
  fill: #009EF7; }
.tri-modalWrapper.tri-active .tri-modalCard {
  visibility: visible;
  opacity: 1;
  transform: translateY(0); }

/* Pages */
#tri-card {
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center; }
#tri-card .tri-up {
  width: 100%;
  height: auto;
  flex: 1;
  display: grid;
  grid-template-columns: auto minmax(auto, 1fr) auto;
  grid-template-rows: auto min-content auto; }
#tri-card .tri-up .tri-upBody {
  width: 100%;
  max-width: 500px;
  height: auto;
  position: relative;
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px; }
#tri-card .tri-up .tri-upBody .tri-logo {
  width: auto;
  height: auto; }
#tri-card .tri-up .tri-upBody .tri-logo a.tri-imageGroup {
  width: 100%;
  max-width: 200px;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column; }
#tri-card .tri-up .tri-upBody .tri-logo a.tri-imageGroup img {
  width: 100%;
  height: auto; }
#tri-card .tri-up .tri-upBody form {
  width: calc(100% - 30px);
  margin: 0 auto;
  max-width: 500px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  background-color: #fff;
  border-radius: 5px;
  padding: 45px 40px;
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2); }
#tri-card .tri-up .tri-upBody form h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 23px;
  font-weight: 600;
  text-align: center;
  color: #000; }
@media screen and (max-width: 992px) {
  #tri-card .tri-up .tri-upBody form h1 {
    font-size: clamp(21px, 4vw, 23px); } }
#tri-card .tri-up .tri-upBody form span {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: start;
  color: #000; }
@media screen and (max-width: 992px) {
  #tri-card .tri-up .tri-upBody form span {
    font-size: clamp(10px, 4vw, 15px); } }
#tri-card .tri-up .tri-upBody form input {
  width: 100%;
  height: 40px;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  padding: 15px;
  border: inherit;
  border-radius: 5px;
  background-color: #e8f0fe; }
#tri-card .tri-up .tri-upBody form button {
  width: 100%;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  border: inherit;
  border-radius: 5px;
  padding: 10px 0;
  background-color: #009ef7; }
#tri-card .tri-up .tri-upBody form button:hover {
  background-color: #0095e8; }
#tri-card .tri-up .tri-upBody form .tri-user {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px; }
#tri-card .tri-up .tri-upBody form .tri-password {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px; }
#tri-card .tri-down {
  width: 100%;
  height: auto; }
#tri-card .tri-down nav {
  width: 100%;
  height: auto; }
#tri-card .tri-down nav ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 30px; }
@media screen and (max-width: 992px) {
  #tri-card .tri-down nav ul {
    padding: 0 30px; } }
#tri-card .tri-down nav ul li {
  width: auto;
  height: auto;
  padding: 20px 0; }
#tri-card .tri-down nav ul li a {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #000;
  transition: color .3s ease; }
#tri-card .tri-down nav ul li a:hover {
  color: #1aa8f5; }






/* -----------------TEK TEK AYRILAN CSS'LER---------------- */


/* Components */

/* sweet alert */
.tri-sweetAlerts {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  gap: 20px; }

a.tri-button {
  width: auto;
  height: auto;
  padding: 8.5px 16px;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #7e8299;
  background-color: #f5f8fa; }
a.tri-button .tri-imageGroup {
  width: 14px;
  height: 14px;
  display: flex;
  flex-direction: column; }
a.tri-button .tri-imageGroup svg {
  width: auto;
  height: 10px;
  fill: #5E6278; }

/* Butonlar */

.tri-dropdown {
  width: auto;
  max-width: 190px;
  min-width: 150px;
  height: auto;
  position: relative;
  z-index: 1; }
@media screen and (max-width: 992px) {
  .tri-dropdown {
    display: none; } }
.tri-dropdown .tri-dropdownHead {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  background-color: #eff2f5;
  padding: 5px 10px 6px 10px;
  border: #f5f8fa;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color .2s ease; }
.tri-dropdown .tri-dropdownHead span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278;
  transition: color .2s ease; }
.tri-dropdown .tri-dropdownHead .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
.tri-dropdown .tri-dropdownHead .tri-imageGroup svg {
  height: 6px;
  fill: #5e6278;
  transition: fill .2s ease; }
.tri-dropdown .tri-dropdownHead .tri-imageGroup svg.tri-flag {
  height: 14px;
}
.tri-dropdown .tri-dropdownBody {
  display: none;
  width: 100%;
  height: auto;
  top: 35px;
  left: 50%;
  transform: translate(-50%, 0);
  position: absolute;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 65, 67, 0.15);
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodySearch {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 7px 10px 7px 10px; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodySearch input {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 7px 10px 6px 10px;
  color: #181c32;
  font-size: 15px;
  border: 1px solid #e4e6ef;
  border-radius: 5px;
  outline: 0;
  -webkit-appearance: none; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyActiveList {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 12px 10px;
  background-color: #fff;
  border-bottom: 1px solid rgba(64, 87, 109, 0.15); }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyActiveList .tri-dropdownBodyActiveList-left {
  width: auto;
  height: auto; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyActiveList .tri-dropdownBodyActiveList-left span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyActiveList .tri-dropdownBodyActiveList-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyActiveList .tri-dropdownBodyActiveList-right svg {
  height: 15px;
  fill: #5e6278; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent {
  width: 100%;
  height: auto;
  min-height: 47px;
  position: relative; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentNull {
  width: 100%;
  height: auto;
  padding: 12px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #fff; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentNull span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList {
  width: 100%;
  height: auto;
  max-height: 150px;
  overflow-y: auto; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList::-webkit-scrollbar {
  width: 8px;
  height: 8px; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList::-webkit-scrollbar-thumb {
  background-color: #dee0e1;
  border-radius: 8px; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a {
  display: block;
  width: 100%;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278;
  padding: 12px 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  background-color: #fff; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a:hover {
  background-color: #f6f6f6; }
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
}
.tri-dropdown .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a .tri-imageGroup svg {
  height: 14px;
  transition: fill .2s ease;
}
.tri-dropdown .tri-dropdownBody.tri-active {
  display: block; }

.tri-dropdownProfile {
  width: auto;
  height: auto;
  position: relative;
  margin-left: 10px; }
.tri-dropdownProfile .tri-dropdownHead {
  width: auto;
  height: auto;
  cursor: pointer; }
.tri-dropdownProfile .tri-dropdownHead .tri-imageGroup {
  width: 35px;
  height: 35px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 5px; }
@media screen and (max-width: 768px) {
  .tri-dropdownProfile .tri-dropdownHead .tri-imageGroup {
    width: 30px;
    height: 30px; } }
.tri-dropdownProfile .tri-dropdownHead .tri-imageGroup img {
  width: 100%;
  height: 100%;
  object-fit: contain; }
.tri-dropdownProfile .tri-dropdownBody {
  width: 275px;
  height: auto;
  background-color: var(--tri-color-area);
  position: absolute;
  right: 0;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 10px;
  padding: 16px 0 15px 0;
  transform: translateY(0);
  top: 60px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform;
  transition-duration: .4s;
  transition-timing-function: ease; }
@media screen and (max-width: 350px) {
  .tri-dropdownProfile .tri-dropdownBody {
    position: fixed;
    width: 100%;
    top: 100px;
    border-radius: inherit; } }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile {
  width: 100%;
  height: auto;
  padding: 0 0 12px 0;
  border-bottom: 1px solid #eff2f5; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile {
  width: calc(100% - 30px);
  margin: 0 auto;
  height: auto; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-leftProfile {
  width: auto;
  height: auto;
  margin-right: 13px; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-leftProfile .tri-imageGroup {
  width: 45px;
  height: 45px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 5px; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-leftProfile .tri-imageGroup img {
  width: 100%;
  height: 100%;
  object-fit: contain; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile .tri-row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile .tri-row span.tri-username {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 14px;
  /*white-space: nowrap;*/
  color: var(--tri-span-color); }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile .tri-row span.tri-usertype {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 10px;
  white-space: nowrap;
  color: #50cd89;
  padding: 0 5px 0 5px;
  background-color: #e8fff3;
  border-radius: 5px; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile a.eposta {
  width: 100%;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #a1a5b7; }
.tri-dropdownProfile .tri-dropdownBody .tri-upProfile .tri-containerProfile .tri-contentProfile .tri-rightProfile a.eposta:hover {
  color: #38b3f8; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile {
  width: 100%;
  height: auto; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul {
  width: 100%;
  height: auto;
  /*border-bottom: 1px solid #eff2f5;*/
  /*border-top: 1px solid #eff2f5; */
}
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li {
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 5px; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a {
  display: block;
  width: calc(100% - 30px);
  margin: 0 auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 5px;
  padding: 7px 13px 6px 13px;
  color: var(--tri-span-color); }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-language:hover .tri-selectLang {
  top: -10px;
  opacity: 1;
  visibility: visible;
}
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li .tri-selectLang  {
  display: flex;
  position: absolute;
  top: 0;
  left: -47%;
  padding: 15px;
  background-color: var(--tri-color-area);
  flex-direction: column;
  gap: 10px;
  align-items: center;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: all .15s ease;
}
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li .tri-selectLang a.tri-langs {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  min-width: 100px;
  gap: 10px;
  border-bottom: 1px dashed #a1a5b7;
  padding: 5px;
  border-radius: 5px;
}
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li .tri-selectLang a.tri-langs:hover {
  background-color: var(--tri-tablo-search);
}
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li .tri-selectLang a.tri-langs span {
  font-size: 15px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li .tri-selectLang a.tri-langs .tri-imageGroup {
  width: 20px;
  height: 20px;
  display: flex;
  flex-direction: column-reverse;
}
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 4px 13px 3px 13px; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language span.tri-text {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: var(--tri-span-color); }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language .tri-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 8px;
  background-color: var(--tri-tablo-search);
  border-radius: 5px;
  gap: 5px; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language .tri-info span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 9px;
  white-space: nowrap;
  color: var(--tri-span-color); }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language .tri-info .tri-imageGroup {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column;
  overflow: hidden; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language .tri-info .tri-imageGroup img {
  width: auto;
  height: 100%; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language:hover {
  background-color: var(--tri-tablo-search);
  border-radius: 10px; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language:hover span.tri-text {
  color: #38b3f8; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a.tri-language:hover span {
  color: #38b3f8; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li a:hover {
  background-color: var(--tri-tablo-search);
  color: #38b3f8; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-profile {
  /*border-bottom: 1px solid #eff2f5;*/
  padding: 6px 0 5px 0; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode {
  width: calc(100% - 56px);
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 0; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox input {
  display: none; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox label {
  display: block;
  width: 30px;
  height: 19px;
  cursor: pointer;
  background-color: #f5f8fa;
  border-radius: 100px;
  position: relative; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox label::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, 0.15);
  transform: translate(0, -50%);
  transition: transform 0.4s cubic-bezier(0.4, 0.5, 0, 1); }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox input[type="checkbox"]:checked + label {
  background-color: #3699ff; }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode .tri-checkbox input[type="checkbox"]:checked + label::before {
  transform: translate(12px, -50%); }
.tri-dropdownProfile .tri-dropdownBody .tri-downProfile ul li.tri-mode span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 5px;
  color: var(--tri-span-color); }
.tri-dropdownProfile .tri-dropdownBody.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(-10px); }

.tri-dropdownSearch {
  width: auto;
  height: auto;
  position: relative;
  z-index: 1; }
.tri-dropdownSearch .tri-dropdownHead {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  padding: 7px;
  border: #f5f8fa;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color .2s ease; }
@media screen and (max-width: 768px) {
  .tri-dropdownSearch .tri-dropdownHead {
    padding: 6px; } }
.tri-dropdownSearch .tri-dropdownHead .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
.tri-dropdownSearch .tri-dropdownHead .tri-imageGroup svg {
  height: 19px;
  fill: #5e6278;
  transition: fill .2s ease; }
.tri-dropdownSearch .tri-dropdownHead:hover {
  background-color: #f0f9fe; }
@media screen and (max-width: 992px) {
  .tri-dropdownSearch .tri-dropdownHead:hover {
    background-color: inherit; } }
.tri-dropdownSearch .tri-dropdownHead:hover svg {
  fill: #65c2f8; }
@media screen and (max-width: 992px) {
  .tri-dropdownSearch .tri-dropdownHead:hover svg {
    fill: #5e6278; } }
.tri-dropdownSearch .tri-dropdownHead.tri-active {
  background-color: #f0f9fe; }
.tri-dropdownSearch .tri-dropdownHead.tri-active svg {
  fill: #65c2f8; }
.tri-dropdownSearch .tri-dropdownBody {
  width: 375px;
  height: auto;
  right: 0;
  position: absolute;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 65, 67, 0.15);
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  transform: translateY(0);
  top: 60px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform;
  transition-duration: .4s;
  transition-timing-function: ease; }
@media screen and (max-width: 576px) {
  .tri-dropdownSearch .tri-dropdownBody {
    position: fixed;
    width: 100%;
    top: 65px;
    border-radius: inherit; } }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodySearch {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 7px 10px 7px 10px; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodySearch input {
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 7px 10px 6px 10px;
  color: #181c32;
  font-size: 15px;
  border: 1px solid #e4e6ef;
  border-radius: 5px;
  outline: 0;
  -webkit-appearance: none; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent {
  width: 100%;
  height: auto;
  min-height: 47px;
  position: relative; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentNull {
  width: 100%;
  height: auto;
  padding: 12px 10px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-color: #fff; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentNull span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList {
  width: 100%;
  height: auto;
  max-height: 330px;
  overflow-y: auto; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList::-webkit-scrollbar {
  width: 8px;
  height: 8px; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList::-webkit-scrollbar-thumb {
  background-color: #dee0e1;
  border-radius: 8px; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a {
  display: block;
  width: 100%;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #5e6278;
  padding: 12px 10px;
  background-color: #fff; }
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a.tri-active {
  background-color: #f6f6f6;
}
.tri-dropdownSearch .tri-dropdownBody .tri-dropdownBodyContent .tri-dropdownBodyContentSearchList a:hover {
  background-color: #f6f6f6; }
.tri-dropdownSearch .tri-dropdownBody.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(-10px); }

.tri-formGroup .tri-dropdown {
  width: 100%;
  max-width: inherit;
  min-width: inherit; }
.tri-formGroup .tri-dropdown .tri-dropdownHead {
  width: 100%;
  height: 42.4px;
  outline: none;
  border-radius: 6px;
  padding: 11px;
  background-color: #f5f8fa;
  border: none;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #5e6278; }
.tri-formGroup .tri-dropdown .tri-dropdownBody {
  width: 100%;
  top: 47px; }

form {
  width: auto;
  height: auto;
  margin: 25px;
  /*padding: 19px;*/
}
form .tri-formHead {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center; }
form .tri-formHead h2 {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--tri-span-color); }
form .tri-formBody {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 15px;
  padding: 20px 0; }
form .tri-formBody .tri-formGroup {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 7px; }
form .tri-formBody .tri-formGroup.type-2 {
  padding: 10px 0;
  flex-direction: row!important;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed #d7d7d7;
}
form .tri-formBody .tri-formGroup textarea {
  background-color: var(--tri-tablo-search)!important;
  color: var(--tri-span-color)!important;
}
form .tri-formBody .tri-formGroup textarea:focus {
  outline: none;
}
form .tri-formBody .tri-formGroup button {
  width: 100%;
  text-align: start;
  background-color: #f5f8fa;
  padding: 6.25px 15px;
  border-radius: 5px;
  border: none;
  color: #5e6278;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  transform: translateY(0px);
  transition: all .3s ease;
  box-shadow: 3px 3px 0px rgba(0, 0, 0, .3);
}
form .tri-formBody .tri-formGroup button.type-2:hover {
  background-color: #f1416c;
}
form .tri-formBody .tri-formGroup button.type-2 {
  width: auto;
  height: auto;
  position: relative;
  background-color: #fff5f8;
  padding: 6.25px 15px;
  border-radius: 5px;
  border: none;
  color: #5e6278;

  transform: inherit;
  transition: inherit;
  box-shadow: inherit;
}
form .tri-formBody .tri-formGroup button:hover {
  transform: translateY(2px);
}
form .tri-formBody .tri-formGroup label {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 3px; }
form .tri-formBody .tri-formGroup textarea {
  border: none;
  width: 100%;
  background-color: #f5f8fa;
  padding: 10px;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #5e6278;
  border-radius: 6px; }
form .tri-formBody .tri-formGroup label span.tri-inputTitle {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  white-space: nowrap;
  color: var(--tri-span-color); }
form .tri-formBody .tri-formGroup label span.tri-inputTitle.type-2 {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  white-space: nowrap;
  color: gray; }
form .tri-formBody .tri-formGroup label span.tri-required {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: red; }
form .tri-formBody .tri-formGroup input {
  width: 100%;
  height: auto;
  outline: none;
  background-color: var(--tri-tablo-search);
  /*padding: 8.25px 15px;*/
  padding: 6px 15px;
  border-radius: 5px;
  border: none;
  color: var(--tri-span-color);
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
form .tri-formBody .tri-formGroup input:focus {
  background-color: var(--tri-tablo-search);
  border-color: #eef3f7; }
form .tri-formBody .tri-formGroup select {
  width: 100%;
  height: auto;
  outline: none;
  border-radius: 6px;
  padding: 11px;
  background-color: #f5f8fa;
  border: none;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #5e6278; }
form .tri-formBody .tri-formGroup select:focus {
  background-color: #eef3f7;
  border-color: #eef3f7; }
form .tri-formFoot {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px; }
form .tri-formFoot a {
  width: auto;
  height: auto;
  padding: 8.5px 16px;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #7e8299;
  background-color: #f5f8fa; }
form .tri-formFoot a:hover {
  background-color: #e4e6ef; }
form .tri-formFoot button {
  width: auto;
  height: auto;
  padding: 8.5px 16px;
  background-color: #009ef7;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #fff; }
form .tri-formFoot button:hover {
  background-color: #0095e8; }

.tri-formGroup.tri-form-1 {
  grid-column: span 1; }
.tri-formGroup.tri-form-2 {
  grid-column: span 2; }
.tri-formGroup.tri-form-3 {
  grid-column: span 3; }
.tri-formGroup.tri-form-4 {
  grid-column: span 4; }
.tri-formGroup.tri-form-5 {
  grid-column: span 5; }
.tri-formGroup.tri-form-6 {
  grid-column: span 6; }
.tri-formGroup.tri-form-7 {
  grid-column: span 7; }
.tri-formGroup.tri-form-8 {
  grid-column: span 8; }
.tri-formGroup.tri-form-9 {
  grid-column: span 9; }
.tri-formGroup.tri-form-10 {
  grid-column: span 10; }
.tri-formGroup.tri-form-11 {
  grid-column: span 11; }
.tri-formGroup.tri-form-12 {
  grid-column: span 12; }
@media screen and (max-width: 1400px) {
  .tri-formGroup.tri-form-xxl-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-xxl-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-xxl-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-xxl-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-xxl-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-xxl-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-xxl-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-xxl-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-xxl-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-xxl-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-xxl-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-xxl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 1200px) {
  .tri-formGroup.tri-form-xl-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-xl-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-xl-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-xl-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-xl-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-xl-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-xl-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-xl-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-xl-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-xl-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-xl-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-xl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 992px) {
  .tri-formGroup.tri-form-lg-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-lg-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-lg-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-lg-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-lg-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-lg-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-lg-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-lg-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-lg-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-lg-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-lg-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-lg-12 {
    grid-column: span 12; } }
@media screen and (max-width: 768px) {
  .tri-formGroup.tri-form-md-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-md-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-md-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-md-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-md-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-md-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-md-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-md-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-md-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-md-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-md-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-md-12 {
    grid-column: span 12; } }
@media screen and (max-width: 576px) {
  .tri-formGroup.tri-form-sm-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-sm-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-sm-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-sm-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-sm-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-sm-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-sm-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-sm-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-sm-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-sm-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-sm-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-sm-12 {
    grid-column: span 12; } }
@media screen and (max-width: 350px) {
  .tri-formGroup.tri-form-xs-1 {
    grid-column: span 1; }
  .tri-formGroup.tri-form-xs-2 {
    grid-column: span 2; }
  .tri-formGroup.tri-form-xs-3 {
    grid-column: span 3; }
  .tri-formGroup.tri-form-xs-4 {
    grid-column: span 4; }
  .tri-formGroup.tri-form-xs-5 {
    grid-column: span 5; }
  .tri-formGroup.tri-form-xs-6 {
    grid-column: span 6; }
  .tri-formGroup.tri-form-xs-7 {
    grid-column: span 7; }
  .tri-formGroup.tri-form-xs-8 {
    grid-column: span 8; }
  .tri-formGroup.tri-form-xs-9 {
    grid-column: span 9; }
  .tri-formGroup.tri-form-xs-10 {
    grid-column: span 10; }
  .tri-formGroup.tri-form-xs-11 {
    grid-column: span 11; }
  .tri-formGroup.tri-form-xs-12 {
    grid-column: span 12; } }

/* Layout */

/* Tekli Card Tab */
.tri-card-tab {
  width: calc(100% - 60px);
  margin: 0 auto;
  height: auto;
  flex: 1; }
.tri-card-tab .tri-card-tabContainer {
  width: 100%;
  height: auto; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent {
  width: 100%;
  height: auto;
  overflow-x: auto;
  gap: 25px;
  padding: 23px 0; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav {
  width: calc(100% - 30px);
  margin: 0 auto;
  height: auto; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: 15px}
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav ul li {
  width: auto;
  height: auto;
  padding: 6.5px 10px;
  margin-right: 2.5px;
  cursor: pointer; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav ul li span {
  font-size: clamp(10px, 2vw, 13px);
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  color: #a1a5b7; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav ul li.tri-active {
  border-bottom: 2px solid #009ef7; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav ul li.tri-active span {
  color: #009ef7; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form {
  display: none;
  width: 100%;
  height: auto;
  visibility: hidden;
  transition: all .15s ease;
  opacity: 0;
  padding: 10px 0; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form.show {
  visibility: visible;
  opacity: 1;
}
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer {
  width: 100%;
  height: auto; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent {
  width: calc(100% - 15px);
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start; }
@media screen and (max-width: 768px) {
  .tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent {
    flex-direction: column; } }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card {
  width: auto;
  height: auto;
  padding-top: 7.5px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer {
  width: auto;
  height: auto;
  padding: 20px 22.5px 40px 22.5px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  gap: 25px;
  border-radius: 6px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #181c32; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 15px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement {
  width: 100%;
  height: auto; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead {
  width: auto;
  height: auto;
  white-space: nowrap; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11.5px;
  color: #000;
  white-space: nowrap; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead label {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11.5px;
  color: #000;
  white-space: nowrap; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead span.delete {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11.5px;
  color: #f169b4;
  white-space: nowrap;
  padding: 8px 17px 7px 17px;
  background-color: #fff5f8;
  border-radius: 5px;
  cursor: pointer;
  transition: all .3s ease; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead span.delete:hover {
  background-color: #f1416c;
  color: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead span.tri-required {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: red; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBodySvg {
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBodySvg .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 9px;
  background-color: #f5f8fa;
  border-radius: 5px;
  cursor: pointer; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBody .tri-dropdown {
  max-width: inherit;
  min-width: inherit; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBody .tri-dropdown .tri-dropdownHead {
  background-color: #f5f8fa; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement input::-webkit-file-upload-button {
  width: 100%;
  height: auto;
  font-size: 11px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #5e6278;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  background-color: #f5f8fa;
  padding: 7px 10px 6px 10px;

  cursor: pointer;
  outline: none;
  text-transform: uppercase; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement input::-webkit-file-upload-button:hover {
  background-color: #e9ecee; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow textarea {
  width: 100%;
  height: auto;
  border: none;
  background-color: #f5f8fa;
  padding: 10px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode {
  width: 100%;
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeUp span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 13px;
  white-space: nowrap;
  border-radius: 5px;
  color: #3f4254; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown .tri-checkbox {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 0; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown .tri-checkbox input {
  display: none; }
.tri-checkbox label {
  display: block;
  width: 30px;
  height: 22px;
  cursor: pointer;
  background-color: #f5f8fa;
  border-radius: 100px;
  position: relative; }
.tri-checkbox label::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, 0.15);
  transform: translate(0, -50%);
  transition: transform 0.4s cubic-bezier(0.4, 0.5, 0, 1); }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown .tri-checkbox input[type="checkbox"]:checked + label {
  background-color: #3699ff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown .tri-checkbox input[type="checkbox"]:checked + label::before {
  transform: translate(12px, -50%); }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 5px;
  color: #3f4254; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button {
  width: auto;
  height: auto;
  padding: 6.5px 4.5px;
  background-color: #009ef7;
  border: none;
  border-radius: 6px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button span {
  font-size: 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.buttonVazgec {
  background-color: red; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.buttonGonder {
  background-color: green; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 8px;
  background-color: #f1faff;
  transition: all .3s ease; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.delete {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 8px 20px;
  background-color: #fff5f8;
  transition: all .3s ease; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd .tri-imageGroupp {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd .tri-imageGroupp svg {
  height: 10px;
  fill: #00a9f9; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd span {
  color: #00a9f9; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.delete span {
  color: #f169b4; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd:hover {
  background-color: #009ef7; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd:hover span {
  color: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.delete:hover {
  background-color: #f1416c; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.delete:hover span {
  color: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd:hover svg {
  fill: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.fiyataktar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 10px;
  background-color: #009ef7;
  transition: all .3s ease; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.fiyataktar .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.fiyataktar .tri-imageGroup svg {
  height: 13px;
  fill: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.fiyataktar span {
  color: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.fiyataktar:hover {
  background-color: #0095e8; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer hr {
  border: 1px solid #9899ac; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form.tri-active {
  display: block; }

/* Cari Profil Card Tab */
.tri-cariProfile {
  width: calc(100% - 60px);
  margin: 0 auto;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
}
.tri-cariProfile .tri-cariProfileHead {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #e1e2e4;
  border-radius: 5px;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .tri-imageGroup .online {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 100px;
  transform: translate(123px, 85px);
  position: absolute;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .tri-imageGroup .online::before {
  content: "";
  width: 12px;
  height: 12px;
  top: 3.5px;
  left: 3.5px;
  background-color: #50cd89;
  border-radius: 100px;
  position: absolute;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .tri-imageGroup svg {
  height: 130px;
  fill: #b8b9bc;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText p {
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #000;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageDocument {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageGroupConnection {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageGroupConnection span.connectNumber {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #a1a5b7;
  cursor: pointer;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageGroupConnection span.connectNumber:hover {
  color: #009ef7;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageGroupConnection svg {
  height: 13px;
  fill: #a1a5b7;
  transition: fill .3s ease;
  cursor: pointer;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageGroupConnection svg:hover {
  fill: #009ef7;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageGroupDocument {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageGroupDocument svg {
  height: 13px;
  fill: #a1a5b7;
  transition: fill .3s ease;
  cursor: pointer;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageGroupDocument svg:hover {
  fill: #009ef7;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageLocation {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageLocation span.locationName {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #a1a5b7;
  cursor: pointer;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageLocation span.locationName:hover {
  color: #009ef7;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageLocation svg {
  height: 13px;
  fill: #a1a5b7;
  transition: fill .3s ease;
  cursor: pointer;
}
.tri-cariProfile .tri-cariProfileHead .tri-cariProfileHeadLeft .profileText .tri-imageLocation svg:hover {
  fill: #009ef7;
}
.tri-cariProfile .tri-cariProfileBody {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  padding: 0 20px 0 20px;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyLeft {
  width: 100%;
  max-width: 130px;
  height: auto;
  padding: 10px;
  border: 1px dashed #e1e2e4;
  border-radius: 5px;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyLeft .tri-imagePara {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyLeft .tri-imagePara svg {
  height: 9px;
  fill: #f1416c;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyLeft .tri-imagePara span.miktar {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyLeft span.borc {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #b8b9bc;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyCenter {
  width: 100%;
  max-width: 130px;
  height: auto;
  padding: 10px;
  border: 1px dashed #e1e2e4;
  border-radius: 5px;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyCenter .tri-imagePara {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyCenter .tri-imagePara svg {
  height: 9px;
  fill: #50cd89;
  transform: rotate(180deg);
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyCenter .tri-imagePara span.miktar {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyCenter span.borc {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #b8b9bc;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyRight {
  width: 100%;
  max-width: 130px;
  height: auto;
  padding: 10px;
  border: 1px dashed #e1e2e4;
  border-radius: 5px;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyRight .tri-imagePara {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyRight .tri-imagePara svg {
  height: 9px;
  fill: #50cd89;
  transform: rotate(180deg);
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyRight .tri-imagePara span.miktar {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
}
.tri-cariProfile .tri-cariProfileBody .tri-cariBodyRight span.borc {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #b8b9bc;
}
.tri-cariProfile .tri-card-tab {
  width: 100%;
  height: auto;
  flex: 1; }
.tri-card-tab .tri-card-tabContainer {
  width: 100%;
  height: auto!important; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent {
  width: 100%;
  height: auto;
  overflow-x: auto; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav {
  width: 100%;
  height: auto; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  margin-left: inherit; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav ul li {
  width: auto;
  height: auto;
  padding: 6.5px 10px;
  margin-right: 2.5px;
  cursor: pointer; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav ul li span {
  font-size: clamp(10px, 2vw, 13px);
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  white-space: nowrap;
  color: #a1a5b7; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav ul li.tri-active {
  border-bottom: 2px solid #009ef7; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm nav ul li.tri-active span {
  white-space: nowrap;
  color: #009ef7; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form {
  display: none;
  width: 100%;
  height: auto;
  padding: 10px 0; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer {
  width: 100%;
  height: auto; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent {
  width: 100% ;
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px; }
@media screen and (max-width: 1630px) {
  .tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent {
    flex-direction: column; } }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
  padding: inherit; }
@media screen and (max-width: 768px) {
  .tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow {
    flex-direction: column; } }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card {
  width: auto;
  height: auto;
  padding-top: 7.5px; }
@media screen and (max-width: 768px) {
  .tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card {
    width: 100%; }  }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer {
  width: auto;
  height: auto;
  padding: 20px 20px 30px 20px;
  background-color: var(--tri-color-area);
  display: flex;
  flex-direction: column;
  gap: 25px;
  border-radius: 6px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer h1 {
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #181c32; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 15px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement {
  width: 100%;
  height: auto; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead {
  width: auto;
  height: auto; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11.5px;
  color: var(--tri-span-color);
  white-space: nowrap; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead label {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11.5px;
  color: var(--tri-span-color);
  white-space: nowrap; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead span.delete {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11.5px;
  color: #f169b4;
  white-space: nowrap;
  padding: 8px 17px 7px 17px;
  background-color: #fff5f8;
  border-radius: 5px;
  cursor: pointer;
  transition: all .3s ease; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead span.delete:hover {
  background-color: #f1416c;
  color: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementHead span.tri-required {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: red; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBody .tri-cardElementBodyBorder  {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBody .tri-cardElementBodyRow  {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBodySvg {
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBodySvg .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 9px;
  background-color: #f5f8fa;
  border-radius: 5px;
  cursor: pointer; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBody .tri-dropdown {
  max-width: inherit;
  min-width: inherit; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement .tri-cardElementBody .tri-dropdown .tri-dropdownHead {
  background-color: #f5f8fa; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow .tri-cardElement input {
  width: 100%;
  height: auto;
  font-size: 11px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #5e6278;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  background-color: var(--tri-tablo-search);
  padding: 7px 10px 6px 10px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow textarea {
  width: 100%;
  height: auto;
  border: none;
  background-color: var(--tri-tablo-search);
  padding: 10px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode {
  width: 100%;
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeUp span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 13px;
  white-space: nowrap;
  border-radius: 5px;
  color: #3f4254; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown .tri-checkbox {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 0; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown .tri-checkbox input {
  display: none; }
.tri-checkbox label {
  display: block;
  width: 30px;
  height: 22px;
  cursor: pointer;
  background-color: #f5f8fa;
  border-radius: 100px;
  position: relative; }
.tri-checkbox label::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, 0.15);
  transform: translate(0, -50%);
  transition: transform 0.4s cubic-bezier(0.4, 0.5, 0, 1); }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown .tri-checkbox input[type="checkbox"]:checked + label {
  background-color: #3699ff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown .tri-checkbox input[type="checkbox"]:checked + label::before {
  transform: translate(12px, -50%); }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .tri-cardContainerRow.tri-mode .tri-modeDown span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 5px;
  color: #3f4254; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button {
  width: auto;
  height: auto;
  padding: 6.5px 4.5px;
  background-color: #009ef7;
  border: none;
  border-radius: 6px; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button span {
  font-size: 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.buttonVazgec {
  background-color: red; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.buttonGonder {
  background-color: green; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 8px;
  background-color: #f1faff;
  transition: all .3s ease; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd .tri-imageGroup svg {
  height: 10px;
  fill: #00a9f9; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd span {
  color: #00a9f9; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd:hover {
  background-color: #009ef7; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd:hover span {
  color: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.lineAdd:hover svg {
  fill: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.fiyataktar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 10px;
  background-color: #009ef7;
  transition: all .3s ease; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.fiyataktar .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.fiyataktar .tri-imageGroup svg {
  height: 13px;
  fill: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.fiyataktar span {
  color: #fff; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer .formButtons button.fiyataktar:hover {
  background-color: #0095e8; }
.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form .tri-formContainer .tri-formContent .tri-cardRow .tri-card .tri-cardContainer hr {
  border: 1px solid #9899ac; }
/*.tri-card-tab .tri-card-tabContainer .tri-card-tabContent .tri-tabForm div.tri-form.tri-active {*/
/*  display: flex; }*/



/* span.tri-mission */
span.tri-mission {
  font-family: 'Poppins', sans-serif;
  white-space: nowrap;
  font-size: 11px;
  font-weight: 600;
  border-radius: 5px;
  padding: 5px 10px 5px 10px }
span.tri-mission.tri-green {
  background-color: #E8FFF3;
  color: #50CD89; }
span.tri-mission.tri-green2 {
  background-color: #85ec7a;
  color: #6c923e; }
span.tri-mission.tri-yellow {
  background-color: #FFF8DD;
  color: #FFC700; }
span.tri-mission.tri-blue {
  background-color: #F1FAFF;
  color: #009EF7; }
span.tri-mission.tri-red {
  background-color: #FFF5F8;
  color: #f1416c; }

/* SalesStatics2 */
section.tri-card-salesStatistics2 {
  width: 100%;
  height: auto; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer {
  width: 100%;
  height: auto; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent {
  width: 100%;
  height: auto; }
@media screen and (max-width: 992px) {
  section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent {
    width: 100%; } }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup {
  width: 100%;
  height: auto;
  padding: 30px; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup span.tri-desc {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #a1a5b7; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #ddd; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-left span.tri-title {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #5e6278;

}
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-left a.tri-title {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #000;
  cursor: pointer; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-left a.tri-title:hover {
  color: red; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-left span.tri-info {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #a1a5b7; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-right {
  width: auto;
  height: auto; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row .tri-right span.tri-price {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #000; }
section.tri-card-salesStatistics2 .tri-card-salesStatisticsContainer .tri-card-salesStatisticsContent .tri-rowGroup .tri-row:nth-last-child(1) {
  border-bottom: inherit; }

/* ourDataTable */
.tri-card-ourDataTable {
  width: 100%;
  height: auto; }
.tri-card-ourDataTable .tri-card-dataTableContainer {
  width: 100%;
  height: auto; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent {
  width: 100%;
  height: auto;
  gap: 25px;
  padding: 23px 0; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  padding: 0 23px;
  align-items: center;
  justify-content: space-between; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-left {
  width: auto;
  height: auto; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown {
  width: auto;
  height: auto;
  gap: 7px;
  cursor: pointer; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 5px;
  padding: 9px 16px;
  transition: background-color .5s ease;
  background-color: #f1faff;
  gap: 9px; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead .tri-imageGroup {
  width: auto;
  height: 12px;
  display: flex;
  flex-direction: column; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead .tri-imageGroup svg {
  fill: #009ef7;
  height: 100%; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #009ef7; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover {
  background-color: #009ef7; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover .tri-imageGroup svg {
  fill: #fff; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead:hover span {
  color: #fff; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active {
  background-color: #009ef7; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active .tri-imageGroup svg {
  fill: #fff; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownHead.tri-active span {
  color: #fff; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody {
  min-width: 200px;
  height: auto;
  position: absolute;
  transform: translate(-90px, 15px);
  background-color: #fff;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer {
  width: 100%;
  height: auto;
  padding: 6px 7px; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-up {
  width: auto;
  height: auto;
  padding: 6px 7px; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-up span {
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #a1a5b7;
  text-transform: uppercase; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down {
  width: auto;
  height: auto; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li {
  width: auto;
  height: auto;
  padding: 0 8px 7px 5px; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li a {
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #000; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li:hover {
  background-color: #f1faff; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody .tri-dropdownBodyContainer .tri-down ul li:hover a {
  color: #009ef7; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown .tri-dropdownBody.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translate(-90px, 0px); }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataDropdown span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 9px 16px;
  border-radius: 5px;
  background-color: #009ef7;
  cursor: pointer;
  transition: background-color .5s ease; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton span {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 500;
  color: #fff; }
.tri-card-ourDataTable .tri-card-dataTableContainer .tri-card-dataTableContent .tri-dataUp .tri-right .tri-dataButton:hover {
  background-color: #0095e8; }

.tri-modalWrapper::-webkit-scrollbar {
  display: none; }
.tri-modalWrapper .tri-modalCardLg {
  position: relative;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-15px);
  width: 100%;
  max-width: 950px;
  height: auto;
  background-color: #fff;
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
  /*transition-property: visibility, opacity, transform;*/
  /*transition-duration: .3s;*/
  /*transition-timing-function: ease;*/
  transition: all .3s ease;

  overflow-y: auto;
}
.tri-modalWrapper .tri-modalCardLg .tri-imageGroup {
  position: absolute;
  right: 19px;
  top: 19px;
  width: 15px;
  height: auto;
  display: flex;
  flex-direction: column;
  cursor: pointer; }
.tri-modalWrapper .tri-modalCardLg .tri-imageGroup svg.tri-close {
  height: 15px;
  fill: #000;
  transition: fill .3s ease; }
.tri-modalWrapper .tri-modalCardLg .tri-imageGroup:hover svg.tri-close {
  fill: #009EF7; }
.tri-modalWrapper.tri-active .tri-modalCardLg {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  padding: 25px;
  border-radius: 10px;
}

/* Bildirimler */
div.tri-cardRow {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 19px;
  border-radius: 5px;
  /*margin:10px;*/
  gap: 50px; }
div.tri-cardRow .tri-cardLeft {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 19px; }
div.tri-cardRow .tri-cardLeft .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
div.tri-cardRow .tri-cardLeft .tri-imageGroup svg {
  height: 25px;
  fill: #A1A5B7; }
div.tri-cardRow .tri-cardLeft .tri-notText {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
div.tri-cardRow .tri-cardLeft .tri-notText a {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #3F4254; }
div.tri-cardRow .tri-cardLeft .tri-notText a:hover {
  color: #009EF7; }
div.tri-cardRow .tri-cardLeft .tri-notText span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  color: #A1A5B7; }
div.tri-cardRow span.percent {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap; }
div.tri-cardRow.tri-type1 {
  background-color: #fff8dd; }
div.tri-cardRow.tri-type1 span.percent {
  color: #FFC700; }
div.tri-cardRow.tri-type2 {
  background-color: #e8fff3; }
div.tri-cardRow.tri-type2 span.percent {
  color: #50CD89; }
div.tri-cardRow.tri-type3 {
  background-color: #fff5f8; }
div.tri-cardRow.tri-type3 span.percent {
  color: #F1416C; }
div.tri-cardRow.tri-type4 {
  background-color: #F8F5FF; }
div.tri-cardRow.tri-type4 span.percent {
  color: #7239EA; }


form.tri-form2 {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0; }
.tri-form2Container {
  width: calc(100% - 60px);
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 25px; }
.tri-form2Container .tri-row {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 7.5px; }
.tri-form2Container .tri-row nav {
  width: 100%;
  height: auto;
}
.tri-form2Container .tri-row nav ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}
.tri-form2Container .tri-row nav ul li a {
  white-space: nowrap;
  font-size: 12.5px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #a1a5b7;
  padding: 5px 0 10px 0;
  transition: color .3s ease;
}
.tri-form2Container .tri-row nav ul li:hover a {
  border-bottom: 2px solid #009ef7;
}
.tri-form2Container .tri-row nav ul li.tri-active a {
  color: #009ef7;
  border-bottom: 2px solid #009ef7;
}
.tri-form2Container .tri-row .tri-column {
  display: flex;
  flex-direction: column;
  gap: 25px; }
.tri-form2Container .tri-row .tri-column.tri-form-1 {
  grid-column: span 1; }
.tri-form2Container .tri-row .tri-column.tri-form-2 {
  grid-column: span 2; }
.tri-form2Container .tri-row .tri-column.tri-form-3 {
  grid-column: span 3; }
.tri-form2Container .tri-row .tri-column.tri-form-4 {
  grid-column: span 4; }
.tri-form2Container .tri-row .tri-column.tri-form-5 {
  grid-column: span 5; }
.tri-form2Container .tri-row .tri-column.tri-form-6 {
  grid-column: span 6; }
.tri-form2Container .tri-row .tri-column.tri-form-7 {
  grid-column: span 7; }
.tri-form2Container .tri-row .tri-column.tri-form-8 {
  grid-column: span 8; }
.tri-form2Container .tri-row .tri-column.tri-form-9 {
  grid-column: span 9; }
.tri-form2Container .tri-row .tri-column.tri-form-10 {
  grid-column: span 10; }
.tri-form2Container .tri-row .tri-column.tri-form-11 {
  grid-column: span 11; }
.tri-form2Container .tri-row .tri-column.tri-form-12 {
  grid-column: span 12; }
@media screen and (max-width: 1400px) {
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-1 {
    grid-column: span 1; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-2 {
    grid-column: span 2; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-3 {
    grid-column: span 3; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-4 {
    grid-column: span 4; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-5 {
    grid-column: span 5; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-6 {
    grid-column: span 6; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-7 {
    grid-column: span 7; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-8 {
    grid-column: span 8; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-9 {
    grid-column: span 9; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-10 {
    grid-column: span 10; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-11 {
    grid-column: span 11; }
  .tri-form2Container .tri-row .tri-column.tri-form-xxl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 1200px) {
  .tri-form2Container .tri-row .tri-column.tri-form-xl-1 {
    grid-column: span 1; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-2 {
    grid-column: span 2; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-3 {
    grid-column: span 3; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-4 {
    grid-column: span 4; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-5 {
    grid-column: span 5; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-6 {
    grid-column: span 6; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-7 {
    grid-column: span 7; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-8 {
    grid-column: span 8; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-9 {
    grid-column: span 9; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-10 {
    grid-column: span 10; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-11 {
    grid-column: span 11; }
  .tri-form2Container .tri-row .tri-column.tri-form-xl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 992px) {
  .tri-form2Container .tri-row .tri-column.tri-form-lg-1 {
    grid-column: span 1; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-2 {
    grid-column: span 2; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-3 {
    grid-column: span 3; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-4 {
    grid-column: span 4; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-5 {
    grid-column: span 5; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-6 {
    grid-column: span 6; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-7 {
    grid-column: span 7; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-8 {
    grid-column: span 8; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-9 {
    grid-column: span 9; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-10 {
    grid-column: span 10; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-11 {
    grid-column: span 11; }
  .tri-form2Container .tri-row .tri-column.tri-form-lg-12 {
    grid-column: span 12; } }
@media screen and (max-width: 768px) {
  .tri-form2Container .tri-row .tri-column.tri-form-md-1 {
    grid-column: span 1; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-2 {
    grid-column: span 2; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-3 {
    grid-column: span 3; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-4 {
    grid-column: span 4; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-5 {
    grid-column: span 5; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-6 {
    grid-column: span 6; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-7 {
    grid-column: span 7; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-8 {
    grid-column: span 8; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-9 {
    grid-column: span 9; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-10 {
    grid-column: span 10; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-11 {
    grid-column: span 11; }
  .tri-form2Container .tri-row .tri-column.tri-form-md-12 {
    grid-column: span 12; } }
@media screen and (max-width: 576px) {
  .tri-form2Container .tri-row .tri-column.tri-form-sm-1 {
    grid-column: span 1; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-2 {
    grid-column: span 2; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-3 {
    grid-column: span 3; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-4 {
    grid-column: span 4; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-5 {
    grid-column: span 5; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-6 {
    grid-column: span 6; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-7 {
    grid-column: span 7; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-8 {
    grid-column: span 8; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-9 {
    grid-column: span 9; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-10 {
    grid-column: span 10; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-11 {
    grid-column: span 11; }
  .tri-form2Container .tri-row .tri-column.tri-form-sm-12 {
    grid-column: span 12; } }
@media screen and (max-width: 350px) {
  .tri-form2Container .tri-row .tri-column.tri-form-xs-1 {
    grid-column: span 1; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-2 {
    grid-column: span 2; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-3 {
    grid-column: span 3; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-4 {
    grid-column: span 4; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-5 {
    grid-column: span 5; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-6 {
    grid-column: span 6; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-7 {
    grid-column: span 7; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-8 {
    grid-column: span 8; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-9 {
    grid-column: span 9; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-10 {
    grid-column: span 10; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-11 {
    grid-column: span 11; }
  .tri-form2Container .tri-row .tri-column.tri-form-xs-12 {
    grid-column: span 12; } }


.ff-specialInput {
  background-color: #f5f8fa;
  padding: 9.25px 15px;
  border-radius: 5px;
  border: none;
  color: #5e6278;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.tri-form2Container2 {
  width: 100%;
  height: auto;
  flex-direction: column;
  gap: 25px;
  opacity: 0;
  /*visibility: hidden;*/
  transition: opacity .3s linear;
  /*position: absolute;*/
  display: none;
}
.tri-form2Container2.tri-active {
  visibility: visible;
  /*opacity: 1;*/
  display: flex;
}
.tri-form2Container2.show {
  opacity: 1;
}
.tri-form2Container2 .tri-row {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 7.5px; }
.tri-form2Container2 .tri-row .tri-column {
  display: flex;
  flex-direction: column;
  gap: 25px; }
.tri-form2Container2 .tri-row .tri-column.tri-form-1 {
  grid-column: span 1; }
.tri-form2Container2 .tri-row .tri-column.tri-form-2 {
  grid-column: span 2; }
.tri-form2Container2 .tri-row .tri-column.tri-form-3 {
  grid-column: span 3; }
.tri-form2Container2 .tri-row .tri-column.tri-form-4 {
  grid-column: span 4; }
.tri-form2Container2 .tri-row .tri-column.tri-form-5 {
  grid-column: span 5; }
.tri-form2Container2 .tri-row .tri-column.tri-form-6 {
  grid-column: span 6; }
.tri-form2Container2 .tri-row .tri-column.tri-form-7 {
  grid-column: span 7; }
.tri-form2Container2 .tri-row .tri-column.tri-form-8 {
  grid-column: span 8; }
.tri-form2Container2 .tri-row .tri-column.tri-form-9 {
  grid-column: span 9; }
.tri-form2Container2 .tri-row .tri-column.tri-form-10 {
  grid-column: span 10; }
.tri-form2Container2 .tri-row .tri-column.tri-form-11 {
  grid-column: span 11; }
.tri-form2Container2 .tri-row .tri-column.tri-form-12 {
  grid-column: span 12; }
@media screen and (max-width: 1400px) {
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-1 {
    grid-column: span 1; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-2 {
    grid-column: span 2; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-3 {
    grid-column: span 3; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-4 {
    grid-column: span 4; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-5 {
    grid-column: span 5; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-6 {
    grid-column: span 6; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-7 {
    grid-column: span 7; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-8 {
    grid-column: span 8; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-9 {
    grid-column: span 9; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-10 {
    grid-column: span 10; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-11 {
    grid-column: span 11; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xxl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 1200px) {
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-1 {
    grid-column: span 1; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-2 {
    grid-column: span 2; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-3 {
    grid-column: span 3; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-4 {
    grid-column: span 4; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-5 {
    grid-column: span 5; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-6 {
    grid-column: span 6; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-7 {
    grid-column: span 7; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-8 {
    grid-column: span 8; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-9 {
    grid-column: span 9; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-10 {
    grid-column: span 10; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-11 {
    grid-column: span 11; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 992px) {
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-1 {
    grid-column: span 1; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-2 {
    grid-column: span 2; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-3 {
    grid-column: span 3; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-4 {
    grid-column: span 4; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-5 {
    grid-column: span 5; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-6 {
    grid-column: span 6; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-7 {
    grid-column: span 7; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-8 {
    grid-column: span 8; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-9 {
    grid-column: span 9; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-10 {
    grid-column: span 10; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-11 {
    grid-column: span 11; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-lg-12 {
    grid-column: span 12; } }
@media screen and (max-width: 768px) {
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-1 {
    grid-column: span 1; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-2 {
    grid-column: span 2; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-3 {
    grid-column: span 3; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-4 {
    grid-column: span 4; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-5 {
    grid-column: span 5; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-6 {
    grid-column: span 6; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-7 {
    grid-column: span 7; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-8 {
    grid-column: span 8; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-9 {
    grid-column: span 9; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-10 {
    grid-column: span 10; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-11 {
    grid-column: span 11; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-md-12 {
    grid-column: span 12; } }
@media screen and (max-width: 576px) {
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-1 {
    grid-column: span 1; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-2 {
    grid-column: span 2; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-3 {
    grid-column: span 3; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-4 {
    grid-column: span 4; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-5 {
    grid-column: span 5; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-6 {
    grid-column: span 6; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-7 {
    grid-column: span 7; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-8 {
    grid-column: span 8; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-9 {
    grid-column: span 9; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-10 {
    grid-column: span 10; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-11 {
    grid-column: span 11; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-sm-12 {
    grid-column: span 12; } }
@media screen and (max-width: 350px) {
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-1 {
    grid-column: span 1; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-2 {
    grid-column: span 2; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-3 {
    grid-column: span 3; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-4 {
    grid-column: span 4; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-5 {
    grid-column: span 5; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-6 {
    grid-column: span 6; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-7 {
    grid-column: span 7; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-8 {
    grid-column: span 8; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-9 {
    grid-column: span 9; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-10 {
    grid-column: span 10; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-11 {
    grid-column: span 11; }
  .tri-form2Container2 .tri-row .tri-column.tri-form-xs-12 {
    grid-column: span 12; } }

.tri-genelForm {
  width: 100%;
  height: auto;
  background-color: var(--tri-color-area);
  border-radius: 10px;
  padding: 19px;
}

.tri-formUp {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 4px;
  border-bottom: 1px solid #e1e2e4;
}
@media screen and (max-width: 768px) {
  .tri-formUp.type-2 {
    flex-direction: column-reverse;
  }
}

.tri-formUp .tri-formUpLeft {
  width: 100%;
  height: auto;
}
.tri-formUp .tri-formUpLeft span {
  font-size: 17.5px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: var(--tri-span-color); }
.tri-formUp .tri-formUpRight {
  width: auto;
  height: auto; }

.tri-formMain {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 15px;
  /*transition: all 0.3s ease;*/
  opacity: 1;
  padding: 15px 0 0 0; }
.tri-formMain .tri-formMainGroup {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  /*gap: 7px; */
}
.tri-formMain .tri-formMainGroup .tri-dropdown {
  width: auto;
  height: 28px;
  min-width: inherit;
  max-width: inherit;
  align-self: flex-end;
}
.tri-formMain .tri-formMainGroup .tri-dropdown .tri-dropdownHead {
  padding: 8px 10px 8px 10px;
}
.tri-formMain .tri-formMainGroup .tri-dropdown .tri-dropdownHead .tri-imageGroup svg {
  height: 12px;
  fill: #000;
}
.tri-formMain .tri-formMainGroup.tri-form-1 {
  grid-column: span 1; }
.tri-formMain .tri-formMainGroup.tri-form-2 {
  grid-column: span 2; }
.tri-formMain .tri-formMainGroup.tri-form-3 {
  grid-column: span 3; }
.tri-formMain .tri-formMainGroup.tri-form-4 {
  grid-column: span 4; }
.tri-formMain .tri-formMainGroup.tri-form-5 {
  grid-column: span 5; }
.tri-formMain .tri-formMainGroup.tri-form-6 {
  grid-column: span 6; }
.tri-formMain .tri-formMainGroup.tri-form-7 {
  grid-column: span 7; }
.tri-formMain .tri-formMainGroup.tri-form-8 {
  grid-column: span 8; }
.tri-formMain .tri-formMainGroup.tri-form-9 {
  grid-column: span 9; }
.tri-formMain .tri-formMainGroup.tri-form-10 {
  grid-column: span 10; }
.tri-formMain .tri-formMainGroup.tri-form-11 {
  grid-column: span 11; }
.tri-formMain .tri-formMainGroup.tri-form-12 {
  grid-column: span 12; }
@media screen and (max-width: 1400px) {
  .tri-formMain .tri-formMainGroup.tri-form-xxl-1 {
    grid-column: span 1; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-2 {
    grid-column: span 2; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-3 {
    grid-column: span 3; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-4 {
    grid-column: span 4; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-5 {
    grid-column: span 5; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-6 {
    grid-column: span 6; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-7 {
    grid-column: span 7; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-8 {
    grid-column: span 8; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-9 {
    grid-column: span 9; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-10 {
    grid-column: span 10; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-11 {
    grid-column: span 11; }
  .tri-formMain .tri-formMainGroup.tri-form-xxl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 1200px) {
  .tri-formMain .tri-formMainGroup.tri-form-xl-1 {
    grid-column: span 1; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-2 {
    grid-column: span 2; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-3 {
    grid-column: span 3; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-4 {
    grid-column: span 4; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-5 {
    grid-column: span 5; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-6 {
    grid-column: span 6; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-7 {
    grid-column: span 7; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-8 {
    grid-column: span 8; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-9 {
    grid-column: span 9; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-10 {
    grid-column: span 10; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-11 {
    grid-column: span 11; }
  .tri-formMain .tri-formMainGroup.tri-form-xl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 992px) {
  .tri-formMain .tri-formMainGroup.tri-form-lg-1 {
    grid-column: span 1; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-2 {
    grid-column: span 2; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-3 {
    grid-column: span 3; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-4 {
    grid-column: span 4; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-5 {
    grid-column: span 5; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-6 {
    grid-column: span 6; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-7 {
    grid-column: span 7; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-8 {
    grid-column: span 8; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-9 {
    grid-column: span 9; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-10 {
    grid-column: span 10; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-11 {
    grid-column: span 11; }
  .tri-formMain .tri-formMainGroup.tri-form-lg-12 {
    grid-column: span 12; } }
@media screen and (max-width: 768px) {
  .tri-formMain .tri-formMainGroup.tri-form-md-1 {
    grid-column: span 1; }
  .tri-formMain .tri-formMainGroup.tri-form-md-2 {
    grid-column: span 2; }
  .tri-formMain .tri-formMainGroup.tri-form-md-3 {
    grid-column: span 3; }
  .tri-formMain .tri-formMainGroup.tri-form-md-4 {
    grid-column: span 4; }
  .tri-formMain .tri-formMainGroup.tri-form-md-5 {
    grid-column: span 5; }
  .tri-formMain .tri-formMainGroup.tri-form-md-6 {
    grid-column: span 6; }
  .tri-formMain .tri-formMainGroup.tri-form-md-7 {
    grid-column: span 7; }
  .tri-formMain .tri-formMainGroup.tri-form-md-8 {
    grid-column: span 8; }
  .tri-formMain .tri-formMainGroup.tri-form-md-9 {
    grid-column: span 9; }
  .tri-formMain .tri-formMainGroup.tri-form-md-10 {
    grid-column: span 10; }
  .tri-formMain .tri-formMainGroup.tri-form-md-11 {
    grid-column: span 11; }
  .tri-formMain .tri-formMainGroup.tri-form-md-12 {
    grid-column: span 12; } }
@media screen and (max-width: 576px) {
  .tri-formMain .tri-formMainGroup.tri-form-sm-1 {
    grid-column: span 1; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-2 {
    grid-column: span 2; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-3 {
    grid-column: span 3; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-4 {
    grid-column: span 4; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-5 {
    grid-column: span 5; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-6 {
    grid-column: span 6; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-7 {
    grid-column: span 7; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-8 {
    grid-column: span 8; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-9 {
    grid-column: span 9; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-10 {
    grid-column: span 10; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-11 {
    grid-column: span 11; }
  .tri-formMain .tri-formMainGroup.tri-form-sm-12 {
    grid-column: span 12; } }
@media screen and (max-width: 350px) {
  .tri-formMain .tri-formMainGroup.tri-form-xs-1 {
    grid-column: span 1; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-2 {
    grid-column: span 2; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-3 {
    grid-column: span 3; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-4 {
    grid-column: span 4; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-5 {
    grid-column: span 5; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-6 {
    grid-column: span 6; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-7 {
    grid-column: span 7; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-8 {
    grid-column: span 8; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-9 {
    grid-column: span 9; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-10 {
    grid-column: span 10; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-11 {
    grid-column: span 11; }
  .tri-formMain .tri-formMainGroup.tri-form-xs-12 {
    grid-column: span 12; } }
.tri-formDown {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 20px 0 0 0;
}



.tri-formMode {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px; }
.tri-formMode.type-2 {
  gap: 7px;
  padding: 6.25px 1px;
  align-self: flex-end;
  flex-direction: column;
}

.tri-siralamaCheckBox .tri-imageGroup {
  position: inherit;
}
.tri-siralamaCheckBox {
  display: flex;
  flex-direction: row;
  width: auto;
  height: 18px;
}
.tri-eklemeButton {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: auto;
  height: auto;
  gap: 10px;
}
.tri-eklemeButton a {
  border: none;
  padding: 8px;
  background-color: #fdfdfd;
  border-radius: 5px;
  transition: all .15s ease;
}
.tri-eklemeButton a .tri-imageGroup {
  display: flex;
  flex-direction: column;
}
.tri-eklemeButton a .tri-imageGroup svg {
  height: 12px;
  width: auto;
  fill: #A1A5B7;
}
.tri-eklemeButton a:hover {
  box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
  transform: translateY(-4px);
}

.tri-formMode span.tri-checkboxTitle {
  padding: 4.5px 5px;
  font-size: 11.5px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  background-color: transparent;
  color: #000;
  border-radius: 7.6px;
}
.tri-formMode .tri-formCheckbox input {
  display: none; }
.tri-formMode .tri-imageGroup {
  width: 12px;
  height: auto;
  display: flex;
  flex-direction: column;
}
.tri-formMode .tri-imageGroup svg {
  fill: #4fca87;
}
.tri-formMode .tri-imageGroup svg.type-2 {
  fill: #3597fd;
}
.tri-formMode .tri-formCheckbox label {
  display: block;
  width: 30px;
  height: 20px;
  cursor: pointer;
  background-color: #3699ff;
  border-radius: 100px;
  position: relative; }
.tri-formMode .tri-formCheckbox label::before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, 0.15);
  transform: translate(0, -50%);
  transition: transform 0.4s cubic-bezier(0.4, 0.5, 0, 1); }
.tri-formMode .tri-formCheckbox input[type="checkbox"]:checked + label {
  background-color: #50cd89;
}
.tri-formMode .tri-formCheckbox input[type="checkbox"]:checked + label::before {
  transform: translate(12px, -50%); }
.tri-formMode span {
  padding: 4.5px 5px!important;
  font-size: 13px!important;
  font-weight: 500!important;
  font-family: "Poppins", sans-serif;
  /*background-color: #f1faff!important;*/
  white-space: nowrap;
  color: #3496fa!important;
  border-radius: 7.6px;!important }
.tri-formMode span span {
  padding: 4.5px 5px!important;
  font-size: 13px!important;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  /*background-color: #f1faff!important;*/
  color: #4fca87!important;
  border-radius: 7.6px!important; }
.tri-formMode span span.type-1 {
  /*padding: 4.5px 0;*/
  color: #3496fa; }
.tri-formMode span span.type-2 {
  color: #aaa!important; }
.tri-formMode span.tri-type-1 {
  display: block; }
.tri-formMode span.tri-type-2 {
  display: none; }

.tri-formInputs {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 7px; }
.tri-formInputs label {
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  /*white-space: nowrap;*/
  color: var(--tri-span-color); }
.tri-formInputs label.talepkartilabel {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  /*white-space: nowrap;*/
  color: var(--tri-span-color); }
.tri-required{
  color: red;
}
.tri-formInputs .tri-ozelInput input{
  font-size: 15px;
  width: 100%;
}
.tri-formInputs span {
  color: #5e6278;
  font-size: 10px!important;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.tri-formInputs .tri-imageGroup {
}
.tri-formInputs .tri-imageGroup img {
  width: 100%;
  height: 100%;
  /*box-shadow: 0 0 18px 7px rgba(159 156 162 / 50%);*/
  box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.1);
  border: 2px solid #fff;
}
.tri-formInputs .tri-imageGroup label {
  padding: 7px;
  background-color: #fff;
  box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
  border-radius: 50%;
}
.tri-formInputs .tri-imageGroup label .tri-imageGroup {
  display: flex;
  flex-direction: column;
}
.tri-formInputs .tri-imageGroup label .tri-imageGroup svg {
  width: auto;
  height: 15px;
  fill: #A1A5B7;
}
.tri-formInputs input {
  background-color: var(--tri-tablo-search);
  padding: 9.25px 15px;
  border-radius: 5px;
  border: none;
  color: var(--tri-span-color);
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif; }
.tri-formInputs input:focus {
  outline: none; }
.tri-formInputs textarea {
  background-color: var(--tri-tablo-search);
  border: none;
  border-radius: 5px;
  color: var(--tri-span-color);
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  padding: 8.25px 15px; }
.tri-formInputs textarea:focus {
  outline: none; }
.tri-formInputs button {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: none;
  border-radius: 5px;
  padding: 5.5px 16px;
  max-width: 100px;
  transition: all .3s ease; }
.tri-formInputs button .tri-imageGroup {
  display: flex;
  flex-direction: column;
  height: 12px;
  width: auto; }
.tri-formInputs button .tri-imageGroup.type-2 {
  display: flex;
  flex-direction: column;
  position: static;
  height: 12px!important;
  width: auto; }
.tri-formInputs button .tri-imageGroup svg {
  width: auto;
  height: 100%; }
.tri-formInputs button.select2-selection__choice__remove span {
  margin: 0;
}
.tri-formInputs button span {
  font-size: 10.5px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  margin: 2px;
}
.tri-formInputs button.type-1 {
  background-color: #f1faff; }
.tri-formInputs button.type-1 .tri-imageGroup svg {
  fill: #009ef7; }
.tri-formInputs button.type-1 span {
  color: #009ef7; }
.tri-formInputs button.type-1:hover {
  background-color: #009ef7; }
.tri-formInputs button.type-1:hover .tri-imageGroup svg {
  fill: #fff; }
.tri-formInputs button.type-1:hover span {
  color: #fff; }
.tri-formInputs button.type-2 {
  background-color: #fff5f8; }
.tri-formInputs button.type-2 .tri-imageGroup svg {
  fill: #f14972; }
.tri-formInputs button.type-2 span {
  color: #f14972; }
.tri-formInputs button.type-2:hover {
  background-color: #f1416c; }
.tri-formInputs button.type-2:hover .tri-imageGroup svg {
  fill: #fff; }
.tri-formInputs button.type-2:hover span {
  color: #fff; }
.tri-formInputs button.type-3 {
  background-color: #009ef7; }
.tri-formInputs button.type-3 .tri-imageGroup svg {
  fill: #fff; }
.tri-formInputs button.type-3 span {
  color: #fff; }
.tri-formInputs button.type-3:hover {
  background-color: #0095e8; }
.tri-formInputs button.type-3:hover .tri-imageGroup svg {
  fill: #fff; }
.tri-formInputs button.type-3:hover span {
  color: #fff; }

.tri-formTelefon .tri-formTelefonInput {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  gap: 7px;
  background-color: #f5f8fa;
  align-items: center;
  justify-content: flex-start; }
.tri-formTelefon .tri-formTelefonInput .tri-dropdown {
  width: auto;
  height: auto;
  max-width: inherit;
  min-width: inherit; }
.tri-formTelefon .tri-formTelefonInput .tri-dropdown .tri-dropdownHead {
  background-color: #fff; }
.tri-formTelefon .tri-formTelefonInput input {
  background-color: #f5f8fa;
  padding: 8.25px 15px;
  border-radius: 5px;
  border: none;
  color: #5e6278;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif; }
.tri-formTelefon .tri-formTelefonInput input:focus {
  outline: none; }


.load-wrapp {
  float: left;
  width: 100px;
  height: 100px;
  margin: 0 10px 10px 0;
  padding: 20px 20px 20px;
  border-radius: 5px;
  text-align: center;
}

/*Loading Animasyonu*/
.load-wrapp p {
  padding: 0 0 20px;

}
.load-wrapp:last-child {
  margin-right: 0;
  left: 50%;
  top: 100%;
  position: relative;
}


.spinner {
  position: relative;
  width: 45px;
  height: 45px;
  margin: 0 auto;
}

.bubble-1,
.bubble-2 {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background-color: #f69300;
}

.bubble-2 {
  top: auto;
  bottom: 0;
}



.load-9 .spinner {
  animation: loadingI 2s linear infinite;
}
.load-9 .bubble-1,
.load-9 .bubble-2 {
  animation: bounce 2s ease-in-out infinite;
}
.load-9 .bubble-2 {
  animation-delay: -1s;
}

@keyframes loadingI {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes bounce {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
.formButtons button {
  width: auto;
  height: auto;
  padding: 6.5px 13.5px;
  background-color: #009ef7;
  border: none;
  display: flex;
  border-radius: 6px; }
.formButtons button span {
  font-size: 10px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: #fff; }

hr{
  border: 1px solid #F0F0F0!important;
}

.tri-bodyContent
{
  position: relative;
  width: calc(100% - 60px);
  margin: 0 auto;
}
.dragtable-sortable {
  list-style-type: none; margin: 0; padding: 0; -moz-user-select: none;
}
.dragtable-sortable li {
  margin: 0; padding: 0; float: left; font-size: 1em; background: white;
}

.dragtable-sortable th, .dragtable-sortable td{
  border-left: 0;
}

.dragtable-sortable li:first-child th, .dragtable-sortable li:first-child td {
  border-left: 1px solid #CCC;
}

.ui-sortable-helper {
  opacity: 0.7;filter: alpha(opacity=70);
}
.ui-sortable-placeholder {
  -moz-box-shadow: 4px 5px 4px #C6C6C6 inset;
  -webkit-box-shadow: 4px 5px 4px #C6C6C6 inset;
  box-shadow: 4px 5px 4px #C6C6C6 inset;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  visibility: visible !important;
  background: #EFEFEF !important;
}
.ui-sortable-placeholder * {
  opacity: 0.0; visibility: hidden;
}





div.tri-mode {
  width: 100%;
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px; }
div.tri-mode .tri-modeUp span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 13px;
  white-space: nowrap;
  border-radius: 5px;
  color: #3f4254; }
div.tri-mode .tri-modeDown {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px; }
div.tri-mode .tri-modeDown .tri-checkbox {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px 0; }
div.tri-mode .tri-modeDown .tri-checkbox input {
  display: none; }
div.tri-mode .tri-modeDown .tri-checkbox label {
  display: block;
  width: 30px;
  height: 22px;
  cursor: pointer;
  background-color: #f5f8fa;
  border-radius: 100px;
  position: relative; }
div.tri-mode .tri-modeDown .tri-checkbox label::before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), 0 5px 15px rgba(0, 0, 0, 0.15);
  transform: translate(0, -50%);
  transition: transform 0.4s cubic-bezier(0.4, 0.5, 0, 1); }
div.tri-mode .tri-modeDown .tri-checkbox input[type="checkbox"]:checked + label {
  background-color: #3699ff; }
div.tri-mode .tri-modeDown .tri-checkbox input[type="checkbox"]:checked + label::before {
  transform: translate(12px, -50%); }
div.tri-mode .tri-modeDown span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 5px;
  color: #3f4254; }


.iti {
  position: relative;
  display: inline-block; }
.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }
.iti__hide {
  display: none; }
.iti__v-hide {
  visibility: hidden; }
.iti input, .iti input[type=text], .iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0; }
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px; }
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px; }
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555; }
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555; }
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px; }
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal; } }
.iti__flag-box {
  display: inline-block;
  width: 20px; }
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC; }
.iti__country {
  padding: 5px 10px;
  outline: none; }
.iti__dial-code {
  color: #999; }
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05); }
.iti__flag-box, .iti__country-name, .iti__dial-code {
  vertical-align: middle;
  padding: 6.25px 3px;
  border-radius: 5px;
  border: none;
  color: #5e6278;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.iti__flag-box, .iti__country-name {
  margin-right: 6px;
  padding: 6.25px 3px;
  border-radius: 5px;
  border: none;
  color: #5e6278;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  width: 100%;
  padding-right: 6px!important;
  padding-left: 52px!important;
  margin-left: 0; }
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0; }
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer; }
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: #ffffff!important; }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default; }
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent; }
.iti--separate-dial-code .iti__selected-flag {
  background-color: #ffffff!important; }
.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
  padding: 6.25px 3px;
  border-radius: 5px;
  border: none;
  color: #5e6278;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px; }
.iti--container:hover {
  cursor: pointer; }

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti__flag {
  width: 20px; }
.iti__flag.iti__be {
  width: 18px; }
.iti__flag.iti__ch {
  width: 15px; }
.iti__flag.iti__mc {
  width: 19px; }
.iti__flag.iti__ne {
  width: 18px; }
.iti__flag.iti__np {
  width: 13px; }
.iti__flag.iti__va {
  width: 15px; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px; } }
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0 0; }
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0; }
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0; }
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0; }
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0; }
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0; }
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0; }
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0; }
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0; }
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0; }
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0; }
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0; }
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0; }
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0; }
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0; }
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0; }
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0; }
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0; }
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0; }
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0; }
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0; }
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0; }
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0; }
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0; }
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0; }
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0; }
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0; }
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0; }
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0; }
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0; }
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0; }
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0; }
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0; }
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0; }
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0; }
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0; }
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0; }
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0; }
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0; }
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0; }
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0; }
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0; }
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0; }
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0; }
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0; }
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0; }
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0; }
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0; }
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0; }
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0; }
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0; }
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0; }
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0; }
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0; }
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0; }
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0; }
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0; }
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0; }
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0; }
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0; }
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0; }
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0; }
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0; }
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0; }
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0; }
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0; }
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0; }
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0; }
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0; }
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0; }
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0; }
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0; }
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0; }
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0; }
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0; }
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0; }
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0; }
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0; }
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0; }
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0; }
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0; }
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0; }
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0; }
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0; }
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0; }
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0; }
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0; }
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0; }
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0; }
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0; }
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0; }
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0; }
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0; }
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0; }
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0; }
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0; }
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0; }
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0; }
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0; }
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0; }
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0; }
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0; }
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0; }
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0; }
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0; }
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0; }
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0; }
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0; }
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0; }
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0; }
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0; }
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0; }
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0; }
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0; }
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0; }
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0; }
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0; }
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0; }
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0; }
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0; }
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0; }
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0; }
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0; }
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0; }
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0; }
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0; }
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0; }
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0; }
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0; }
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0; }
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0; }
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0; }
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0; }
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0; }
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0; }
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0; }
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0; }
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0; }
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0; }
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0; }
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0; }
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0; }
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0; }
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0; }
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0; }
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0; }
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0; }
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0; }
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0; }
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0; }
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0; }
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0; }
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0; }
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0; }
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0; }
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0; }
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0; }
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0; }
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0; }
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0; }
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0; }
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0; }
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0; }
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0; }
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0; }
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0; }
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0; }
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0; }
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0; }
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0; }
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0; }
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0; }
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0; }
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0; }
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0; }
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0; }
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0; }
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0; }
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0; }
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0; }
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0; }
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0; }
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0; }
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0; }
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0; }
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0; }
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0; }
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0; }
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0; }
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0; }
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0; }
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0; }
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0; }
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0; }
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0; }
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0; }
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0; }
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0; }
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0; }
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0; }
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0; }
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0; }
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0; }
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0; }
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0; }
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0; }
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0; }
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0; }
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0; }
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0; }
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0; }
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0; }
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0; }
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0; }
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0; }
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0; }
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0; }
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0; }
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0; }
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0; }
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0; }
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0; }
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0; }
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0; }
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0; }
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0; }
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0; }
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0; }
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0; }
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0; }
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0; }
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0; }
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0; }
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0; }
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0; }
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0; }
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0; }
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0; }
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0; }
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0; }
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0; }
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0; }
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0; }
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0; }
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0; }
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0; }
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0; }
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0; }
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0; }
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0; }
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0; }
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0; }
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0; }
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0; }
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0; }
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0; }
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0; }
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0; }
.iti__flag {
  height: 15px;
  box-shadow: 0 0 1px 0 #888;
  background-image: url("flags/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {background-image: url("flags/flags.png"); } }
.iti__flag.iti__np {
  background-color: transparent; }
/* Solunda 3 Çizgili (KOD)İnput */
.tri-cardElementBodySvg {
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-cardElementBodySvg .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 5.2px;
  background-color: #f5f8fa;
  border-radius: 5px;
  cursor: pointer; }
div.dataTableButton {
  width: auto;
  height: auto; }
div.dataTableButton .tri-imageGroupp {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .1s ease; }
div.dataTableButton .tri-imageGroupp svg {
  height: 24px;
  fill: var(--tri-tablo-svg);
  transition: fill .1s ease; }
div.dataTableButton .tri-imageGroupp:hover {
  background-color: #f6f6f6; }
div.dataTableButton .tri-imageGroupp:hover svg {
  fill: #7e8299; }
div.dataTableButton .tri-imageGroupp.tri-active {
  background-color: #fff; }
div.dataTableButton .tri-imageGroupp.tri-active svg {
  fill: #7e8299; }
div.dataTableButton .tri-imageGroupOpened {
  z-index: 99;
  width: 200px;
  height: auto;
  max-height: 300px;
  overflow-y: auto;
  background-color: var(--tri-color-area);
  position: absolute;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  padding: 9px 0 8px 0;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform;
  transition-duration: .4s;
  transition-timing-function: ease; }
div.dataTableButton .tri-imageGroupOpened::-webkit-scrollbar {
  width: 7px;
  background-color: #fff;
  border-radius: 7px; }
div.dataTableButton .tri-imageGroupOpened::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 7px; }
@media screen and (max-width: 350px) {
  div.dataTableButton .tri-imageGroupOpened {
    position: fixed;
    width: 100%;
    top: 65px;
    border-radius: inherit; } }
div.dataTableButton .tri-imageGroupOpened span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #a1a5b7;
  margin-left: 15px; }
div.dataTableButton .tri-imageGroupOpened ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 7px;
  width: 100%;
  height: auto;
  padding: 10px;}
div.dataTableButton .tri-imageGroupOpened ul li {
  width: 100%;
  height: auto;
  line-height: 27px;}
div.dataTableButton .tri-imageGroupOpened ul li label{
  gap: 10px;
  white-space: nowrap;
  color: var(--tri-tablo-color);
  cursor: pointer;}
div.dataTableButton .tri-imageGroupOpened ul li a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 15px);
  margin: 0 auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 5px;
  padding: 7px 9px 6px 9px;
  color: #3f4254; }
div.dataTableButton .tri-imageGroupOpened ul li a .tri-imageGroupp {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
div.dataTableButton .tri-imageGroupOpened ul li a .tri-imageGroupp svg {
  height: 9px;
  fill: #000; }
div.dataTableButton .tri-imageGroupOpened ul li a:hover {
  background-color: #f7f9fb;
  color: #38b3f8; }
div.dataTableButton .tri-imageGroupOpened ul li a:hover svg {
  fill: #38b3f8; }
div.dataTableButton .tri-imageGroupOpened.tri-active {
  visibility: visible;
  opacity: 1;
  /*transform: translateY(-10px);*/
}
.tri-colorCard {
  background-color: #fff5f8 !important;
  width: 100%;
  height: auto;
  padding: .5rem !important;
  border-radius: 7px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;}
.tri-colorCard span {
  font-size: 12px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #000;}
.tri-colorCard .tri-imageGroup {
  height: auto;
  width: auto;
  display: flex;
  flex-direction: column;}
.tri-colorCard .tri-imageGroup svg {
  width: auto;
  height: 12px;
  fill: #f1416c !important;}
.tri-formUpCenter nav ul {
  display: flex;
  flex-direction: row;
  width: auto;
  height: auto;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  color: #eff2f5;}
.tri-formUpCenter nav ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 7px;
  width: auto;
  height: auto;}
.tri-formUpCenter nav ul li:hover a {
  color: #009ef7;}
.tri-formUpCenter nav ul li:hover .tri-imageGroup svg {
  fill: #009ef7;}
.tri-formUpCenter nav ul li a {
  font-size: 9.5px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #A1A5B7;
  transition: all .15s ease;
  white-space: nowrap;}
.tri-formUpCenter nav ul li .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;}
.tri-formUpCenter nav ul li .tri-imageGroup svg {
  width: auto;
  height: 10px;
  fill: #A1A5B7;
  transition: all .15s ease;}
/*Loader*/
.tri-loading {
  width: 100%;
  height: 100vh;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 99;
  position: fixed;
  background-color: #fff;
  gap: 10px; }
.tri-loading .tri-up {
  width: auto;
  height: auto; }
.tri-loading .tri-up .tri-imageGroup {
  width: 100%;
  max-width: 60px;
  height: auto;
  overflow: hidden;
  display: flex;
  flex-direction: column; }
.tri-loading .tri-up .tri-imageGroup img {
  width: 100%;
  height: auto; }
.tri-loading .tri-down {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px; }
.tri-loading .tri-down .tri-circle {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 2px solid #009ef7;
  border-top-color: #fff;
  animation-name: infinitRotate;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }
.tri-loading.tri-active {
  display: flex; }
@keyframes infinitRotate { to {transform: rotate(360deg); } }
table {
  width: 100%;
}
table thead {
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1;
  box-shadow: 0 10px 30px 0 rgba(159, 156, 162, 0.05);}
table thead tr th.islemler {
  width: 100px;
}
table thead tr th.checkbox {
  width: 40px;
}
table thead tr th {
  font-family: 'Poppins', sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: var(--tri-span-color);
  background-color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 13px 8px;}
table tbody {

 }
table tbody tr {

  border-bottom: 1px dashed #cbced1a6;
  font-size: 10px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #000;}
table tbody tr td .tri-islemler {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 8px;
}
table tbody tr td input {
  /*width: 100%!important;*/
  height: auto!important;}
.tri-formInputs2 .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;}
.tri-formInputs2 .tri-tarih {
  display: flex;
  flex-direction: row;
  align-items: center;}
@media screen and  (max-width: 550px) {
  .tri-formInputs2 .tri-tarih {
    flex-direction: column;
    align-items: flex-start;}  }
.tri-formInputs2 .tri-tarih span {
  white-space: nowrap;
  font-size: 12.5px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #A1A5B7;}
.tri-formInputs2 .tri-tarih span label {
  white-space: nowrap;
  font-size: 12.5px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #A1A5B7;
  background-color: transparent!important;}
.tri-formInputs2 .tri-tarih label {
  padding: 6.5px 11.5px;
  color: #009ef7;
  background-color: #f1faff;}
.tri-tableImages {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 15px;}
.tri-formInputs2 .tri-imageGroup svg {
  height: 16px;
  width: auto;
  fill: #A1A5B7;}
.tri-formInputs2 .tri-imageGroup svg:hover {
  fill: #009ef7;}
nav.tri-tab2 {
  width: 100%;
  height: auto;}
nav.tri-tab2 ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;}
nav.tri-tab2 ul li:hover a {
  color: #009ef7;
  border-bottom: 2px solid #009ef7;}
nav.tri-tab2 ul li.tri-active a {
  color: #009ef7;
  border-bottom: 2px solid #009ef7;}
nav.tri-tab2 ul li a {
  font-size: 10.75px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: #A1A5B7;
  padding: 5px 0;}
.tri-formTab2 {
  width: 100%;
  height: auto;
  padding-top: 15px; }
.tri-formTab2 .tri-formTab2Container {
  display: none;
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity .15s ease;}
.tri-formTab2 .tri-formTab2Container.show {
  opacity: 1;}
.tri-formTab2 .tri-formTab2Container.tri-active {
  display: block;}
.tri-formTab2 .tri-formTab2Container .tri-formTab2Content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  max-width: 170px;}
.tri-formTab2 .tri-formTab2Container .tri-formTab2Content .tri-up {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-width: 130px;}
.tri-formTab2 .tri-formTab2Container .tri-formTab2Content .tri-main {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-width: 130px;}
.tri-formTab2 .tri-formTab2Container .tri-formTab2Content .tri-down {
  width: 100%;
  height: auto;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-width: 130px;}
.tri-formTab2 .tri-formTab2Container .tri-formTab2Content span {
  font-size: 10.75px;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  color: var(--tri-span-color);
  /*padding: 5px 0; */
}
.tri-dropdownBodyContainer2 {
  width: 100%;
  height: auto;}
.tri-dropdownBodyContainer2 {
  width: 100%;
  height: auto;
  padding: 10px;}
.tri-dropdownBodyContainer2 ul {
  display: flex;
  flex-direction: column!important;
  justify-content: flex-start;
  align-items: center;
  gap: 5px!important;}
.tri-dropdownBodyContainer2 ul li {
  padding: 5px;}
.tri-dropdownBodyContainer2 ul li a {
  font-size: 9.5px!important;
  font-weight: 500!important;
  font-family: "Poppins", sans-serif;
  color: #A1A5B7!important;
  padding: 0!important;}
/* İnput Tick */
.tri-checkboxTick {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px; }
.tri-checkboxTick input {
  display: none; }
.tri-checkboxTick label {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #eff2f5;
  border-radius: 5px;
  position: relative;
  transition: all .3s ease; }
.tri-checkboxTick label::before {
  content: "";
  width: 7px;
  height: 1.4px;
  background-color: #eff2f5;
  border-radius: 100px;
  position: absolute;
  left: 14.5%;
  top: 62%;
  transform: rotate(45deg); }
.tri-checkboxTick label::after {
  content: "";
  width: 13px;
  height: 1.4px;
  background-color: #eff2f5;
  border-radius: 100px;
  position: absolute;
  left: 28.5%;
  top: 49%;
  transform: rotate(125deg); }
.tri-checkboxTick span.tick {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  color: var(--tri-span-color); }
.tri-checkboxTick input[type="checkbox"]:checked + label {
  background-color: #3699ff; }
/* İnput Radio */
.tri-checkboxRadio {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px; }
.tri-checkboxRadio input {
  display: none; }
.tri-checkboxRadio label {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #eff2f5;
  border-radius: 100px;
  position: relative; }
.tri-checkboxRadio label::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #eff2f5;
  border-radius: 100px;
  position: absolute;
  left: 23.5%;
  top: 25%; }
.tri-checkboxRadio span.radio {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #000; }
.tri-checkboxRadio input[type="radio"]:checked + label {
  background-color: #3699ff; }
/* İnput Radio No Border */
.tri-checkboxRadioArea {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-checkboxRadioArea input {
  display: none; }
.tri-checkboxRadioArea label {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 5px;
  gap: 10px;
  cursor: pointer; }
.tri-checkboxRadioArea label span.tri-radio {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #eff2f5;
  border-radius: 50%;
  position: relative; }
.tri-checkboxRadioArea label span.tri-radio::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #eff2f5;
  border-radius: 50%;
  position: absolute;
  left: 22.5%;
  top: 25%; }
.tri-checkboxRadioArea label span.tri-text {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #000; }
.tri-checkboxRadioArea input[type="radio"]:checked + label span.tri-radio, .tri-checkboxRadioArea input[type="checkbox"]:checked + label span.tri-radio {
  background-color: #3699ff; }
/* İnput Radio Border */
.tri-checkboxRadioBorder {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-checkboxRadioBorder input {
  display: none; }
.tri-checkboxRadioBorder label {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 15px;
  border: 1px dashed #eff2f5;
  border-radius: 5px;
  cursor: pointer;
  transition: all .2s ease; }
.tri-checkboxRadioBorder label span.tri-radio {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #eff2f5;
  border-radius: 50%;
  position: relative; }
.tri-checkboxRadioBorder label span.tri-radio::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #eff2f5;
  border-radius: 50%;
  position: absolute;
  left: 24.5%;
  top: 25%; }
.tri-checkboxRadioBorder label.type2 span.tri-radio {
  display: block;
  width: 14px;
  height: 14px;
  cursor: pointer;
  background-color: #eff2f5;
  border-radius: 50%;
  position: relative; }
.tri-checkboxRadioBorder label.type2 span.tri-radio::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #eff2f5;
  border-radius: 50%;
  position: absolute;
  left: 21%;
  top: 24%; }
.tri-checkboxRadioBorder label span.tri-text {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  color: #000; }
.tri-checkboxRadioBorder input[type="radio"]:checked + label, .tri-checkboxRadioBorder input[type="checkbox"]:checked + label {
  background-color: #f1faff;
  border-color: #009ef7;}
.tri-checkboxRadioBorder input[type="radio"]:checked + label span.tri-radio, .tri-checkboxRadioBorder input[type="checkbox"]:checked + label span.tri-radio {
  background-color: #3699ff; }
.tri-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;}
.tri-button:hover {
  background-color: #e4e6ef;
  border-radius: 7px;}
.tri-button a {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
  padding: 6.5px 13.5px;
  background-color: #fff;
  border: none;
  border-radius: 7px; }
.tri-button a:hover {
  background-color: #e4e6ef;
  border-radius: 7px;}
.tri-button .tri-dropdown .tri-dropdownHead {
  background-color: #fff;
  padding: 6.5px 11.5px;}
.tri-button .tri-dropdown .tri-dropdownHead:hover {
  background-color: #e4e6ef !important;}
.tri-button .tri-dropdown .tri-dropdownHead.tri-active {
  background-color: #e4e6ef !important;}
.tri-button .tri-dropdown .tri-dropdownHead span {
  font-size: 9.25px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #A1A5B7;}
.tri-button .tri-dropdown .tri-dropdownHead .tri-imageGroup svg {
  height: 12px;
  width: auto;
  fill: #A1A5B7;}
.tri-button button {
  width: auto;
  height: auto;
  background-color: #fff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: none;
  border-radius: 5px;
  padding: 7.5px 17px;
  max-width: 100px;
  transition: all .3s ease;}
.tri-button:hover button {
  background-color: #e4e6ef !important;}
.tri-button span {
  font-size: 10.5px!important;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: #A1A5B7!important;}
.tri-button .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;}
.tri-button .tri-imageGroup svg  {
  height: 12px;
  fill: #A1A5B7;}
.tri-formMainGroup2 {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: space-between;}
.tri-formMainGroup2 .tri-mainButtons {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;}
.tri-formMainGroup2 .tri-mainButtons2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;}
@media screen and (max-width: 600px) {
  .tri-formMainGroup2 .tri-mainButtons2 {
    flex-direction: column-reverse;
    align-items: flex-start;}  }
.tri-form2Container .tri-row nav.tri-mainNav {
  width: 100%;
  height: auto;
  grid-column: span 12;
  display: flex;
  flex-direction: row;
  justify-content: space-between;}
.tri-form2Container .tri-row nav.tri-mainNav span {
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: var(--tri-span-color);
  white-space: nowrap;}
@media screen and (max-width: 1540px) {
  .tri-form2Container .tri-row nav.tri-mainNav {
    /*flex-direction: column-reverse;*/
    gap: 20px;}  }
@media screen and (max-width: 992px) {
  .tri-formMainGroup2 {
    flex-direction: column-reverse;}  }
.tri-form2Container .tri-row nav.tri-mainNav ul::-webkit-scrollbar {
  display: none;}
.tri-form2Container .tri-row nav.tri-mainNav ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  overflow-x: auto;
  overflow-y: hidden;}
.tri-form2Container .tri-row nav.tri-mainNav ul li {
  cursor: pointer;
  margin-bottom: 7px;}
.tri-form2Container .tri-row nav.tri-mainNav ul li a {
  white-space: nowrap;
  font-size: 12.5px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #a1a5b7;
  padding: 5px 0 5px 0;
  transition: color .3s ease;}
.tri-form2Container .tri-row nav.tri-mainNav ul li:hover a {
  border-bottom: 2px solid #009ef7;}
.tri-form2Container .tri-row nav.tri-mainNav ul li.tri-active a {
  color: #009ef7;
  border-bottom: 2px solid #009ef7;}
.tri-formInputs2 {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  gap: 7px; }
.tri-formInputs2 label {
  font-size: 11.5px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: #000; }
.tri-required{
  color: red!important;}
.tri-formInputs2 input {
  background-color: #f5f8fa;
  padding: 6.25px 15px;
  border-radius: 5px;
  border: none;
  color: #5e6278;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif; }
.tri-formInputs2 input:focus {
  outline: none; }
.tri-formInputs2 textarea {
  background-color: #f5f8fa;
  border: none;
  border-radius: 5px;
  color: #5e6278;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  padding: 8.25px 15px; }
.tri-formInputs2 textarea:focus {
  outline: none; }
.tri-formInputs2 button {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: none;
  border-radius: 5px;
  padding: 5.5px 16px;
  max-width: 100px;
  transition: all .3s ease; }
.tri-formInputs2 button .tri-imageGroup {
  display: flex;
  flex-direction: column;
  height: 12px;
  width: auto; }
.tri-formInputs2 button .tri-imageGroup svg {
  width: auto;
  height: 100%; }
.tri-formInputs2 button span {
  font-size: 10.5px!important;
  font-family: "Poppins", sans-serif;
  font-weight: 500!important;
  white-space: nowrap;
  margin: 2px;}
.tri-formInputs2 button a {
  font-size: 10.5px!important;
  font-family: "Poppins", sans-serif;
  font-weight: 500!important;
  white-space: nowrap;
  padding: 5.5px 16px;
  color: #fff;
  margin: 2px;}

.tri-formInputs2 button.type-1 {
  background-color: #f1faff; }
.tri-formInputs2 button.type-1 .tri-imageGroup svg {
  fill: #009ef7; }
.tri-formInputs2 button.type-1 span {
  color: #009ef7!important; }
.tri-formInputs2 button.type-1:hover {
  background-color: #009ef7; }
.tri-formInputs2 button.type-1:hover .tri-imageGroup svg {
  fill: #fff; }
.tri-formInputs2 button.type-1:hover span {
  color: #fff!important; }
.tri-formInputs2 button.type-2 {
  background-color: #fff5f8; }
.tri-formInputs2 button.type-2 .tri-imageGroup svg {
  fill: #f14972; }
.tri-formInputs2 button.type-2 span {
  color: #f14972; }
.tri-formInputs2 button.type-2:hover {
  background-color: #f1416c; }
.tri-formInputs2 button.type-2:hover .tri-imageGroup svg {
  fill: #fff; }
.tri-formInputs2 button.type-2:hover span {
  color: #fff; }
.tri-formInputs2 button.type-3 {
  background-color: #009ef7; }
.tri-formInputs2 button.type-3 .tri-imageGroup svg {
  fill: #fff; }
.tri-formInputs2 button.type-3 span {
  color: #fff!important; }
.tri-formInputs2 button.type-3:hover {
  background-color: #0095e8; }
.tri-formInputs2 button.type-3:hover .tri-imageGroup svg {
  fill: #fff; }
.tri-formInputs2 button.type-3:hover span {
  color: #fff; }
.tri-containerContent {
  position: relative;}

/* Modal Formu Kapatma Butonu */
.tri-formFoot {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px; }
.tri-formFoot a {
  width: auto;
  height: auto;
  padding: 8.5px 16px;
  border: none;
  border-radius: 5px;
  font-size: 11px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #7e8299;
  background-color: #f5f8fa; }
.tri-formFoot a:hover {
  background-color: #e4e6ef; }

/* İnput Kod Form İçin */
.tri-formMainGroup {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.tri-formMainGroup .tri-formInputs {
  width: 100%;
  height: auto; }
.tri-formMainGroup .tri-formInputs .tri-cardElementHead {
  width: auto;
  height: auto;
  display: flex; }
.tri-formMainGroup .tri-formInputs .tri-cardElementHead span {
  font-size: 11.5px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: #000; }
.tri-formMainGroup .tri-formInputs .tri-cardElementHead span.tri-required {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: red; }
.tri-formMainGroup .tri-formInputs .tri-cardElementBodySvg {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-formMainGroup .tri-formInputs .tri-cardElementBodySvg .tri-imageGroupSafa {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 8px;
  background-color: #f5f8fa;
  border-radius: 5px;
  cursor: pointer; }
.tri-formMainGroup .tri-formInputs .tri-cardElementBodySvg input {
  width: 100%;
  height: auto;
  background-color: #f5f8fa;
  padding: 6.25px 15px;
  border-radius: 5px;
  border: none;
  color: #5e6278;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif; }
/* İnput Kod Modal İçin */
.tri-formGroup {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;}
.tri-formGroup .tri-formInputs {
  width: 100%;
  height: auto; }
.tri-formGroup .tri-formInputs .tri-cardElementHead {
  width: auto;
  height: auto;
  display: flex; }
.tri-formGroup .tri-formInputs .tri-cardElementHead span {
  font-size: 11.5px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  white-space: nowrap;
  color: #000; }
.tri-formGroup .tri-formInputs .tri-cardElementHead span.tri-required {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: red; }
.tri-formGroup .tri-formInputs .tri-cardElementBodySvg {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-formGroup .tri-formInputs .tri-cardElementBodySvg .tri-imageGroupSafa {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 8px;
  background-color: #f5f8fa;
  border-radius: 5px;
  cursor: pointer; }
.tri-formGroup .tri-formInputs .tri-cardElementBodySvg input {
  width: 100%;
  height: auto;
  background-color: #f5f8fa;
  padding: 6.25px 15px;
  border-radius: 5px;
  border: none;
  color: #5e6278;
  font-size: 10px;
  font-weight: 500;
  font-family: "Poppins", sans-serif; }
.tri-modalWrapper2 {
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.3);
  overflow-y: auto;
  display: grid;
  visibility: hidden;
  opacity: 0;
  grid-template-columns: auto minmax(auto, 1fr) auto;
  grid-template-rows: auto min-content auto;
  padding: 15px;
  transition-property: visibility, opacity;
  transition-duration: .3s;
  transition-timing-function: ease; }
.tri-modalWrapper2::-webkit-scrollbar {
  display: none; }
.tri-modalWrapper2 .tri-modalCard {
  position: relative;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-15px);
  width: 100%;
  max-width: 1200px;
  height: auto;
  background-color: var(--tri-color-area);
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
  transition-property: visibility, opacity, transform;
  transition-duration: .3s;
  transition-timing-function: ease;
  overflow-y: auto; }
.tri-modalWrapper2 .tri-modalCard .tri-imageGroup {
  position: absolute;
  right: 19px;
  top: 19px;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.tri-modalWrapper2 .tri-modalCard .tri-imageGroup svg {
  height: 17px;
}
.tri-modalWrapper2 .tri-modalCard .tri-imageGroup.kapat {
  position: absolute;
  right: 19px;
  top: 19px;}
.tri-modalWrapper2 .tri-modalCard .tri-imageGroup svg.tri-close {
  height: 15px;
  fill: #000;
  transition: fill .3s ease; }
.tri-modalWrapper2 .tri-modalCard .tri-imageGroup:hover svg.tri-close {
  fill: #009EF7; }
.tri-modalWrapper2.tri-active {
  visibility: visible;
  opacity: 1;
  z-index: 6}
.tri-modalWrapper2.tri-active .tri-modalCard {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  border-radius: 7px;
  padding: 25px;}
.tri-modalWrapper2.tri-active .tri-modalCard .tri-card-dataTable2 .tri-accordionBody .tri-form2Container2  .tri-formMain {
  display: grid;}
.tri-modalWrapper2 .tri-modalCard .tri-card-dataTable2 .tri-accordionBody .tri-form2Container2  .tri-formMain {
  display: none;}
/* Padding Classları */
.p-0 {padding: 0!important;}
.p-5 {padding: 5px!important;}
.p-10 {padding: 10px!important;}
.p-15 {padding: 15px!important;}
.p-20 {padding: 20px!important;}
.p-25 {padding: 25px!important;}
.p-30 {padding: 30px!important;}
.p-35 {padding: 35px!important;}
.p-40 {padding: 40px!important;}
.p-45 {padding: 45px!important;}
.p-50 {padding: 50px!important;}
/* Padding-top Classları */
.pt-5 {padding-top: 5px!important;}
.pt-10 {padding-top: 10px!important;}
.pt-15 {padding-top: 15px!important;}
.pt-20 {padding-top: 20px!important;}
.pt-25 {padding-top: 25px!important;}
.pt-30 {padding-top: 30px!important;}
.pt-35 {padding-top: 35px!important;}
.pt-40 {padding-top: 40px!important;}
.pt-45 {padding-top: 45px!important;}
.pt-50 {padding-top: 50px!important;}
/* Padding-right Classları */
.pr-5 {padding-right: 5px!important;}
.pr-10 {padding-right: 10px!important;}
.pr-15 {padding-right: 15px!important;}
.pr-20 {padding-right: 20px!important;}
.pr-25 {padding-right: 25px!important;}
.pr-30 {padding-right: 30px!important;}
.pr-35 {padding-right: 35px!important;}
.pr-40 {padding-right: 40px!important;}
.pr-45 {padding-right: 45px!important;}
.pr-50 {padding-right: 50px!important;}
/* Padding-left Classları */
.pl-5 {padding-left: 5px!important;}
.pl-10 {padding-left: 10px!important;}
.pl-15 {padding-left: 15px!important;}
.pl-20 {padding-left: 20px!important;}
.pl-25 {padding-left: 25px!important;}
.pl-30 {padding-left: 30px!important;}
.pl-35 {padding-left: 35px!important;}
.pl-40 {padding-left: 40px!important;}
.pl-45 {padding-left: 45px!important;}
.pl-50 {padding-left: 50px!important;}
/* Padding-bottom Classları */
.pb-5 {padding-bottom: 5px!important;}
.pb-10 {padding-bottom: 10px!important;}
.pb-15 {padding-bottom: 15px!important;}
.pb-20 {padding-bottom: 20px!important;}
.pb-25 {padding-bottom: 25px!important;}
.pb-30 {padding-bottom: 30px!important;}
.pb-35 {padding-bottom: 35px!important;}
.pb-40 {padding-bottom: 40px!important;}
.pb-45 {padding-bottom: 45px!important;}
.pb-50 {padding-bottom: 50px!important;}
/* margin Classları */
.m-5 {margin: 5px auto!important;}
.m-10 {margin: 10px auto!important;}
.m-15 {margin: 15px auto!important;}
.m-20 {margin: 20px auto!important;}
.m-25 {margin: 25px auto!important;}
.m-30 {margin: 30px auto!important;}
.m-35 {margin: 35px auto!important;}
.m-40 {margin: 40px auto!important;}
.m-45 {margin: 45px auto!important;}
.m-50 {margin: 50px auto!important;}
/* margin-top Classları */
.mt-5 {margin-top: 5px!important;}
.mt-10 {margin-top: 10px!important;}
.mt-15 {margin-top: 15px!important;}
.mt-20 {margin-top: 20px!important;}
.mt-25 {margin-top: 25px!important;}
.mt-30 {margin-top: 30px!important;}
.mt-35 {margin-top: 35px!important;}
.mt-40 {margin-top: 40px!important;}
.mt-45 {margin-top: 45px!important;}
.mt-50 {margin-top: 50px!important;}
/* margin-right Classları */
.mr-5 {margin-right: 5px!important;}
.mr-10 {margin-right: 10px!important;}
.mr-15 {margin-right: 15px!important;}
.mr-20 {margin-right: 20px!important;}
.mr-25 {margin-right: 25px!important;}
.mr-30 {margin-right: 30px!important;}
.mr-35 {margin-right: 35px!important;}
.mr-40 {margin-right: 40px!important;}
.mr-45 {margin-right: 45px!important;}
.mr-50 {margin-right: 50px!important;}
/* margin-left Classları */
.ml-5 {margin-left: 5px!important;}
.ml-10 {margin-left: 10px!important;}
.ml-15 {margin-left: 15px!important;}
.ml-20 {margin-left: 20px!important;}
.ml-25 {margin-left: 25px!important;}
.ml-30 {margin-left: 30px!important;}
.ml-35 {margin-left: 35px!important;}
.ml-40 {margin-left: 40px!important;}
.ml-45 {margin-left: 45px!important;}
.ml-50 {margin-left: 50px!important;}
/* margin-bottom Classları */
.mb-5 {margin-bottom: 5px!important;}
.mb-10 {margin-bottom: 10px!important;}
.mb-15 {margin-bottom: 15px!important;}
.mb-20 {margin-bottom: 20px!important;}
.mb-25 {margin-bottom: 25px!important;}
.mb-30 {margin-bottom: 30px!important;}
.mb-35 {margin-bottom: 35px!important;}
.mb-40 {margin-bottom: 40px!important;}
.mb-45 {margin-bottom: 45px!important;}
.mb-50 {margin-bottom: 50px!important;}
.text-center {
  text-align: center;}
.text-left {
  text-align: left;}
.text-right {
  text-align: right;}
/* Yazdir Button */
.formButtons {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: #f5f8fa;
  transition: background-color .3s ease;
  border-radius: 6px;
  gap: 7px;
  cursor: pointer;}
.formButtons:hover {
  background-color: #e4e6ef;}
.formButtons .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-left: 10px;}
.formButtons .tri-imageGroup svg {
  height: 13px;
  fill: #000;}
.formButtons button.yazdir {
  width: auto;
  height: auto;
  background-color: inherit;
  padding-left: inherit;}
.formButtons button.yazdir span {
  color: #000;}
.tri-grid {
  width: 100%;
  height: auto;
  display: grid!important;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px}
.tri-grid .tri-form-1 {
  grid-column: span 1; }
.tri-grid .tri-form-2 {
  grid-column: span 2; }
.tri-grid .tri-form-3 {
  grid-column: span 3; }
.tri-grid .tri-form-4 {
  grid-column: span 4; }
.tri-grid .tri-form-5 {
  grid-column: span 5; }
.tri-grid .tri-form-6 {
  grid-column: span 6; }
.tri-grid .tri-form-7 {
  grid-column: span 7; }
.tri-grid .tri-form-8 {
  grid-column: span 8; }
.tri-grid .tri-form-9 {
  grid-column: span 9; }
.tri-grid .tri-form-10 {
  grid-column: span 10; }
.tri-grid .tri-form-11 {
  grid-column: span 11; }
.tri-grid .tri-form-12 {
  grid-column: span 12; }
@media screen and (max-width: 1400px) {
  .tri-grid .tri-form-xxl-1 {
    grid-column: span 1; }
  .tri-grid .tri-form-xxl-2 {
    grid-column: span 2; }
  .tri-grid .tri-form-xxl-3 {
    grid-column: span 3; }
  .tri-grid .tri-form-xxl-4 {
    grid-column: span 4; }
  .tri-grid .tri-form-xxl-5 {
    grid-column: span 5; }
  .tri-grid .tri-form-xxl-6 {
    grid-column: span 6; }
  .tri-grid .tri-form-xxl-7 {
    grid-column: span 7; }
  .tri-grid .tri-form-xxl-8 {
    grid-column: span 8; }
  .tri-grid .tri-form-xxl-9 {
    grid-column: span 9; }
  .tri-grid .tri-form-xxl-10 {
    grid-column: span 10; }
  .tri-grid .tri-form-xxl-11 {
    grid-column: span 11; }
  .tri-grid .tri-form-xxl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 1200px) {
  .tri-grid .tri-form-xl-1 {
    grid-column: span 1; }
  .tri-grid .tri-form-xl-2 {
    grid-column: span 2; }
  .tri-grid .tri-form-xl-3 {
    grid-column: span 3; }
  .tri-grid .tri-form-xl-4 {
    grid-column: span 4; }
  .tri-grid .tri-form-xl-5 {
    grid-column: span 5; }
  .tri-grid .tri-form-xl-6 {
    grid-column: span 6; }
  .tri-grid .tri-form-xl-7 {
    grid-column: span 7; }
  .tri-grid .tri-form-xl-8 {
    grid-column: span 8; }
  .tri-grid .tri-form-xl-9 {
    grid-column: span 9; }
  .tri-grid .tri-form-xl-10 {
    grid-column: span 10; }
  .tri-grid .tri-form-xl-11 {
    grid-column: span 11; }
  .tri-grid .tri-form-xl-12 {
    grid-column: span 12; } }
@media screen and (max-width: 992px) {
  .tri-grid .tri-form-lg-1 {
    grid-column: span 1; }
  .tri-grid .tri-form-lg-2 {
    grid-column: span 2; }
  .tri-grid .tri-form-lg-3 {
    grid-column: span 3; }
  .tri-grid .tri-form-lg-4 {
    grid-column: span 4; }
  .tri-grid .tri-form-lg-5 {
    grid-column: span 5; }
  .tri-grid .tri-form-lg-6 {
    grid-column: span 6; }
  .tri-grid .tri-form-lg-7 {
    grid-column: span 7; }
  .tri-grid .tri-form-lg-8 {
    grid-column: span 8; }
  .tri-grid .tri-form-lg-9 {
    grid-column: span 9; }
  .tri-grid .tri-form-lg-10 {
    grid-column: span 10; }
  .tri-grid .tri-form-lg-11 {
    grid-column: span 11; }
  .tri-grid .tri-form-lg-12 {
    grid-column: span 12; } }
@media screen and (max-width: 768px) {
  .tri-grid .tri-form-md-1 {
    grid-column: span 1; }
  .tri-grid .tri-form-md-2 {
    grid-column: span 2; }
  .tri-grid .tri-form-md-3 {
    grid-column: span 3; }
  .tri-grid .tri-form-md-4 {
    grid-column: span 4; }
  .tri-grid .tri-form-md-5 {
    grid-column: span 5; }
  .tri-grid .tri-form-md-6 {
    grid-column: span 6; }
  .tri-grid .tri-form-md-7 {
    grid-column: span 7; }
  .tri-grid .tri-form-md-8 {
    grid-column: span 8; }
  .tri-grid .tri-form-md-9 {
    grid-column: span 9; }
  .tri-grid .tri-form-md-10 {
    grid-column: span 10; }
  .tri-grid .tri-form-md-11 {
    grid-column: span 11; }
  .tri-grid .tri-form-md-12 {
    grid-column: span 12; } }
@media screen and (max-width: 576px) {
  .tri-grid .tri-form-sm-1 {
    grid-column: span 1; }
  .tri-grid .tri-form-sm-2 {
    grid-column: span 2; }
  .tri-grid .tri-form-sm-3 {
    grid-column: span 3; }
  .tri-grid .tri-form-sm-4 {
    grid-column: span 4; }
  .tri-grid .tri-form-sm-5 {
    grid-column: span 5; }
  .tri-grid .tri-form-sm-6 {
    grid-column: span 6; }
  .tri-grid .tri-form-sm-7 {
    grid-column: span 7; }
  .tri-grid .tri-form-sm-8 {
    grid-column: span 8; }
  .tri-grid .tri-form-sm-9 {
    grid-column: span 9; }
  .tri-grid .tri-form-sm-10 {
    grid-column: span 10; }
  .tri-grid .tri-form-sm-11 {
    grid-column: span 11; }
  .tri-grid .tri-form-sm-12 {
    grid-column: span 12; } }
@media screen and (max-width: 350px) {
  .tri-grid .tri-form-xs-1 {
    grid-column: span 1; }
  .tri-grid .tri-form-xs-2 {
    grid-column: span 2; }
  .tri-grid .tri-form-xs-3 {
    grid-column: span 3; }
  .tri-grid .tri-form-xs-4 {
    grid-column: span 4; }
  .tri-grid .tri-form-xs-5 {
    grid-column: span 5; }
  .tri-grid .tri-form-xs-6 {
    grid-column: span 6; }
  .tri-grid .tri-form-xs-7 {
    grid-column: span 7; }
  .tri-grid .tri-form-xs-8 {
    grid-column: span 8; }
  .tri-grid .tri-form-xs-9 {
    grid-column: span 9; }
  .tri-grid .tri-form-xs-10 {
    grid-column: span 10; }
  .tri-grid .tri-form-xs-11 {
    grid-column: span 11; }
  .tri-grid .tri-form-xs-12 {
    grid-column: span 12; } }
.tri-breadcrumbTable {
  width: 100%;
  height: auto;}
.tri-breadCrumbContainer {
  width: calc(100% - 60px);
  margin: 20px auto;
  height: auto;}
.tri-breadCrumbContent {
  width: 100%;
  height: auto;}
.tri-breadcrumbCard {
  width: 100%;
  height: auto;
  border: 1px solid #cecece;
  border-radius: 9px;}
.tri-breadcrumbCard a {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  padding: 15px;
  justify-content: center;
  background-color: #fff;
  border-radius: 7px;
  transition: all .15s linear;}
.tri-breadcrumbCard a:hover {
  background-color: #fdfdfd;
  box-shadow: 0 10px 30px 0 rgba(159, 156, 162, .20);
  transform: translateY(-4px);}
.tri-breadcrumbCard a .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;}
.tri-breadcrumbCard a .tri-imageGroup svg {
  width: auto;
  height: 25px;
  fill: #A1A5B7;}
.tri-breadcrumbCard a span {
  white-space: nowrap;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #a1a5b7;}
.tri-cardContainer {
  width: 100%;
  height: auto;
  padding: 15px 20px;
  background-color: var(--tri-color-area);
  border-radius: 7px;}
.tri-cardContainer .tri-cardContent {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;}
.tri-cardContainer .tri-cardContent .tri-rowGroup a.tri-skullanilanlar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  padding: 10px;
  gap: 7px;}
.tri-cardContainer .tri-cardContent .tri-rowGroup a.tri-skullanilanlar .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;}
.tri-cardContainer .tri-cardContent .tri-rowGroup a.tri-skullanilanlar .tri-imageGroup svg {
  height: 14px;
  width: auto;
  fill: #A1A5B7;}
.tri-cardContainer .tri-cardContent .tri-rowGroup a.tri-skullanilanlar span {
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #A1A5B7;
  /*white-space: nowrap;*/}
.tri-cardContainer .tri-cardContent .tri-rowGroup {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: all .15s linear;
  border-radius: 7px;
  /*border: 1px solid black;*/}
.tri-cardContainer .tri-cardContent .tri-rowGroup:hover {
  transform: translateY(-4px);
  background-color: #fdfdfd;
  box-shadow: 0 10px 30px 0 rgba(159, 156, 162, .20);}
.tri-cardContainer .tri-cardContent .tri-rowGroup .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  cursor: pointer;}
.tri-cardContainer .tri-cardContent .tri-rowGroup .tri-imageGroup.tri-active svg {
  fill: #f2c230;
  stroke: #f2c230;}
.tri-cardContainer .tri-cardContent .tri-rowGroup .tri-imageGroup:hover svg {
  fill: #f2c230;
  stroke: #f2c230;}
.tri-cardContainer .tri-cardContent .tri-rowGroup .tri-imageGroup svg {
  height: 20px;
  width: auto;
  stroke: #000;
  stroke-width: 25;
  stroke-linecap: round ;
  stroke-linejoin: round;
  fill: transparent;
  transition: all .15s linear;}
.tri-favoriPage {
  position: fixed;
  z-index: 1;
  top: 25%;
  right: 0;
  padding: 10px 20px 10px 10px;
  background-color: white;
  border-radius: 7px;
  display: flex;
  flex-direction: row;
  gap: 5px;
  align-items: center;
  transform: translateX(30px);
  transition: all .3s linear;}
.tri-favoriPage input {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 12px;
  padding: 4px;
  color: #000;
  border: none;
  background-color: #f5f8fa;
  width: 60px;
  border-radius: 3px;
}
.tri-favoriPageYazi:focus {
  outline: none;
}
.tri-favoriPageYazi {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 16px;
  padding: 3px;
  color: #000;
  border: none;
  background-color: #f5f8fa;
  width: 175px;
  border-radius: 3px;
  text-align: center;
  align-self: center;
}
.tri-favoriPage input:focus {
  outline: none;
}
.tri-favoriPage:hover {
  transform: translateX(0);}
.tri-favoriPage .tri-imageGroup {
  position: relative;
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;}
.tri-favoriPage .tri-imageGroup:hover svg {
  fill: #f2c230;
  stroke: #f2c230;}
.tri-favoriPage .tri-imageGroup.tri-active svg {
  fill: #f2c230;
  stroke: #f2c230;}
.tri-favoriPage .tri-imageGroup svg {
  height: 20px;
  width: auto;
  stroke: #000;
  stroke-width: 25;
  stroke-linecap: round ;
  stroke-linejoin: round;
  fill: transparent;
  transition: all .15s linear;}



.tri-favoriPageOpened {
  right: 0;
  z-index: 999;
  top: 30%;
  position: fixed;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 8px 15px rgba(0,0,0, .15);
  padding: 10px;
  transition: all .3s linear;
  transform: translateX(200px);
}
.tri-favoriPageOpened.tri-active {transform: translateX(0);}
/* Faaliyetler */
section.tri-card-activities {
  width: 100%;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 5px; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent {
  width: 100%;
  height: auto;
  padding: 0 23px; }
@media screen and (max-width: 992px) {
  section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent {
    width: 100%; } }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  position: relative; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard {
  width: auto;
  height: auto;
  position: relative; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroup {
  position: absolute;
  top: 23px;
  right: 0;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .1s ease; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroup svg {
  height: 24px;
  fill: #009EF7;
  transition: fill .1s ease; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroup:hover {
  background-color: #F1FAFF; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroup.tri-active {
  background-color: #F1FAFF; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened {
  z-index: 1;
  width: 200px;
  height: auto;
  background-color: #fff;
  position: absolute;
  right: 0;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  padding: 9px 0 8px 0;
  transform: translateY(0);
  top: 74px;
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform;
  transition-duration: .4s;
  transition-timing-function: ease; }
@media screen and (max-width: 350px) {
  section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened {
    position: fixed;
    width: 100%;
    top: 65px;
    border-radius: inherit; } }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 11px;
  white-space: nowrap;
  color: #a1a5b7;
  margin-left: 15px; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul {
  margin-top: 7px;
  width: 100%;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li {
  width: 100%;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li a {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 15px);
  margin: 0 auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 5px;
  padding: 7px 9px 6px 9px;
  color: #3f4254; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li a .tri-imageGroupp {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li a .tri-imageGroupp svg {
  height: 9px;
  fill: #000; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li a:hover {
  background-color: #f7f9fb;
  color: #38b3f8; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened ul li a:hover svg {
  fill: #38b3f8; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp .activitiesBoard .tri-imageGroupOpened.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translateY(-10px); }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp span.tri-card-baslik {
  margin-top: 28px;
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 600;
  color: #000; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardUp span.tri-card-aciklama {
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  font-weight: 500;
  color: #A1A5B7; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown {
  position: relative;
  width: 100%;
  height: auto;
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  gap: 17px; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown::before {
  content: "";
  width: 3px;
  height: auto;
  background-color: #EFF2F5;
  position: absolute;
  top: 0;
  bottom: 0;
  /*left: 49.8px;*/
  left: 152px;
  margin-top: 30px;
  margin-bottom: 30px; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-left {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-left span.saat {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #000; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-left .yuvarlak {
  position: relative;
  left: 6px;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  border: 3px solid #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-left .yuvarlak::before {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 6px;
  height: 6px;
  border-radius: 100%; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-right {
  width: auto;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-right span.activite {
  font-family: 'Poppins', sans-serif;
  font-size: 13px; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow .tri-right span.activite a {
  font-weight: 600;
  color: #009EF7; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-1 {
  width: auto;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-1 .tri-left .yuvarlak {
  background-color: #FFC700; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-1 .tri-right span.activite {
  font-weight: 500;
  color: #A1A5B7; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-2 {
  width: auto;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-2 .tri-left .yuvarlak {
  left: 10px;
  background-color: #50CD89; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-2 .tri-right span.activite {
  font-weight: 600;
  color: #3F4254; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-3 {
  width: auto;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-3 .tri-left .yuvarlak {
  background-color: #F1416C;
  left: 10px; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-3 .tri-right span.activite {
  font-weight: 600;
  color: #3F4254; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-4 {
  width: auto;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-4 .tri-left .yuvarlak {
  left: 8px;
  background-color: #009EF7; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-4 .tri-right span.activite {
  font-weight: 500;
  color: #A1A5B7; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-5 {
  width: auto;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-5 .tri-left .yuvarlak {
  left: 10px;
  background-color: #F1416C; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-5 .tri-right span.activite {
  font-weight: 600;
  color: #3F4254; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-6 {
  width: auto;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-6 .tri-left .yuvarlak {
  left: 9px;
  background-color: #009EF7; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-6 .tri-right span.activite {
  font-weight: 500;
  color: #A1A5B7; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-7 {
  width: auto;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-7 .tri-left .yuvarlak {
  left: 10px;
  background-color: #F1416C; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-7 .tri-right span.activite {
  font-weight: 600;
  color: #3F4254; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-8 {
  width: auto;
  height: auto; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-8 .tri-left .yuvarlak {
  left: 9px;
  background-color: #50CD89; }
section.tri-card-activities .tri-card-activitiesContainer .tri-card-activitiesContent .tri-cardDown .tri-activitiesRow.type-8 .tri-right span.activite {
  font-weight: 500;
  color: #A1A5B7; }
/* SVG Upload */
.file-area {
  width: 69px;
  position: relative;
  border-radius: 5px; }
.file-area input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer; }
.file-area .file-dummy {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 90px;
  padding: 30px;
  background: rgba(255, 255, 255, 0.2);
  /*border: 2px dashed rgba(255, 255, 255, 0.2);*/
  text-align: center;
  transition: background 0.3s ease-in-out; }
.file-area .file-dummy .success {
  display: none;
  transform: translateY(64px); }
.file-area:hover .file-dummy {
  background: rgba(255, 255, 255, 0.1); }
.file-area input[type=file]:valid + .file-dummy .success {
  display: flex; }
.file-area input[type=file]:valid + .file-dummy .default {
  display: none; }
.w-100 {
  width: 100%!important;}
.d-flex {
  display: flex!important;}
.flex-r {
  flex-direction: row!important;}
/* Header Dropdown Notification */
div.headerNotification {
  width: auto;
  height: auto; }
div.headerNotification .tri-imageGroup {
  width: auto;
  height: 100%;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background-color .1s ease;
  padding: 7px; }
div.headerNotification .tri-imageGroup svg {
  height: 18px;
  fill: #474747;
  transition: fill .1s ease; }
div.headerNotification .tri-imageGroup:hover {
  background-color: #f0f9fe; }
div.headerNotification .tri-imageGroup:hover svg {
  fill: #009ef7; }
div.headerNotification .tri-imageGroup.tri-active {
  background-color: #f0f9fe; }
div.headerNotification .tri-imageGroup.tri-active svg {
  fill: #009ef7; }
div.headerNotification .tri-imageGroupOpened {
  transform: translate(-315px, 30px);
  z-index: 99;
  width: 350px;
  height: auto;
  background-color: #fff;
  position: absolute;
  box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 2px 6px 2px rgb(60 65 67 / 15%);
  border-radius: 5px;
  /*padding: 0 0 8px 0;*/
  visibility: hidden;
  opacity: 0;
  transition-property: opacity, visibility, transform;
  transition-duration: .4s;
  transition-timing-function: ease; }
@media screen and (max-width: 350px) {
  div.headerNotification .tri-imageGroupOpened {
    position: fixed;
    width: 100%;
    top: 65px;
    border-radius: inherit; } }
div.headerNotification .tri-imageGroupOpened .tri-openedUp {
  width: 100%;
  height: 60px;
  position: relative;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;}
div.headerNotification .tri-imageGroupOpened .tri-openedUp span.notification {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 13px;
  white-space: nowrap;
  color: #fff;
  margin-left: 28px;
  position: absolute;
  top: 24px;
  left: 0;}
div.headerNotification .tri-imageGroupOpened .tri-openedUp span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 9px;
  white-space: nowrap;
  color: #fff;
  margin-left: 28px;
  position: absolute;
  top: 28.9px;
  left: 75px;}
div.headerNotification .tri-imageGroupOpened ul {
  width: 100%;
  height: 222px;
  padding: 10px 0 10px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  /*gap: 15px;*/
  overflow-y: auto;}
div.headerNotification .tri-imageGroupOpened ul::-webkit-scrollbar {
  width: 7px;
  background-color: #fff;
  border-radius: 7px; }
div.headerNotification .tri-imageGroupOpened ul::-webkit-scrollbar-thumb {
  background-color: #bbb;
  border-radius: 7px; }
div.headerNotification .tri-imageGroupOpened ul li {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  gap: 10px; }
div.headerNotification .tri-imageGroupOpened ul li:hover {
  background: repeating-linear-gradient(21deg, black, #334eb5 80px);
}
div.headerNotification .tri-imageGroupOpened ul li:hover .tri-notificationCenter a {
  color: #fff;
}
div.headerNotification .tri-imageGroupOpened ul li .tri-notificationLeft {
  width: auto;
  height: auto; }
div.headerNotification .tri-imageGroupOpened ul li .tri-notificationLeft .tri-imageGroupp {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 12px;
  background-color: #f1faff;
  border-radius: 5px; }
div.headerNotification .tri-imageGroupOpened ul li .tri-notificationLeft .tri-imageGroupp svg {
  height: 14px;
  fill: #009ef7; }
div.headerNotification .tri-imageGroupOpened ul li .tri-notificationCenter {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
div.headerNotification .tri-imageGroupOpened ul li .tri-notificationCenter a {
  width: auto;
  height: auto;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 11px;
  white-space: nowrap;
  border-radius: 5px;
  color: #3f4254; }
div.headerNotification .tri-imageGroupOpened ul li a:hover {
  color: #38b3f8; }
div.headerNotification .tri-imageGroupOpened ul li .tri-notificationCenter span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 9px;
  white-space: nowrap;
  color: #b5b5c3;}
div.headerNotification .tri-imageGroupOpened ul li .tri-notificationRight {
  width: auto;
  height: auto;
  white-space: nowrap;}
div.headerNotification .tri-imageGroupOpened a.tri-openedDown {
  width: 100%;
  height: auto;
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-top: 1px solid rgba(181, 181, 195, 0.2);}
div.headerNotification .tri-imageGroupOpened a.tri-openedDown span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 13px;
  white-space: nowrap;
  color: #b5b5c3;}
div.headerNotification .tri-imageGroupOpened a.tri-openedDown .tri-imageGroupp {
  width: auto;
  height: 100%;}
div.headerNotification .tri-imageGroupOpened a.tri-openedDown .tri-imageGroupp svg {
  height: 13px;
  fill: #b5b5c3;}
div.headerNotification .tri-imageGroupOpened.tri-active {
  visibility: visible;
  opacity: 1;
  transform: translate(-315px, 15px); }
@media screen and (max-width: 478px) {
  div.headerNotification .tri-imageGroupOpened.tri-active {
    transform: translate(-260px, 15px); }
}
@media screen and (max-width: 410px) {
  div.headerNotification .tri-imageGroupOpened.tri-active {
    transform: translate(-245px, 15px); }
}
@media screen and (max-width: 380px) {
  div.headerNotification .tri-imageGroupOpened.tri-active {
    width: 330px;
    transform: translate(-226px, 15px);  }
}
table.loading tbody {
  position: relative;}
table.loading tbody:after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1);
  background-image: url(data:image/gif;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  content: "";}
.loading2 {
  position: relative;}
.loading2:after{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 1);
  background-image: url(data:image/gif;base64,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);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 50px 50px;
  content: "";
  z-index: 2;
  border-radius: 10px;
}
.tri-stokSatir {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  background-color: #fff;
  cursor: pointer;
  padding: 10px;
  transition: all .15s ease;}
.tri-stokSatir:hover {
  transform: translateY(10px);
  box-shadow: 0 10px 30px 0 rgba(149, 143, 155, .15);
  background-color: #f9f9f9;}
.tri-stokSatir .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;}
.tri-stokSatir .tri-imageGroup img {
  width: 45px;
  height: 45px;
  border-radius: 50%;}
.tri-stokSatir .tri-stokInfo .tri-stokInfo-1:hover a {
  color: #009ef7;}
.tri-stokSatir .tri-stokInfo .tri-stokInfo-1 a{
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  color: #000;}
.tri-stokSatir .tri-stokInfo .tri-stokInfo-2 span {
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #a1a587;}
.tri-stokSatir .tri-stokInfo .tri-stokInfo-3 span {
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #a1a587;}
.tri-stokSatir .tri-stokInfo .tri-stokRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;}
.tri-stokSatir .tri-stokInfo .tri-stokRow .tri-stokBilgi {
  position: relative;}
.tri-stokSatir .tri-stokInfo .tri-stokRow .tri-stokBilgi .tri-popover {
  visibility: hidden;
  opacity: 0;
  transition: all .15s ease;
  position: absolute;
  z-index: 5;
  top: 0;
  right: 0;
  padding: 10px;
  border-radius: 10px;
  background-color: #fff;
  transform: translate(110px, -50px);}
.tri-stokSatir .tri-stokInfo .tri-stokRow .tri-stokBilgi:hover .tri-popover {
  visibility: visible;
  opacity: 1;
  transform: translate(110px, -30px);}
.tri-stokSatir .tri-stokInfo .tri-stokRow .tri-stokBilgi .tri-popover span {
  font-size: 9px;
  font-weight: 500;
  white-space: nowrap;
  color: #000;
  font-family: "Poppins", sans-serif;}
.tri-stokSatir .tri-stokInfo .tri-stokRow .tri-stokBilgi span.bilgi {
  font-size: 9px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #a1a587;
  padding: 3px 5px;
  background-color: #f5f8fa;
  border-radius: 5px;}
/* İnput File Style */
[type="file"]::-webkit-file-upload-button {
  background: #f5f8fa;
  border: inherit;
  border-radius: 4px;
  color: #5e6278;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  outline: none;
  text-transform: uppercase;
  transition: all 1s ease;}
[type="file"]::-webkit-file-upload-button:hover {background:  gainsboro;}
.tri-galeriEklentisi {
  width: 100%;
  height: auto;}
.tri-galeriEklentisi .tri-galeriEklentisiContainer {
  width: calc(100% - 30px);
  height: auto;
  margin: 0 auto;
  padding: 15px 0;}
.tri-galeriEklentisi .tri-galeriEklentisiContainer .tri-galeriEklentisiContent {
  width: auto;
  height: auto;}
.tri-imgBoxes {
  width: auto;
  height: auto;
  display: none; }
.tri-imgBoxes .tri-images {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;}
.tri-imgBoxes .tri-images .tri-mainImg {
  width: auto;
  height: auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 7px;}
.tri-imgBoxes .tri-images .tri-mainImg .tri-imgBoxesInfo span {
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #000;}
.tri-imgBoxes .tri-images .tri-mainImg .tri-imageGroup{
  width: 270px;
  height: 250px;
  overflow: hidden;
  position: relative;}
.tri-imgBoxes .tri-images .tri-mainImg .tri-imageGroup .img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-image: url("https://trigonerp.com/erp/storage/kcrm/sunum/blok/5.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;}
.tri-imgBoxes .tri-images .tri-mainImg .tri-imageGroup .img2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-image: url("https://trigonerp.com/erp/storage/kcrm/sunum/blok/4.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  right: -100%;
  transition: all .3s linear;}
.tri-imgBoxes .tri-images .tri-mainImg .tri-imageGroup:hover .img2 {
  right: 0;}
.tri-imgBoxes .tri-images .tri-secondImg {
  width: auto;
  height: auto;
  padding: 20px;
  background-color: #fff;
  border-radius: 7px;}
.tri-secondImg svg {
  width: 70px;
  height: 30px;
  fill: #666;
}
.tri-imgBoxes .tri-images .tri-secondImg a.tri-imageGroup {
  width: 270px;
  height: 250px;
  overflow: hidden;}
.tri-imgBoxes .tri-images .tri-secondImg a.tri-imageGroup .tri-img {
  width: 270px;
  height: 250px;
  object-fit: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;}
.tri-imgBoxes .tri-images .tri-secondImg .tri-imgBoxesInfo span {
  font-size: 15px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: #000;}
.tri-imageModalWrapper {
  width: 100%;
  height: 100%;
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  inset: 0;
  z-index: 6;
  background-color: rgba(0, 0, 0, 0.3);
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  padding: 15px;
  transition-property: visibility, opacity;
  transition-duration: .3s;
  transition-timing-function: ease; }
.tri-imageModalWrapper::-webkit-scrollbar {
  display: none; }
.tri-imageModalWrapper.tri-active {
  visibility: visible;
  opacity: 1;}
.tri-imageModalWrapper .tri-imageModalCard {
  position: relative;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-15px);
  width: 1000px;
  height: 570px;
  grid-column: 3;
  grid-row: 3;
  align-self: center;
  justify-self: center;
  transition-property: visibility, opacity, transform;
  transition-duration: .3s;
  transition-timing-function: ease;}
.tri-imageModalWrapper.tri-active .tri-imageModalCard {
  visibility: visible;
  opacity: 1;}
.tri-imageModalWrapper .tri-imageModalCard .tri-imageModalHeader {
  width: 100%;
  height: 30px;
  position: absolute;
  z-index: 2;
  top: -5%;
  right: -52%;}
.tri-imageModalWrapper .tri-imageModalCard .tri-imageModalHeader .tri-imageGroup {
  width: auto;
  height: 30px;
  display: flex;
  flex-direction: column;}
.tri-imageModalWrapper .tri-imageModalCard .tri-imageModalHeader .tri-imageGroup svg {
  width: auto;
  height: 100%;
  fill: #ddd;
  transition: all .15s ease;}
.tri-imageModalWrapper .tri-imageModalCard .tri-imageModalHeader .tri-imageGroup:hover svg {
  fill: #fff;}
.tri-imageModalWrapper .tri-imageModalCard .tri-imageModalSunum {
  display: flex;
  width: 100%;
  height: auto;}
.tri-imageModalWrapper .tri-imageModalCard .tri-imageModalSunum .tri-imageGroup img {
  width: 1083.6px;
  height: 541.8px;}
.dragtable-sortable {
  list-style-type: none; margin: 0; padding: 0; -moz-user-select: none;}
.dragtable-sortable li {
  margin: 0; padding: 0; float: left; font-size: 1em; background: white;}
.dragtable-sortable th, .dragtable-sortable td{
  border-left: 0;}
.dragtable-sortable li:first-child th, .dragtable-sortable li:first-child td {
  border-left: 1px solid #CCC;}
.ui-sortable-helper {
  opacity: 0.7;filter: alpha(opacity=70);}
.ui-sortable-placeholder {
  -moz-box-shadow: 4px 5px 4px #C6C6C6 inset;
  -webkit-box-shadow: 4px 5px 4px #C6C6C6 inset;
  box-shadow: 4px 5px 4px #C6C6C6 inset;
  border-bottom: 1px solid #CCCCCC;
  border-top: 1px solid #CCCCCC;
  visibility: visible !important;
  background: #EFEFEF !important;}
.ui-sortable-placeholder * {
  opacity: 0.0; visibility: hidden;}
::placeholder {color: #bbbbbb;}
:-ms-input-placeholder {color: #bbbbbb;}
::-ms-input-placeholder {color: #bbbbbb;}
.tri-navTab ul.tri-ulTabColumn {
  display: flex;
  flex-direction: column!important;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;}
.tri-navTab ul.tri-ulTabColumn li {
  width: 100%!important;
  text-align: center;
  border-radius: 5px;}
.tri-navTab ul.tri-ulTabColumn li.tri-active span {
  color: #fff!important;}
.tri-navTab ul.tri-ulTabColumn li.tri-active {
  background-color: #009ef7;
  border: none!important;}
.tri-navTab ul.tri-ulTabColumn li:hover {
  background-color: #0095e8;}
.tri-navTab ul.tri-ulTabColumn li:hover span {
  color: #fff!important;}
.tri-cardRow.tab {
  height: 100%!important;}
.tri-cardRow.tab .tri-card {
  height: 100%!important;
  padding: 10px 0!important;}
.tri-cardRow.tab .tri-card .tri-cardContainer {
  height: 100%!important;}


.tri-favoriSec {
  width: auto;
  height: auto;
  position: relative;
}
.tri-favoriSec .tri-favoriSecHead {
  width: auto;
  height: auto;
  cursor: pointer;
  padding: 7px;
}
.tri-favoriSec .tri-favoriSecHead .tri-imageGroup {
  display: flex;
  flex-direction: column;
  width: auto;
  height: auto;
}
.tri-favoriSec .tri-favoriSecHead .tri-imageGroup svg {
  height: 20px;
  width: auto;
  fill: #f2c230;
}
.tri-favoriSec .tri-favoriSecBody {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  transform: translate(-315px, 15px);
}
.tri-favoriSec .tri-favoriSecBody .tri-favoriSecBodyTitle {
  width: 100%;
  height: 75px;
  position: relative;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.tri-favoriSec .tri-favoriSecBody .tri-favoriSecBodyTitle span {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 15px;
  white-space: nowrap;
  color: #fff;
  margin-left: 28px;
  position: absolute;
  top: 24px;
  left: 0;
}
.tri-favoriSec .tri-favoriSecBody.tri-active {
  opacity: 1;
  visibility: visible;
  transform: translate(-315px, 30px);
}
@media screen and (max-width: 768px) {
  .tri-favoriSec .tri-favoriSecBody {
    transform: translate(-160px, 15px);
  }
  .tri-favoriSec .tri-favoriSecBody.tri-active {
    transform: translate(-160px, 30px);
  }
}
.tri-favoriSecBody .tri-favoriSecBodyContainer {
  width: 350px;
  height: auto;
  padding: 15px 20px;
  background-color: #fff;
  overflow: auto;
  max-height: 250px;
  border-radius: 3px;}
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent {
  width: 100%;
  margin: 0 auto;
  height: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 15px;}
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent .tri-favoriSecGroup a.tri-skullanilanlar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  padding: 10px;
  gap: 7px;}
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent .tri-favoriSecGroup a.tri-skullanilanlar .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;}
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent .tri-favoriSecGroup a.tri-skullanilanlar .tri-imageGroup svg {
  height: 14px;
  width: auto;
  fill: #A1A5B7;}
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent .tri-favoriSecGroup a.tri-skullanilanlar span {
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #A1A5B7;
  white-space: nowrap;}
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent .tri-favoriSecGroup {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: all .15s linear;
  border-radius: 3px;
  border-bottom: 1px solid #dedfe6; }
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent .tri-favoriSecGroup:hover {
  transform: translateY(-4px);
  background-color: #fdfdfd;
  border-bottom: 1px solid #fff;
  box-shadow: 0 10px 30px 0 rgba(159, 156, 162, .10);}
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent .tri-favoriSecGroup .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  cursor: pointer;}
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent .tri-favoriSecGroup .tri-imageGroup.tri-active svg {
  fill: #f2c230;
  stroke: #f2c230;}
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent .tri-favoriSecGroup .tri-imageGroup:hover svg {
  fill: #f2c230;
  stroke: #f2c230;}
.tri-favoriSecBody .tri-favoriSecBodyContainer .tri-favoriSecBodyContent .tri-favoriSecGroup .tri-imageGroup svg {
  height: 20px;
  width: auto;
  stroke: #000;
  stroke-width: 25;
  stroke-linecap: round ;
  stroke-linejoin: round;
  fill: transparent;
  transition: all .15s linear;}
.tri-formMainGroup.secilecek-select {
  display: none;
}
.tri-formMainGroup.secilecek-select.tri-active {
  display: block;
}
.backdropsuzModal {
  position: fixed;
  inset: 0;
  background-color: rgba(0,0,0, .8);
  z-index: 999;
  display: flex;
  justify-content: center;
}

.tri-modalCard .tri-imageGroup {
  width: 15px;
  height: auto;
  display: flex;
  flex-direction: column;
  cursor: pointer; }
.tri-modalCard .tri-imageGroup.kapat {
  position: absolute;
  right: 19px;
  top: 19px;}
.tri-modalCard .tri-imageGroup svg.tri-close {
  height: 15px;
  fill: #000;
  transition: fill .3s ease; }
.tri-modalCard .tri-imageGroup:hover svg.tri-close {
  fill: #009EF7; }
.tri-active {
  visibility: visible;
  opacity: 1; }
.tri-active .tri-modalCard {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  border-radius: 7px;
  padding: 25px;}
.tri-active .tri-modalCard .tri-card-dataTable2 .tri-accordionBody .tri-form2Container2  .tri-formMain {
  display: grid;}
.tri-modalCard .tri-card-dataTable2 .tri-accordionBody .tri-form2Container2  .tri-formMain {
  display: none;}


.tri-tb-15 {
  width: 15px;
  min-width: 15px;
  max-width: 15px!important;
}
.tri-tb-40 {
  align-items: flex-start;
  padding-left: 0!important;
  width: 40px;
  min-width: 40px;
  max-width: 40px!important;
}
.tri-tb-60 {
  align-items: flex-start;
  padding-left: 0!important;
  width: 60px;
  min-width: 60px;
  max-width: 60px!important;
}
.tri-tb-80 {
  align-items: flex-start;
  padding-left: 0!important;
  width: 80px;
  min-width: 80px;
  max-width: 80px!important;
}
.tri-tb-120 {
  flex: 1;
  min-width: 120px;
}

.tri-tb-50 {
  flex: 1;
  min-width: 50px;
  /*max-width: 50px;*/
}

.tri-tb-100 {
  width: 100%;
  min-width: 100px;
  /*max-width: 100px;*/
}
.tri-tb-100s {
  width: 100%;
  min-width: 100px;
  max-width: 100px;
}
.tri-tb-110 {
  width: 100%;
  min-width: 110px;
}
.tri-tb-120 {
  width: 100%;
  min-width: 120px;
}
.tri-tb-130 {
  width: 100%;
  min-width: 130px;
}
.tri-tb-140 {
  width: 100%;
  min-width: 140px;
}
.tri-tb-100 {
  width: 100%;
  min-width: 100px;
}
.tri-tb-160 {
  width: 100%;
  min-width: 160px;
}
.tri-tb-150 {
  width: 100%;
  min-width: 150px;
  /*max-width: 150px;*/
}
.tri-tb-150s {
  width: 100%;
  min-width: 150px;
  max-width: 150px;
}
.tri-tb-200 {
  width: 100%;
  min-width: 200px;
}
.tri-tb-190 {
  width: 100%;
  min-width: 190px;
  /*max-width: 190px;*/
}
.tri-tb-250 {
  width: 100%;
  max-width: 250px;
  /*min-width: 250px;*/
}
.tri-tb-300 {
  width: 100%;
  /*max-width: 300px;*/
  min-width: 300px;
}


span.tri-inputTitleInfo {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;
  white-space: nowrap;
  color: #000;
}


form.buformfarkli {
  grid-column: span 6;
  width: 100%;margin: 0;padding: 0 20px;
}
@media screen and (max-width: 992px) {
  form.buformfarkli  {
    grid-column: span 12;
  }}



/* grid card */
.gridCard {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 15px; }
.gridCard .gridCardGroup {
  width: auto;
  height: auto;
  background-color: #2a2a2a;
  padding: 20px;
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  border-radius: 5px; }
.gridCard .gridCardGroup .gCardUp {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
.gridCard .gridCardGroup .gCardUp svg {
  height: 20px;
  fill: #fff; }
.gridCard .gridCardGroup .gCardCenter {
  width: auto;
  height: auto; }
.gridCard .gridCardGroup .gCardCenter span {
  font-family: 'Roboto',sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #fff; }
.gridCard .gridCardGroup .gCardDown {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px; }
.gridCard .gridCardGroup .gCardDown span {
  font-family: 'Roboto',sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #fff; }
.gridCard .gridCardGroup .gCardDown span.depo {
  font-size: 12px; }




.infoCard {
  width: auto;
  height: auto;
  background-color: #2a2a2a;
  padding: 20px;
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-evenly;
  gap: 15px;
  border-radius: 5px; }
.infoCard .infoCardUp {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
.infoCard .infoCardUp svg {
  height: 50px;
  fill: #fff; }
.infoCard .infoCardCenter {
  width: auto;
  height: auto; }
.infoCard .infoCardCenter span {
  font-family: 'Roboto',sans-serif;
  font-size: 25px;
  font-weight: 500;
  color: #fff; }
.infoCard .infoCardDown {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px; }
.infoCard .infoCardDown span {
  font-family: 'Roboto',sans-serif;
  font-size: 17px;
  font-weight: 500;
  color: #fff; }
.infoCard .infoCardDown span.depo {
  font-size: 17px; }
.infoCard.green {
  background-color: #50cd89; }
.infoCard.yellow {
  background-color: #ffc700; }
.infoCard.blue {
  background-color: #009ef7; }
.infoCard.purple {
  background-color: #7239ea; }
.infoCard.ping {
  background-color: #f1416c; }
.infoCard.white {
  background-color: #66d5c3; }






.textAlignCenter {
  text-align: center;
}



/* header swiper */
.swiper {
  width: auto;
  height: 35px;
  margin: inherit!important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  color: var(--tri-doviz-slide);
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.tri-mainNav .tri-rapordown{
  min-width: 200px;
  height: auto;
  position: absolute;
  transform: translate(-57px, 29px);
  z-index: 10;
  box-shadow: 0 0 50px 0 rgba(82, 63, 105, 0.15);
  border-radius: 5px;
  visibility: hidden;
  opacity: 0;
  transition: all .3s ease-in-out;
  background-color: var(--tri-color-HeaderDownColor);
  padding: 12px 13px;
  margin-bottom: 8px;
}
.tri-mainNav .tri-rapordown.tri-active {
  visibility: visible;
  opacity: 1;
}
.tri-mainNav .tri-rapordown.type-2 {
  transform: translate(56px, 29px);
}
.tri-mainNav .tri-rapordown ul {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
}
.tri-mainNav .tri-rapordown ul li {
  width: auto;
  height: auto;
  padding: 0 8px 7px 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.tri-mainNav .tri-rapordown ul li:hover {
  background-color: #f1faff;
}
.tri-mainNav .tri-rapordown ul li:hover a {
  color: #009ef7;
  border-bottom: 1px solid transparent!important;
  background-color: inherit!important;

}
.tri-mainNav .tri-rapordown ul li .tri-imagelar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.tri-mainNav .tri-rapordown ul li .tri-imagelar .tri-imageGroup {
  width: 17px;
  height: auto;
  display: flex;
  flex-direction: column;
  padding: 2px;
  background-color: #f4f7f9;
  border-radius: 5px;
}
.tri-mainNav .tri-rapordown ul li .tri-imagelar .tri-imageGroup:hover {
  background-color: #f1faff;
}
.tri-mainNav .tri-rapordown ul li .tri-imagelar .tri-imageGroup:hover svg {
  fill: #009ef7;
}
.tri-mainNav .tri-rapordown ul li .tri-imagelar .tri-imageGroup svg {
  width: 100%;
  height: auto;
  fill: #a0a4b6 ;
}
.tri-mainNav .tri-rapordown ul li a {
  font-size: 12px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
  color: var(--tri-span-color);
}

span.dtc {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 17.5px;;
  white-space: nowrap;
  color: var(--tri-span-color);
  padding: 15px 10px 0 30px;
}

.indexislemspanlari {
  width: auto;
  height: auto;
  max-height: 90px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.indexislemspanlari::-webkit-scrollbar {
  width: 5px;
  height: 5px; }
.indexislemspanlari::-webkit-scrollbar-thumb {
  background-color: #dee0e1;
  border-radius: 8px; }

.tri-addUser {
  padding: 7px 7px;
  background-color: #fff;
  border: none;
  border-radius: 7px;
  cursor: pointer;
}
.tri-addUser .tri-imageGroup {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.tri-imageGroup svg {
  height: 12px;
  fill: #A1A5B7;
}
.tri-addUser:hover {
  background-color: #e4e6ef;
}
.tri-card-dataTableContent .tri-dataUp .tri-left span {}
.tri-card-dataTableContent .tri-dataUp .tri-right a.tri-button{}
.tri-card-dataTableContent .tri-dataUp .tri-right a.tri-button.type-1{
  color: #fff;
  border-radius: 7px;
  background-color: #50cd89;
}
.tri-card-dataTableContent .tri-dataUp .tri-right a.tri-button.type-1:hover {
  background-color: #47be7d;
}
.tri-card-dataTableContent .tri-dataUp .tri-right a.tri-button.type-2{
  color: #fff;
  border-radius: 7px;
  background-color: #f1416c;
}
.tri-card-dataTableContent .tri-dataUp .tri-right a.tri-button.type-2:hover {
  background-color: #d9214e;
}
.tri-card-dataTableContent .tri-dataUp .tri-right a.tri-button.type-3{
  color: #fff;
  border-radius: 7px;
  background-color: #009ef7;
}
.tri-card-dataTableContent .tri-dataUp .tri-right a.tri-button.type-3:hover {
  background-color: #0095e8;
}
.tri-card-dataTableContent .tri-dataMain .gap {
  gap: 30px;
  display: flex;
  flex-direction: column;
}
.tri-card-dataTableContent .tri-dataMain .tri-up {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 8px;
  gap: 5px;
  border: 1px dashed #e6e0e0;
}
.tri-card-dataTableContent .tri-dataMain .tri-up span.baslik{
  font-size: 12px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  border-bottom: none;
}
.tri-card-dataTableContent .tri-dataMain .tri-up span.baslik.type-1{
  color: #50cd89;
}
.tri-card-dataTableContent .tri-dataMain .tri-up span.baslik.type-2{
  color: #009ef7;
}
.tri-card-dataTableContent .tri-dataMain .tri-up span.baslik.type-3{
  color: #f1416c;
}
.tri-card-dataTableContent .tri-dataMain .tri-up span.para{
  font-size: 26px;
  font-weight: 700;
  color: #3f4254;
  font-family: 'Poppins', sans-serif;
}
.tri-card-dataTableContent .tri-dataMain .tri-up span.para.type-1{}
.tri-card-dataTableContent .tri-dataMain .tri-up span.para.type-2{}
.tri-card-dataTableContent .tri-dataMain .tri-up span.para.type-3{}
.tri-card-dataTableContent .tri-dataMain .tri-down {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
}
.tri-card-dataTableContent .tri-dataMain .tri-down a.tri-button.odeme {
  font-size: 11px;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  color: #fff;
  padding: 13px 25px;
}
.tri-card-dataTableContent .tri-dataMain .tri-down a.tri-button.odeme.type-1 {
  background-color: #50cd89;
}
.tri-card-dataTableContent .tri-dataMain .tri-down a.tri-button.odeme.type-1:hover {
  background-color: #47be7d;
}
.tri-card-dataTableContent .tri-dataMain .tri-down a.tri-button.odeme.type-2 {
  background-color: #009ef7;
}
.tri-card-dataTableContent .tri-dataMain .tri-down a.tri-button.odeme.type-2:hover {
  background-color: #0095e8;
}
.tri-card-dataTableContent .tri-dataMain .tri-down a.tri-button.odeme.type-3 {
  background-color: #f1416c;
}
.tri-card-dataTableContent .tri-dataMain .tri-down a.tri-button.odeme.type-3:hover {
  background-color: #d9214e;
}

button.type-3 {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 7px;
  border: none;
  border-radius: 5px;
  padding: 5.5px 16px;
  max-width: 100%;
  transition: all .3s ease;
  background-color: #009ef7;
}
button.type-3 span {
  font-size: 10.5px;
  font-weight: 500;
  color: #fff;
  font-family: "Poppins", sans-serif;
}
.tri-dataMain .tri-accHead {
  display: flex;
  flex-direction: row;
  align-items: center;
  cursor: pointer;
  justify-content: flex-start;
  gap: 10px;
}
.tri-dataMain .tri-accHead .tri-imageGroup{
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
}
.tri-dataMain .tri-accHead .tri-imageGroup svg {
  width: 6px;
  height: auto;
  transition: all .3s linear;
}
.tri-dataMain .tri-accHead.tri-active .tri-imageGroup svg {
  transform: rotate(90deg);
}
.tri-dataMain .tri-accHead .infoArea{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.tri-dataMain .tri-accHead .infoArea span.title{
  font-size: 13px;
  font-weight: 700;
  color: #000;
  font-family: "Poppins", sans-serif;
}
.tri-dataMain .tri-accHead .infoArea span.info{
  font-size: 10px;
  font-weight: 500;
  color: #A1A5B7;
  font-family: "Poppins", sans-serif;
}
.tri-dataMain .tri-accBody {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: 0;
  overflow: hidden;
  transition: height .3s linear;
  padding-left: 12px;
  padding-top: 10px;
}
.tri-dataMain .tri-accBody span {
  font-size: 13px;
  font-weight: 700;
  color: #A1A5B7;
  font-family: "Poppins", sans-serif;
}
.tri-dataMain .tri-evraklar {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  gap: 20px;
  align-items: center;
  cursor: pointer;
  justify-content: flex-start;
  padding: 10px;
}
.tri-dataMain .tri-evraklar .tri-imageGroup {}
.tri-dataMain .tri-evraklar .tri-imageGroup img{}
.tri-dataMain .tri-evraklar span{
  font-size: 12px;
  font-weight: 600;
  color: #000;
  font-family: 'Poppins', sans-serif;

}
.tri-dataMain .tri-evraklar:hover span{
  color: #009ef7;
}
.tri-dataMain .tri-evrakyukle {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  gap: 20px;
  align-items: center;
  cursor: pointer;
  justify-content: flex-start;
  padding: 10px;
  border: 1px dashed #009ef7;
  background-color: #f1faff;
  border-radius: 7px;
}
.tri-dataMain .tri-evrakyukle .tri-imageGroup {}
.tri-dataMain .tri-evrakyukle .tri-imageGroup img{}
.tri-dataMain .tri-evrakyukle span{
  font-size: 12px;
  font-weight: 600;
  color: #000;
  font-family: 'Poppins', sans-serif;

}
.tri-dataMain .tri-evrakyukle:hover span{
  color: #009ef7;
}

input.tabledakiinput:focus {
  outline: none;
}
input.tabledakiinput {
  background-color: #f5f8fa;
  border-radius: 7px;
  text-align: end;
  border: none;
  padding: 5px 18px 5px 10px;
  color: #969aac;
  font-weight: 600;
  font-size: 11px;
  font-family: "Poppins", sans-serif;
}
.dolulukrengi {
  /*background-image: linear-gradient(to right, #0cff0c ,orange, red);*/
  background-color: #dd642f;

  /*Lollipop background gradient*/
  background-image: linear-gradient(
          -45deg,
          rgba(255, 255, 255, .2) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, .2) 50%,
          rgba(255, 255, 255, .2) 75%,
          transparent 75%,
          transparent
  );

  background-size: 30px 30px;
  animation: move 2s linear infinite;
  box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
  padding : 0!important;

}




.dolulukrengi2 {
  /*background-image: linear-gradient(to right, #0cff0c ,orange, red);*/
  background-color: #ddb42f;

  /*Lollipop background gradient*/
  background-image: linear-gradient(
          -45deg,
          rgba(255, 255, 255, .2) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, .2) 50%,
          rgba(255, 255, 255, .2) 75%,
          transparent 75%,
          transparent
  );

  background-size: 30px 30px;
  animation: move 2s linear infinite;
  box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
  padding : 0!important;

}

.dolulukrengi3 {
  /*background-image: linear-gradient(to right, #0cff0c ,orange, red);*/
  background-color: #c9c82d;

  /*Lollipop background gradient*/
  background-image: linear-gradient(
          -45deg,
          rgba(255, 255, 255, .2) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, .2) 50%,
          rgba(255, 255, 255, .2) 75%,
          transparent 75%,
          transparent
  );

  background-size: 30px 30px;
  animation: move 2s linear infinite;
  box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
  padding : 0!important;

}

.dolulukrengi4 {
  /*background-image: linear-gradient(to right, #0cff0c ,orange, red);*/
  background-color: #89c92d;

  /*Lollipop background gradient*/
  background-image: linear-gradient(
          -45deg,
          rgba(255, 255, 255, .2) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, .2) 50%,
          rgba(255, 255, 255, .2) 75%,
          transparent 75%,
          transparent
  );

  background-size: 30px 30px;
  animation: move 2s linear infinite;
  box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
  padding : 0!important;

}

.dolulukrengi5 {
  /*background-image: linear-gradient(to right, #0cff0c ,orange, red);*/
  background-color: #28B037;

  /*Lollipop background gradient*/
  background-image: linear-gradient(
          -45deg,
          rgba(255, 255, 255, .2) 25%,
          transparent 25%,
          transparent 50%,
          rgba(255, 255, 255, .2) 50%,
          rgba(255, 255, 255, .2) 75%,
          transparent 75%,
          transparent
  );

  background-size: 30px 30px;
  animation: move 2s linear infinite;
  box-shadow: 2px 0 10px inset rgba(0,0,0,0.2);
  padding : 0!important;

}

.findislem {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10px;
  transition: all .3s ease;
  border-radius: 5px;
}
.findislem:hover {
  background-color: #dbe0e3;
}

a.finda {
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: var(--tri-span-color);
}
a.finda:hover {
  background-color: #bbbdbf;
}

a.finda2 {
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  font-size: 12px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #00a6ff;
}
a.finda2:hover {
  background-color: #bbbdbf;
}

.jc {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
  border-radius: 5px;
}
.jc:hover {
  background-color: #dbe0e3;
}


.tri-dropdownHead.blokrengi-1 {
  background-color: #50cd89;
}
.tri-dropdownHead.blokrengi-1 span {
  color: #fff;
}
.tri-dropdownHead.blokrengi-1 svg {
  fill: #fff!important;
}
.tri-dropdownHead.blokrengi-2 {
  background-color: #f1416c;
}
.tri-dropdownHead.blokrengi-2 span {
  color: #fff;
}
.tri-dropdownHead.blokrengi-2 svg {
  fill: #fff!important;
}
.tri-dropdownHead.blokrengi-3 {
  background-color: #f18b41;
}
.tri-dropdownHead.blokrengi-3 span {
  color: #fff;
}
.tri-dropdownHead.blokrengi-3 svg {
  fill: #fff!important;
}
.tri-dropdownHead.blokrengi-4 {
  background-color: #009ef7;
}
.tri-dropdownHead.blokrengi-4 span {
  color: #fff;
}
.tri-dropdownHead.blokrengi-4 svg {
  fill: #fff!important;
}

.tri-dataMain.galeri .tri-grid .tri-imageGroup {
  display: flex;
  flex-direction: column;
  object-fit: cover;
  overflow: hidden;
  padding: 10px;
  background-color: #f2f5f7;
  border-radius: 15px;
  position: relative;

}
.tri-dataMain.galeri .tri-grid .tri-imageGroup img {
  width: 100%;
  height: auto;
  border-radius: 15px;
}
.tabloicindekiresimler img {
  width: 150px;
  height: auto;
}

.hranimated {
  width: 19px;
  height: 19px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-top-color: #009ef7;
  animation-name: infinitRotate;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  display: none;
}
.hranimated.active {
  display: block;
}


/* accordion */
section#accordion {
  width: 100%;
  height: auto; }
section#accordion .container {
  width: 100%;
  height: auto;
  /*max-width: 1863px; */
}
section#accordion .container .content {
  width: 100%;
  height: auto;
  gap: 10px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box; }
section#accordion .container .content .accordion {
  /*margin-top: 5px;*/
  width: 100%;
  /*max-width: 700px;*/
  height: auto;
  border-radius: 10px;
  overflow: hidden; }
section#accordion .container .content .accordion .accordionHead {
  width: 100%;
  height: auto;
  background-color: var(--tri-color-area);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  box-sizing: border-box;
  cursor: pointer; }
section#accordion .container .content .accordion .accordionHead h1 {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: var(--tri-span-color); }
section#accordion .container .content .accordion .accordionHead .imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
section#accordion .container .content .accordion .accordionHead .imageGroup svg {
  height: 16px;
  fill: var(--tri-span-color);
  transition: all .5s ease; }
section#accordion .container .content .accordion .accordionHead:hover {
  background-color: #e9e9e9; }
section#accordion .container .content .accordion .accordionHead.active {
  background-color: #e9e9e9; }
section#accordion .container .content .accordion .accordionHead.active .imageGroup svg {
  transform: rotate(90deg); }
section#accordion .container .content .accordion .accordionBody {
  width: 100%;
  height: 0;
  background-color: var(--tri-color-area);
  transition: var(--AccTransition); }
section#accordion .container .content .accordion .accordionBody .accordionBodyContent {
  width: 100%;
  height: auto;
  padding: 25px;
  box-sizing: border-box; }
section#accordion .container .content .accordion .accordionBody .accordionBodyContent p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #fff; }



input.genelinp {
  width: 100%;
  height: auto;
  font-size: 11px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #5e6278;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  background-color: var(--tri-tablo-search);
  padding: 7px 10px 6px 10px;
}

input.genelinp2 {
  width: 100%;
  height: auto;
  font-size: 11px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  color: #5e6278;
  white-space: nowrap;
  border: none;
  border-radius: 6px;
  background-color: var(--tri-tablo-search);
  padding: 7px 10px 6px 10px;
}
button.genelbtn {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color:  #fff;
  padding: 7.5px 18px;
  border-radius: 5px;
  background-color: #009ef7;
  cursor: pointer;
  transition: background-color .5s ease;
  border: none;
  white-space: nowrap;
  font-family: "Poppins", sans-serif;
  font-size: 10.5px;
  font-weight: 500;
}
button.genelbtn.type-2 {
  background-color: #f1416c;
}
button.genelbtn.green {
  background-color: #1fb92b;
}


span.accRed {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: red!important;
}
span.accGrn {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: #25d925!important;
}
.accGroup {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px dashed #c1c1c1;
  padding: 10px 0;
}
.accGroup:nth-last-child(1) {
  border-bottom: none;
}
.accGroupB {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: var(--tri-color-area);
  padding: 20px;
  border-radius: 5px;
  margin-top: 30px;
}
.accGroup span {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: var(--tri-span-color);
}
.accGroupB span {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: var(--tri-span-color);
}






.tri-accFilter {
  width: calc(100% - 60px);
  margin: 0 auto;
  height: auto;
  border-radius: 10px;
  background-color: var(--tri-color-area); }
.tri-accFilter .tri-dataTableContainer {
  width: auto;
  height: auto; }
.tri-accFilter .tri-dataTableContainer .tri-accordionHead {
  width: 100%;
  height: auto;
  padding: 15px 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
  align-items: center; }
.tri-accFilter .tri-dataTableContainer .tri-accordionHead span {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Poppins', sans-serif;
  color: var(--tri-span-color); }
.tri-accFilter .tri-dataTableContainer .tri-accordionHead .tri-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column; }
.tri-accFilter .tri-dataTableContainer .tri-accordionHead .tri-imageGroup svg {
  width: auto;
  height: 12px;
  transition: all .4s ease; }
.tri-accFilter .tri-dataTableContainer .tri-accordionBody {
  width: 100%;
  height: 0;
  transition: height, .5s ease;
  overflow: hidden; }
.tri-accFilter .tri-dataTableContainer .tri-accordionBody .tri-accordionBodyContent {
  width: 100%;
  height: auto; }



.gnl-imageGroup {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: column;
}
.gnl-imageGroup svg {
  height: 13px;
  fill: #a1a5b7;
}



.gnt-class {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}


@media screen and (max-width: 768px) {
  .md-w100 {
    width: 100%!important;
  }
  .md-mt0 {
    margin-top: 0!important;
  }
  .md-disp-none {
    display: none!important;
  }
  .md-row {
    flex-direction: row!important;
  }
  .md-column {
    flex-direction: column!important;
  }
}


.tri-checkboxRadioArea2 {
  width: auto;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center; }
.tri-checkboxRadioArea2 input {
  display: none;
  /*appearance: none;*/
}
.tri-checkboxRadioArea2 label {
  width: 100%;
  height: auto;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 20px;
  gap: 10px; }
.tri-checkboxRadioArea2 label span.tri-radio {
  display: block;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-color: #eff2f5;
  border-radius: 50%;
  position: relative; }
.tri-checkboxRadioArea2 label span.tri-radio::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #eff2f5;
  border-radius: 50%;
  position: absolute;
  left: 22.5%;
  top: 24%; }
.tri-checkboxRadioArea2 label span.tri-text {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #000; }
.tri-checkboxRadioArea2 input[type="radio"]:checked + label, .tri-checkboxRadioArea2 input[type="checkbox"]:checked + label {
  border: 1px dashed #009cff; }
.tri-checkboxRadioArea2 input[type="radio"]:checked + label span.tri-radio, .tri-checkboxRadioArea2 input[type="checkbox"]:checked + label span.tri-radio {
  background-color: #3699ff; }



ul.add {
  display: flex; flex-direction: row; align-items: center;
}
ul.add li.pageGroup {
  width: auto;
  height: auto;
  padding: 2px 12px;
  border: 1px solid #d9d9d9;
  transition: all .3s ease;
}
li.pageGroup:hover {
  cursor: pointer;
  box-shadow: 0 8px 15px rgb(0, 0, 0, 0.4);
}



span.genelspan {
  font-size: 16px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: var(--tri-span-color);
}


.katlama {
  white-space: nowrap!important;
}

.error {
  white-space: nowrap;
  font-size: 12px;
  color: red!important;

}

ul.tabUp {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  padding: 10px 0;
  border-bottom: 1px solid #d3d3d3;
}
ul.tabUp .line {
  position: absolute;
  bottom: -1px;
  height: 3px;
  background-color: #00a6ff;
  transition: all .4s ease;
}
ul.tabUp li {
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #000;
  padding: 2px 0;
  position: relative;
  cursor: pointer;
}

.tabDown {
  display: none;
}
.tabDown.active {
  display: block;
}


.kayacakTable {
  width: 100%;
  transform: translateX(-100%);
  transition: all .3s linear;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
}
.kayacakTable.tri-active {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.tri-wizard {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  justify-content: center;
}
.yanakaydir {
  transform: translateX(100%);
  visibility: hidden;
  opacity: 0;
  transition: all .3s linear;
  width: calc(100% - 60px);
  margin: 0 auto;
  height: auto;
  gap: 10px;
}
.yanakaydir.tri-active {
  transform: translateX(0);
  visibility: visible;
  opacity: 1;
}
.yanakaydir.tri-deactive {
  transform: translateX(-100%);
  visibility: hidden;
  opacity: 0;
}

.tri-musteriFiltre .tri-mainNav span{
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  color: var(--tri-span-color);
  white-space: nowrap;
}
.tri-musteriFiltre .tri-mainNav {
  width: 100%;
  height: auto;
  grid-column: span 12;
  display: flex;
}
.tri-musteriFiltre {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 7.5px;
  height: 0;
  overflow: hidden;
  transition: all .3s linear;
}

/* Yan Tab */
.tri-navTab ul.tri-ulTabColumn {
  display: flex;
  flex-direction: column!important;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;}
.tri-navTab ul.tri-ulTabColumn li {
  width: 100%!important;
  text-align: center;
  border-radius: 5px;}
.tri-navTab ul.tri-ulTabColumn li span {
  white-space: nowrap;
  font-size: clamp(10px, 2vw, 13px);
  font-weight: 600;
  font-family: 'Poppins', sans-serif; }
.tri-navTab ul.tri-ulTabColumn li.tri-active span {
  color: #fff!important;}
.tri-navTab ul.tri-ulTabColumn li.tri-active {
  background-color: #009ef7;
  border: none!important;}
.tri-navTab ul.tri-ulTabColumn li:hover {
  background-color: #0095e8;}
.tri-navTab ul.tri-ulTabColumn li:hover span {
  color: #fff!important;}


.tri-form {
  display: none;
  width: 100%;
  height: auto;
  visibility: hidden;
  transition: all .15s ease;
  opacity: 0;
  padding: 10px 0; }
.tri-form.tri-active {
  display: block; }
.tri-form.show {
  visibility: visible;
  opacity: 1;
}
nav.tri-navTab ul li {
  width: auto;
  height: auto;
  padding: 6.5px 10px;
  margin-right: 2.5px;
  cursor: pointer;
}

.tri-hesaplaLi {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
}
.tri-hesaplaLi span {
  width: 50%;
  font-size: 13px;
  text-align: center;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: var(--tri-tablo-color);
}
.tri-hesaplaLi input.tri-sirketSayisi {
  width: 50px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 7px;
  font-family: "Poppins", sans-serif;
  background-color: #f5f8fa;
  text-align: center;
  color: #000;
  border: none;
  cursor: pointer;
  position: absolute;
  right: 25%;
  transform: translateX(30%);
}
.tri-hesaplaLi input:focus {
  outline: none;
}
.tri-yazilimAdetleri {
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: var(--tri-tablo-color);
  border: none;
}
.tri-artiliEksiliTd {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  justify-content: center;
}
.tri-artiliEksiliTd svg {
  width: 15px;
  height: auto;
  cursor: pointer;
}
.tri-yazilimIndirimInput {
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  background-color: #f5f8fa;
  border: none;
  height: 25px;
  border-radius: 7px;
  color: black;
  font-size: 12px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-align: center;
  width: 50px;
}
.tri-yazilimIndirimInput:focus {
  outline: none;
}


table.tri-table thead tr {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto; }
table.tri-table thead tr th {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
}
.tri-th-left {
  align-items: flex-start; }
.tri-th-center {
  display: flex;
  justify-content: center;
  align-items: center; }
.tri-th-right {
  align-items: flex-end; }
table.tri-table thead tr th.tri-th-flex-40 {
  flex: 1;
  min-width: 40px; }
table.tri-table thead tr th.tri-th-flex-50 {
  flex: 1;
  min-width: 50px; }
table.tri-table thead tr th.tri-th-flex-60 {
  flex: 1;
  min-width: 60px; }
table.tri-table thead tr th.tri-th-flex-70 {
  flex: 1;
  min-width: 70px; }
table.tri-table thead tr th.tri-th-flex-80 {
  flex: 1;
  min-width: 80px; }
table.tri-table thead tr th.tri-th-flex-90 {
  flex: 1;
  min-width: 90px; }
table.tri-table thead tr th.tri-th-flex-50 {
  flex: 1;
  min-width: 50px; }
table.tri-table thead tr th.tri-th-flex-100 {
  flex: 1;
  min-width: 100px; }
table.tri-table thead tr th.tri-th-flex-110 {
  flex: 1;
  min-width: 110px; }
table.tri-table thead tr th.tri-th-flex-120 {
  flex: 1;
  min-width: 120px; }
table.tri-table thead tr th.tri-th-flex-130 {
  flex: 1;
  min-width: 130px; }
table.tri-table thead tr th.tri-th-flex-140 {
  flex: 1;
  min-width: 140px; }
table.tri-table thead tr th.tri-th-flex-150 {
  flex: 1;
  min-width: 150px; }
table.tri-table thead tr th.tri-th-flex-160 {
  flex: 1;
  min-width: 160px; }
table.tri-table thead tr th.tri-th-flex-170 {
  flex: 1;
  min-width: 170px; }
table.tri-table thead tr th.tri-th-flex-180 {
  flex: 1;
  min-width: 180px; }
table.tri-table thead tr th.tri-th-flex-190 {
  flex: 1;
  min-width: 190px; }
table.tri-table thead tr th.tri-th-flex-200 {
  flex: 1;
  min-width: 200px; }
table.tri-table thead tr th.tri-th-flex-210 {
  flex: 1;
  min-width: 210px; }
table.tri-table thead tr th.tri-th-flex-220 {
  flex: 1;
  min-width: 220px; }
table.tri-table thead tr th.tri-th-flex-230 {
  flex: 1;
  min-width: 230px; }
table.tri-table thead tr th.tri-th-flex-240 {
  flex: 1;
  min-width: 240px; }
table.tri-table thead tr th.tri-th-flex-250 {
  flex: 1;
  min-width: 250px; }
table.tri-table thead tr th.tri-th-flex-260 {
  flex: 1;
  min-width: 260px; }
table.tri-table thead tr th.tri-th-flex-270 {
  flex: 1;
  min-width: 270px; }
table.tri-table thead tr th.tri-th-flex-280 {
  flex: 1;
  min-width: 280px; }
table.tri-table thead tr th.tri-th-flex-290 {
  flex: 1;
  min-width: 290px; }
table.tri-table thead tr th.tri-th-flex-300 {
  flex: 1;
  min-width: 300px; }
table.tri-table thead tr th.tri-th-flex-310 {
  flex: 1;
  min-width: 310px; }
table.tri-table thead tr th.tri-th-flex-320 {
  flex: 1;
  min-width: 320px; }
table.tri-table thead tr th.tri-th-flex-330 {
  flex: 1;
  min-width: 330px; }
table.tri-table thead tr th.tri-th-flex-340 {
  flex: 1;
  min-width: 340px; }
table.tri-table thead tr th.tri-th-flex-350 {
  flex: 1;
  min-width: 350px; }
table.tri-table thead tr th.tri-th-flex-360 {
  flex: 1;
  min-width: 360px; }
table.tri-table thead tr th.tri-th-flex-370 {
  flex: 1;
  min-width: 370px; }
table.tri-table thead tr th.tri-th-flex-380 {
  flex: 1;
  min-width: 380px; }
table.tri-table thead tr th.tri-th-flex-390 {
  flex: 1;
  min-width: 390px; }
table.tri-table thead tr th.tri-th-flex-400 {
  flex: 1;
  min-width: 400px; }
table.tri-table thead tr th.tri-th-flex-500 {
  flex: 1;
  min-width: 500px; }
table.tri-table thead tr th.tri-th-20 {
  min-width: 20px;
  max-width: 20px; }
table.tri-table thead tr th.tri-th-30 {
  min-width: 30px;
  max-width: 30px; }
table.tri-table thead tr th.tri-th-40 {
  min-width: 40px!important;
  max-width: 40px!important; }
table.tri-table thead tr th.tri-th-50 {
  min-width: 50px;
  max-width: 50px; }
table.tri-table thead tr th.tri-th-60 {
  min-width: 60px;
  max-width: 60px; }
table.tri-table thead tr th.tri-th-70 {
  min-width: 70px;
  max-width: 70px; }
table.tri-table thead tr th.tri-th-80 {
  min-width: 80px;
  max-width: 80px; }
table.tri-table thead tr th.tri-th-90 {
  min-width: 90px;
  max-width: 90px; }
table.tri-table thead tr th.tri-th-100 {
  min-width: 100px;
  max-width: 100px; }
table.tri-table thead tr th.tri-th-110 {
  min-width: 110px;
  max-width: 110px; }
table.tri-table thead tr th.tri-th-120 {
  min-width: 120px;
  max-width: 120px; }
table.tri-table thead tr th.tri-th-130 {
  min-width: 130px;
  max-width: 130px; }
table.tri-table thead tr th.tri-th-140 {
  min-width: 140px;
  max-width: 140px; }
table.tri-table thead tr th.tri-th-150 {
  min-width: 150px;
  max-width: 150px; }
table.tri-table thead tr th.tri-th-160 {
  min-width: 160px;
  max-width: 160px; }
table.tri-table thead tr th.tri-th-170 {
  min-width: 170px;
  max-width: 170px; }
table.tri-table thead tr th.tri-th-175 {
  min-width: 175px;
  max-width: 175px; }
table.tri-table thead tr th.tri-th-180 {
  min-width: 180px;
  max-width: 180px; }
table.tri-table thead tr th.tri-th-190 {
  min-width: 190px;
  max-width: 190px; }
table.tri-table thead tr th.tri-th-200 {
  min-width: 200px;
  max-width: 200px; }
table.tri-table thead tr th.tri-th-210 {
  min-width: 210px;
  max-width: 210px; }
table.tri-table thead tr th.tri-th-220 {
  min-width: 220px;
  max-width: 220px; }
table.tri-table thead tr th.tri-th-230 {
  min-width: 230px;
  max-width: 230px; }
table.tri-table thead tr th.tri-th-240 {
  min-width: 240px;
  max-width: 240px; }
table.tri-table thead tr th.tri-th-250 {
  min-width: 250px;
  max-width: 250px; }
table.tri-table thead tr th.tri-th-260 {
  min-width: 260px;
  max-width: 260px; }
table.tri-table thead tr th.tri-th-270 {
  min-width: 270px;
  max-width: 270px; }
table.tri-table thead tr th.tri-th-280 {
  min-width: 280px;
  max-width: 280px; }
table.tri-table thead tr th.tri-th-290 {
  min-width: 290px;
  max-width: 290px; }
table.tri-table thead tr th.tri-th-300 {
  min-width: 300px;
  max-width: 300px; }
table.tri-table thead tr th.tri-th-500 {
  min-width: 500px;
  max-width: 500px; }
table.tri-table tbody tr {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: auto; }
table.tri-table tbody tr th {
  padding: 13px 5px;
  font-size: 11px;
  font-weight: 600;
  color: var(--tri-tablo-head );
}
table.tri-table tbody tr td {
  display: flex;
  flex-direction: column;
  justify-content: center; flex: 1}
table.tri-table tbody tr td span {
  font-size: 10px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: var(--tri-tablo-color);
  cursor: pointer;
}
table.tri-table tbody tr td.tri-td-left {
  align-items: flex-start; }
table.tri-table tbody tr td.tri-td-center {
  align-items: center; }
table.tri-table tbody tr td.tri-td-right {
  align-items: flex-end; }
table.tri-table tbody tr td.tri-td-flex-20 {
  flex: 1;
  min-width: 20px; }
table.tri-table tbody tr td.tri-td-flex-30 {
  flex: 1;
  min-width: 30px; }
table.tri-table tbody tr td.tri-td-flex-40 {
  flex: 1;
  min-width: 40px;
  max-width: 40px;
}
table.tri-table tbody tr td.tri-td-flex-50 {
  flex: 1;
  min-width: 50px; }
table.tri-table tbody tr td.tri-td-flex-60 {
  flex: 1;
  min-width: 60px; }
table.tri-table tbody tr td.tri-td-flex-70 {
  flex: 1;
  min-width: 70px; }
table.tri-table tbody tr td.tri-td-flex-80 {
  flex: 1;
  min-width: 80px; }
table.tri-table tbody tr td.tri-td-flex-90 {
  flex: 1;
  min-width: 90px; }
table.tri-table tbody tr td.tri-td-flex-100 {
  flex: 1;
  min-width: 100px; }
table.tri-table tbody tr td.tri-td-flex-110 {
  flex: 1;
  min-width: 110px; }
table.tri-table tbody tr td.tri-td-flex-120 {
  flex: 1;
  min-width: 120px; }
table.tri-table tbody tr td.tri-td-flex-130 {
  flex: 1;
  min-width: 130px; }
table.tri-table tbody tr td.tri-td-flex-140 {
  flex: 1;
  min-width: 140px; }
table.tri-table tbody tr td.tri-td-flex-150 {
  flex: 1;
  min-width: 150px; }
table.tri-table tbody tr td.tri-td-flex-160 {
  flex: 1;
  min-width: 160px; }
table.tri-table tbody tr td.tri-td-flex-170 {
  flex: 1;
  min-width: 170px; }
table.tri-table tbody tr td.tri-td-flex-180 {
  flex: 1;
  min-width: 180px; }
table.tri-table tbody tr td.tri-td-flex-190 {
  flex: 1;
  min-width: 190px; }
table.tri-table tbody tr td.tri-td-flex-200 {
  flex: 1;
  min-width: 200px; }
table.tri-table tbody tr td.tri-td-flex-210 {
  flex: 1;
  min-width: 210px; }
table.tri-table tbody tr td.tri-td-flex-220 {
  flex: 1;
  min-width: 220px; }
table.tri-table tbody tr td.tri-td-flex-230 {
  flex: 1;
  min-width: 230px; }
table.tri-table tbody tr td.tri-td-flex-240 {
  flex: 1;
  min-width: 240px; }
table.tri-table tbody tr td. {
  flex: 1;
  min-width: 250px; }
table.tri-table tbody tr td.tri-td-flex-260 {
  flex: 1;
  min-width: 260px; }
table.tri-table tbody tr td.tri-td-flex-270 {
  flex: 1;
  min-width: 270px; }
table.tri-table tbody tr td.tri-td-flex-280 {
  flex: 1;
  min-width: 280px; }
table.tri-table tbody tr td.tri-td-flex-290 {
  flex: 1;
  min-width: 290px; }
table.tri-table tbody tr td.tri-td-flex-300 {
  flex: 1;
  min-width: 300px; }
table.tri-table tbody tr td.tri-td-flex-310 {
  flex: 1;
  min-width: 310px; }
table.tri-table tbody tr td.tri-td-flex-320 {
  flex: 1;
  min-width: 320px; }
table.tri-table tbody tr td.tri-td-flex-330 {
  flex: 1;
  min-width: 330px; }
table.tri-table tbody tr td.tri-td-flex-340 {
  flex: 1;
  min-width: 340px; }
table.tri-table tbody tr td.tri-td-flex-350 {
  flex: 1;
  min-width: 350px; }
table.tri-table tbody tr td.tri-td-flex-360 {
  flex: 1;
  min-width: 360px; }
table.tri-table tbody tr td.tri-td-flex-370 {
  flex: 1;
  min-width: 370px; }
table.tri-table tbody tr td.tri-td-flex-380 {
  flex: 1;
  min-width: 380px; }
table.tri-table tbody tr td.tri-td-flex-390 {
  flex: 1;
  min-width: 390px; }
table.tri-table tbody tr td.tri-td-flex-400 {
  flex: 1;
  min-width: 400px;
}
table.tri-table tbody tr td.tri-td-20 {
  min-width: 20px;
  max-width: 20px; }
table.tri-table tbody tr td.tri-td-30 {
  min-width: 30px;
  max-width: 30px; }
table.tri-table tbody tr td.tri-td-40 {
  min-width: 40px;
  max-width: 40px; }
table.tri-table tbody tr td.tri-td-50 {
  min-width: 50px;
  max-width: 50px; }
table.tri-table tbody tr td.tri-td-60 {
  min-width: 60px;
  max-width: 60px; }
table.tri-table tbody tr td.tri-td-70 {
  min-width: 70px;
  max-width: 70px; }
table.tri-table tbody tr td.tri-td-80 {
  min-width: 80px;
  max-width: 80px; }
table.tri-table tbody tr td.tri-td-90 {
  min-width: 90px;
  max-width: 90px; }
table.tri-table tbody tr td.tri-td-100 {
  min-width: 100px;
  max-width: 100px; }
table.tri-table tbody tr td.tri-td-110 {
  min-width: 110px;
  max-width: 110px; }
table.tri-table tbody tr td.tri-td-120 {
  min-width: 120px;
  max-width: 120px; }
table.tri-table tbody tr td.tri-td-130 {
  min-width: 130px;
  max-width: 130px; }
table.tri-table tbody tr td.tri-td-140 {
  min-width: 140px;
  max-width: 140px; }
table.tri-table tbody tr td.tri-td-150 {
  min-width: 150px;
  max-width: 150px; }
table.tri-table tbody tr td.tri-td-160 {
  min-width: 160px;
  max-width: 160px; }
table.tri-table tbody tr td.tri-td-170 {
  min-width: 170px;
  max-width: 170px; }
table.tri-table tbody tr td.tri-td-175 {
  min-width: 175px;
  max-width: 175px; }
table.tri-table tbody tr td.tri-td-180 {
  min-width: 180px;
  max-width: 180px; }
table.tri-table tbody tr td.tri-td-190 {
  min-width: 190px;
  max-width: 190px; }
table.tri-table tbody tr td.tri-td-200 {
  min-width: 200px;
  max-width: 200px; }
table.tri-table tbody tr td.tri-td-210 {
  min-width: 210px;
  max-width: 210px; }
table.tri-table tbody tr td.tri-td-220 {
  min-width: 220px;
  max-width: 220px; }
table.tri-table tbody tr td.tri-td-230 {
  min-width: 230px;
  max-width: 230px; }
table.tri-table tbody tr td.tri-td-240 {
  min-width: 240px;
  max-width: 240px; }
table.tri-table tbody tr td.tri-td-250 {
  min-width: 250px;
  max-width: 250px; }
table.tri-table tbody tr td.tri-td-260 {
  min-width: 260px;
  max-width: 260px; }
table.tri-table tbody tr td.tri-td-270 {
  min-width: 270px;
  max-width: 270px; }
table.tri-table tbody tr td.tri-td-280 {
  min-width: 280px;
  max-width: 280px; }
table.tri-table tbody tr td.tri-td-290 {
  min-width: 290px;
  max-width: 290px; }
table.tri-table tbody tr td.tri-td-300 {
  min-width: 300px;
  max-width: 300px; }


.seciliyazilimfiyat {
  background-color:#f5f8fa;
  border: none;
  border-radius: 5px;
  color: #1f1f20;
  text-align: end;
  font-size: 12px;
  font-weight: 600;
  height: 27px!important;
}
.seciliyazilimfiyat:focus {
  outline: none;
}

.ekhizmetaciklama {
  background-color: #f5f8fa;
  border: none;
  border-radius: 5px;
  color: #1f1f20;
  text-align: start;
  font-size: 12px;
  font-weight: 600;
  height: 27px!important;
}
.ekhizmetaciklama:focus {
  outline: none;
}
.ekhizmetdovizbirimi {

}

.tri-chatGibiBişey {
  max-width: 600px;
  position: fixed;
  height: 0;
  width: 0;
  bottom: 10%;
  right: 1%;
  background-color: white;
  /*min-width: 500px;*/
  padding: 0;
  transition: all .3s linear;
  visibility: hidden;
  opacity: 0;
  border-radius: 10px;
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 65, 67, 0.15);
}
.tri-chatGibiBişey.tri-active {
  /*height: auto;*/
  visibility: visible;
  opacity: 1;
}

.tri-chatGibiBişeyButonu {
  width: auto;
  height: auto;
  padding: 10px;
  position: fixed;
  border-radius: 100%;
  bottom: 10%;
  right: 1%;
  background-color: white;
  cursor: pointer;
}
.tri-chatGibiBişeyButonu svg {
  height: 25px;
}

/*
 * CKEditor 5 (v40.0.0) content styles.
 * Generated on Mon, 13 Nov 2023 13:25:40 GMT.
 * For more information, check out https://ckeditor.com/docs/ckeditor5/latest/installation/advanced/content-styles.html
 */

:root {
  --ck-color-image-caption-background: hsl(0, 0%, 97%);
  --ck-color-image-caption-text: hsl(0, 0%, 20%);
  --ck-color-mention-background: hsla(341, 100%, 30%, 0.1);
  --ck-color-mention-text: hsl(341, 100%, 30%);
  --ck-color-selector-caption-background: hsl(0, 0%, 97%);
  --ck-color-selector-caption-text: hsl(0, 0%, 20%);
  --ck-highlight-marker-blue: hsl(201, 97%, 72%);
  --ck-highlight-marker-green: hsl(120, 93%, 68%);
  --ck-highlight-marker-pink: hsl(345, 96%, 73%);
  --ck-highlight-marker-yellow: hsl(60, 97%, 73%);
  --ck-highlight-pen-green: hsl(112, 100%, 27%);
  --ck-highlight-pen-red: hsl(0, 85%, 49%);
  --ck-image-style-spacing: 1.5em;
  --ck-inline-image-style-spacing: calc(var(--ck-image-style-spacing) / 2);
  --ck-todo-list-checkmark-size: 16px;
}

/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table .ck-table-resized {
  table-layout: fixed;
}
/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table table {
  overflow: hidden;
}
/* @ckeditor/ckeditor5-table/theme/tablecolumnresize.css */
.ck-content .table td,
.ck-content .table th {
  overflow-wrap: break-word;
  position: relative;
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table {
  margin: 0.9em auto;
  display: table;
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  height: 100%;
  border: 1px double hsl(0, 0%, 70%);
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table td,
.ck-content .table table th {
  min-width: 2em;
  padding: .4em;
  border: 1px solid hsl(0, 0%, 75%);
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content .table table th {
  font-weight: bold;
  background: hsla(0, 0%, 0%, 5%);
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir="rtl"] .table th {
  text-align: right;
}
/* @ckeditor/ckeditor5-table/theme/table.css */
.ck-content[dir="ltr"] .table th {
  text-align: left;
}
/* @ckeditor/ckeditor5-table/theme/tablecaption.css */
.ck-content .table > figcaption {
  display: table-caption;
  caption-side: top;
  word-break: break-word;
  text-align: center;
  color: var(--ck-color-selector-caption-text);
  background-color: var(--ck-color-selector-caption-background);
  padding: .6em;
  font-size: .75em;
  outline-offset: -1px;
}
/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break {
  position: relative;
  clear: both;
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break::after {
  content: '';
  position: absolute;
  border-bottom: 2px dashed hsl(0, 0%, 77%);
  width: 100%;
}
/* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
.ck-content .page-break__label {
  position: relative;
  z-index: 1;
  padding: .3em .6em;
  display: block;
  text-transform: uppercase;
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  font-family: Helvetica, Arial, Tahoma, Verdana, Sans-Serif;
  font-size: 0.75em;
  font-weight: bold;
  color: hsl(0, 0%, 20%);
  background: hsl(0, 0%, 100%);
  box-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* @ckeditor/ckeditor5-media-embed/theme/mediaembed.css */
.ck-content .media {
  clear: both;
  margin: 0.9em 0;
  display: block;
  min-width: 15em;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list {
  list-style: none;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li {
  position: relative;
  margin-bottom: 5px;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list li .todo-list {
  margin-top: 5px;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content[dir=rtl] .todo-list .todo-list__label > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: '';
  left: calc( var(--ck-todo-list-checkmark-size) / 3 );
  top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
  width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
  height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
  transform: rotate(45deg);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label .todo-list__label__description {
  vertical-align: middle;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input,
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  cursor: pointer;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > input:hover::before, .ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input:hover::before {
  box-shadow: 0 0 0 5px hsla(0, 0%, 0%, 0.1);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input {
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  width: var(--ck-todo-list-checkmark-size);
  height: var(--ck-todo-list-checkmark-size);
  vertical-align: middle;
  border: 0;
  left: -25px;
  margin-right: -15px;
  right: 0;
  margin-left: 0;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content[dir=rtl] .todo-list .todo-list__label > span[contenteditable=false] > input {
  left: 0;
  margin-right: 0;
  right: -25px;
  margin-left: -15px;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::before {
  display: block;
  position: absolute;
  box-sizing: border-box;
  content: '';
  width: 100%;
  height: 100%;
  border: 1px solid hsl(0, 0%, 20%);
  border-radius: 2px;
  transition: 250ms ease-in-out box-shadow;
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input::after {
  display: block;
  position: absolute;
  box-sizing: content-box;
  pointer-events: none;
  content: '';
  left: calc( var(--ck-todo-list-checkmark-size) / 3 );
  top: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
  width: calc( var(--ck-todo-list-checkmark-size) / 5.3 );
  height: calc( var(--ck-todo-list-checkmark-size) / 2.6 );
  border-style: solid;
  border-color: transparent;
  border-width: 0 calc( var(--ck-todo-list-checkmark-size) / 8 ) calc( var(--ck-todo-list-checkmark-size) / 8 ) 0;
  transform: rotate(45deg);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::before {
  background: hsl(126, 64%, 41%);
  border-color: hsl(126, 64%, 41%);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label > span[contenteditable=false] > input[checked]::after {
  border-color: hsl(0, 0%, 100%);
}
/* @ckeditor/ckeditor5-list/theme/todolist.css */
.ck-editor__editable.ck-content .todo-list .todo-list__label.todo-list__label_without-description input[type=checkbox] {
  position: absolute;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content img.image_resized {
  height: auto;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized img {
  width: 100%;
}
/* @ckeditor/ckeditor5-image/theme/imageresize.css */
.ck-content .image.image_resized > figcaption {
  display: block;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image {
  display: table;
  clear: both;
  text-align: center;
  margin: 0.9em auto;
  min-width: 50px;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 100%;
  height: auto;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline {
  /*
   * Normally, the .image-inline would have "display: inline-block" and "img { width: 100% }" (to follow the wrapper while resizing).;
   * Unfortunately, together with "srcset", it gets automatically stretched up to the width of the editing root.
   * This strange behavior does not happen with inline-flex.
   */
  display: inline-flex;
  max-width: 100%;
  align-items: flex-start;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture {
  display: flex;
}
/* @ckeditor/ckeditor5-image/theme/image.css */
.ck-content .image-inline picture,
.ck-content .image-inline img {
  flex-grow: 1;
  flex-shrink: 1;
  max-width: 100%;
}
/* @ckeditor/ckeditor5-image/theme/imagecaption.css */
.ck-content .image > figcaption {
  display: table-caption;
  caption-side: bottom;
  word-break: break-word;
  color: var(--ck-color-image-caption-text);
  background-color: var(--ck-color-image-caption-background);
  padding: .6em;
  font-size: .75em;
  outline-offset: -1px;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol {
  list-style-type: decimal;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol {
  list-style-type: lower-latin;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol {
  list-style-type: lower-roman;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol {
  list-style-type: upper-latin;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ol ol ol ol ol {
  list-style-type: upper-roman;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul {
  list-style-type: disc;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul {
  list-style-type: circle;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul {
  list-style-type: square;
}
/* @ckeditor/ckeditor5-list/theme/list.css */
.ck-content ul ul ul ul {
  list-style-type: square;
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-yellow {
  background-color: var(--ck-highlight-marker-yellow);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-green {
  background-color: var(--ck-highlight-marker-green);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-pink {
  background-color: var(--ck-highlight-marker-pink);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .marker-blue {
  background-color: var(--ck-highlight-marker-blue);
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-red {
  color: var(--ck-highlight-pen-red);
  background-color: transparent;
}
/* @ckeditor/ckeditor5-highlight/theme/highlight.css */
.ck-content .pen-green {
  color: var(--ck-highlight-pen-green);
  background-color: transparent;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left,
.ck-content .image-style-block-align-right {
  max-width: calc(100% - var(--ck-image-style-spacing));
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left,
.ck-content .image-style-align-right {
  clear: none;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-side {
  float: right;
  margin-left: var(--ck-image-style-spacing);
  max-width: 50%;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-left {
  float: left;
  margin-right: var(--ck-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-align-right {
  float: right;
  margin-left: var(--ck-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-right {
  margin-right: 0;
  margin-left: auto;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content p + .image-style-align-left,
.ck-content p + .image-style-align-right,
.ck-content p + .image-style-side {
  margin-top: 0;
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left,
.ck-content .image-inline.image-style-align-right {
  margin-top: var(--ck-inline-image-style-spacing);
  margin-bottom: var(--ck-inline-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-left {
  margin-right: var(--ck-inline-image-style-spacing);
}
/* @ckeditor/ckeditor5-image/theme/imagestyle.css */
.ck-content .image-inline.image-style-align-right {
  margin-left: var(--ck-inline-image-style-spacing);
}
/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
.ck-content blockquote {
  overflow: hidden;
  padding-right: 1.5em;
  padding-left: 1.5em;
  margin-left: 0;
  margin-right: 0;
  font-style: italic;
  border-left: solid 5px hsl(0, 0%, 80%);
}
/* @ckeditor/ckeditor5-block-quote/theme/blockquote.css */
.ck-content[dir="rtl"] blockquote {
  border-left: 0;
  border-right: solid 5px hsl(0, 0%, 80%);
}
/* @ckeditor/ckeditor5-basic-styles/theme/code.css */
.ck-content code {
  background-color: hsla(0, 0%, 78%, 0.3);
  padding: .15em;
  border-radius: 2px;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-tiny {
  font-size: .7em;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-small {
  font-size: .85em;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-big {
  font-size: 1.4em;
}
/* @ckeditor/ckeditor5-font/theme/fontsize.css */
.ck-content .text-huge {
  font-size: 1.8em;
}
/* @ckeditor/ckeditor5-mention/theme/mention.css */
.ck-content .mention {
  background: var(--ck-color-mention-background);
  color: var(--ck-color-mention-text);
}
/* @ckeditor/ckeditor5-horizontal-line/theme/horizontalline.css */
.ck-content hr {
  margin: 15px 0;
  height: 4px;
  background: hsl(0, 0%, 87%);
  border: 0;
}
/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre {
  padding: 1em;
  color: hsl(0, 0%, 20.8%);
  background: hsla(0, 0%, 78%, 0.3);
  border: 1px solid hsl(0, 0%, 77%);
  border-radius: 2px;
  text-align: left;
  direction: ltr;
  tab-size: 4;
  white-space: pre-wrap;
  font-style: normal;
  min-width: 200px;
}
/* @ckeditor/ckeditor5-code-block/theme/codeblock.css */
.ck-content pre code {
  background: unset;
  padding: 0;
  border-radius: 0;
}
@media print {
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break {
    padding: 0;
  }
  /* @ckeditor/ckeditor5-page-break/theme/pagebreak.css */
  .ck-content .page-break::after {
    display: none;
  }
}