 .jeo-web{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 2;
    max-width: 100%;
  }.jeo-web-LR{
    overflow: hidden;
    flex: none;
    width: 0px!important;
    height: 100%;
    padding: 0px!important;
    z-index: 0;
    transition: all 0.5s;
  }[data-bs-theme="dark"] .tooltip *{
    color: black;
  }[data-bs-theme="dark"]  .btn-close{
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")!important center/1em auto no-repeat



  }[data-bs-theme="light"] .form-select{
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");


  }.is-invalid-border{
    border-color: var(--bs-form-invalid-border-color)!important;
  

  }.jeo-web-center{

    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    max-width: 1000px;
    flex-direction: column;
    background-color: rgba(200,200,200,1);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 1);
    transition: all 0.3s ease-in-out;



  }.jeo-web-Araclar{

    position: absolute;
    left: -60px;
    top: 50px;
    display: flex;
    border-radius: 0px 5px 5px 0px;
    background-color: rgba(200,200,200,1);
    border: 1px solid var(--jeo-border);
    transition: all 0.3s;
    z-index: 1000;


  }.jeo-web-Araclar .jeo-web-Araclar-icerik{
    display: flex;
    flex-direction: column;
    z-index: 5;
    overflow: hidden;
    padding: 10px 8px;

  }.jeo-web-Araclar .Cubuk{
    width: 5px;
    background-color: rgba(80, 80, 80, 1.0);
    border-radius: 0px 5px 5px 0px;



  }.jeo-web-Araclar:hover {
    left: -1px!important;


  }.dark-mode .jeo-web-Araclar{
    background-color: var(--jeo-bg);
    



  }.dark-mode .jeo-web-center{
    background-color: var(--jeo-bg);

  }.dark-mode .jeo-head{
      background-color: var(--jeo-head)!important;

  }.jeo-head-bg{
    background-color: rgb(160,160,160);
  }.dark-mode .jeo-head-bg{
    background-color: var(--jeo-content-bg);

  }.jeo-body{
      overflow: hidden;
      width: 100%;
      height: 1%;
      flex: 1 1 auto;
  }.jeo-body{
      background-color: rgba(200,200,200,1);
  }.dark-mode .jeo-body{
      background-color: var(--jeo-bg);

  }.jeo-footer{
      background-color: rgba(160,160,160,1);
      border-top: 2px solid rgba(100,100,100,1);
      margin: 0px auto;
      overflow: hidden;
      width: 100%;
      height: 40px;
      display: flex;
      justify-content: space-around;
      border-bottom: none!important;
  }.dark-mode .jeo-footer{
      border-top: 2px solid rgba(35,35,49,1);
      background-color: var(--jeo-head);
  }.jeo-footer .active{
     background-color:  rgba(100,100,100,1)!important;

  }.dark-mode .jeo-footer .active{
     background-color:  rgba(35,35,49,1)!important;
  }.jeo-footer .nav-link{ 
    min-width: 15%;
    padding: 0px 15px!important; 
    font-size: 20px!important;
    margin: 0px;
    height: 35px; 
    border-radius: 0px 0px 10px 10px!important;
    border: none!important;
    background-color: transparent;
    color: rgb(30,30,30);
  }.jeo-footer .nav-link:hover{
      background-color: rgba(100,100,100,1);
  }.dark-mode  .jeo-footer .nav-link:hover{
      background-color: rgba(30,30,40,1);

      
  }.jeo-footer[data-hangibolum="1"] #nav-home2-tab, .jeo-footer[data-hangibolum="1"] #nav-home3-tab{
    display: none;
  }.jeo-footer[data-hangibolum="2"] #nav-home1-tab, .jeo-footer[data-hangibolum="2"] #nav-home3-tab{
    display: none;
  }.jeo-footer[data-hangibolum="3"] #nav-home1-tab, .jeo-footer[data-hangibolum="3"] #nav-home2-tab{
    display: none;

  }.modal{
    background-color: rgba(0, 0, 0,0.5);
  }.jeo-navs{
      margin: 0px auto; 
      width: 100%; 
      grid-gap: 5px 10px;
      padding-left: 10px;
      padding-right: 10px; 
  }.dark-mode .jeo-navs{
      background-color:transparent;

   
  }.jeo-navs .nav-link{  
    background-color: rgba(0,0,0,.1);
    color: black;
    padding: 3px 15px!important; 
    margin: 0px;  
    border: none!important; 
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; 
    
  }.dark-mode .jeo-navs .nav-link{
    color: rgb(200,200,200)!important;
    background-color: rgba(35,35,45,1);

  }.jeo-navs-radius{
      padding: 5px 15px 0px 15px!important; 
  }.jeo-navs-radius>.nav-link{
    border-radius: 6px 6px 0px 0px!important;

  }.jeo-navs .active{
    background-color: rgba(0,0,0,.2)!important;
    color: black!important;
  }.dark-mode .jeo-navs .active{
    background-color: var(--jeo-content-bg)!important;

  }.jeo-navs .nav-link:hover{
    background-color: rgba(0,0,0,.2);
  }.dark-mode .jeo-navs .nav-link:hover{
    background-color: rgba(25,25,35,1);

  }.jeo-content-radius{
    background-color: transparent!important;
    padding: 0px 4px;
  }.jeo-content-radius>.tab-pane{
    border-radius: 6px;
    background-color: rgba(0,0,0,.2);
  }.dark-mode .jeo-content-radius>.tab-pane{
    background-color: var(--jeo-content-bg); 
  }.jeo-content-bg{
    background-color: rgba(0,0,0,.1); 
  }.dark-mode .jeo-content-bg{
    background-color: var(--jeo-content-bg); 



  }.overflow{  
    overflow-y: auto;

  }.height100{ 
    height: 100%;
  }.height100>.tab-pane{ 
    height:100%;
  }.content-overflow{
   /* position: absolute; */
    width: 100%;
  }.content-overflow>.tab-pane{  
   /* overflow-y: auto; */
  }.input-group>*{ 
    padding: 2px 5px;




  }.custom-select,
  .custom-file-label,
  .custom-file-label::after,
  .input-group-text {
    background-color: rgba(0,0,0,0.1);
  }.form-control,
   .form-select,
   .custom-control-label::before{
    background-color: rgba(210,210,210,1);
  }.form-control:not(.form-control-navbar):not(.is-invalid):not(:focus) {
    border-color: var(--jeo-input-group-border);

  }.dark-mode input::placeholder{
    color: rgb(120, 120, 120);
    font-size: 10pt;


  }.input-group-text,.form-select, .input-group .btn {
    border-color: var(--jeo-input-group-border);
  }.form-select:focus,.form-control:focus{  
    background-color: rgba(255,255,255,0.7);
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.2); 
    color: black;
   

  }.dark-mode .custom-select,
  .dark-mode .custom-file-label,
  .dark-mode .custom-file-label::after,
  .dark-mode .input-group-text {
    background-color: var(--jeo-input-group-text);
  }.dark-mode .form-control,
   .dark-mode .form-select,
   .dark-mode .custom-control-label::before{
    background-color: var(--jeo-form-control);
  }.dark-mode .form-control:not(.form-control-navbar):not(.is-invalid):not(:focus) {
    border-color: var(--jeo-input-group-border);

  }.dark-mode .input-group-text,.dark-mode .form-select, .input-group .btn {
    border-color: var(--jeo-input-group-border);
  }.dark-mode .form-select:focus, .dark-mode  .form-control:focus{ 
    background-color: rgb(60,60,70); 
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.2); 
    color: #eee;
   
  }.dark-mode .position-fixed .toast{ 
    background-color:  rgba(32,80,100,1);
    border:1px solid rgba(255,255,255,.3);
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 35%);
  }.dark-mode .position-fixed .toast-header{ 
    background-color:  rgba(0,0,0,.2);
    border-bottom:1px solid rgba(255,255,255,.2);
  }.dark-mode .position-fixed .toast-body{

  }.dark-mode .position-fixed .toast-footer{  
    border-top:1px solid rgba(255,255,255,.2);
    padding: 0.5rem;
    word-wrap: break-word;
    background-color:  rgba(0,0,0,.2);
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    display: flex;
    justify-content: flex-end;
  }#SptCheck-Table{
    background-color: white;
  }#SptCheck-Table  th,#SptCheck-Table  td{
      border: 1px solid black;
      text-align: center;
      color: black;
  }#toast-container > div {
    color: #FFFFFF;
    opacity: 0.99;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99);
    filter: alpha(opacity=99);

  }#toast-container .btn {
    margin-top: 10px;
    margin-bottom: -5px;
    border: none;



  /*
  }.select-search .form-control{ 
    padding-right: 25px;
  }.select-search::after{   
    display: block;
    margin-top: 5px;
    margin-left: -25px;
    flex-shrink: 0;
    left: 0px;
    width: 25px;
    height: 20px;
    content: "";
    border-radius: 5px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); 
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.3s ease-in-out;
    z-index: 5

  }.select-search .dropdown-menu{ 
  max-height: 200px; 
  overflow-y: auto;  
  background-color: #eee;



   */



  }.PanelAciliyor{ 
    width: 100%;
    height: 100%; 
    display: flex;
    align-items: center; 
  }.PanelAciliyor .Yukleniyor{ 
    text-align: center;
    width: 100%; 

  }.ModalAciliyor{ 
    font-size: 20px;
    padding: 20px;
    text-align: center;


  }.lds-facebook {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-facebook div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #fed;
    animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  }
  .lds-facebook div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
  }
  .lds-facebook div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
  }
  .lds-facebook div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
  }
  @keyframes lds-facebook {
    0% {
      top: 8px;
      height: 64px;
    }
    50%, 100% {
      top: 24px;
      height: 32px;
    }



  }.dropdown-menu{
    padding: 0px; 
  }.dark-mode .dropdown-menu{
    background-color: var(--jeo-head);
    border: 1px solid var(--jeo-border);

  } .dropdown-divider{ 
    margin: 0px!important;
  }.dark-mode .dropdown-divider{ 
    border-color: #aaa;
  }.dropdown-menu .dropdown-item:hover{
    cursor: pointer;
  }.dark-mode .dropdown-menu .dropdown-item:hover{
    background-color: var(--jeo-head-hover);
    color: #eee; 

  }.jeo-dropmenu-i .dropdown-item{
    padding-left: 1.75rem;
  }.jeo-dropmenu-i i{
     width: 1.35rem;
     margin-left: -1.35rem;
     font-size: 13px!important;

  }.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.05rem rgba(13, 110, 253, 0.25);
   


  }.form-check-input {
    background-color: #ababab;
    border-color: #ababab;
    cursor: pointer;
    font-size: 14pt;


  }.form-check-input:checked {
    background-color: #083578;
    border-color: #083578;


  }.btn-new{
    display: none;
  }.btn-show .btn-old{
    display: none; 
  }.btn-show .btn-new{
    display: inline-block;

  }.KayitEdiyor{
    pointer-events: none;
    position: relative;
    width: 120px;

  }.KayitEdiyor::after{
    content: 'Kaydediliyor...';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0px;
    top: 0px;
    bottom: 0px;
    right: 0px;

    background-color: rgba(32,80,100,1)!important;

/*
  }.karotOtoDiv{
    display: flex;
    position: relative;
    justify-content: space-between;
  }.karotOtoDiv input{
    width: 48%!important;
  }.karotOtoDiv .form-check{
    position: absolute;
    left: calc(50% - 20px);
    display: none;
  }.karotOtoDiv:hover .form-check{
    display: block;


  }.karotOtoDiv::before{
    content: "";
    position: absolute;
    top: -6px;
    width: 10px;
    bottom: -6px;
    left: calc(50% - 1px);
    border-left: 1px solid var(--jeo-border);

    pointer-events: none;


 
  }.karotOtoDiv .form-check-input:checked {
    background-color: blue!important;
    border-color: #083578;

  }.karotOtoDiv .dsapleyap{
    position: absolute;
    background-color: transparent;
    top: 0;
    bottom: 0px; 
    opacity: 0.2; 
    left: 50%;
    width: 0px;
    transition: all 0.3s linear;
  }.krtOtomatik .dsapleyap{
    background-color: blue;
    left: 0px;
    width: 100%;
    */

  }.ModeDegis{
    position: relative;
  }.ModeDegis .fa-sun{
    position: absolute;
    color: yellow;
    opacity: 1;
    top: 4px;
    transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out ;
  }.dark-mode .ModeDegis .fa-sun{
    opacity: 0;
    top: 40;

  }.ModeDegis .fa-moon{
    position: absolute;
    opacity: 0;
    top: -30px;
    transition: top 0.3s ease-in-out, opacity 0.3s ease-in-out ;
  }.dark-mode .ModeDegis .fa-moon{
    opacity: 1;
    top:4px;

  }.ModeDegis .fa-eye{
    opacity: 0;

  }.row{
    margin: 0px;
    padding: 0px 4px;
  }.row>*{
    padding: 0px 4px;
  }.colmt-1>*{
    margin-top: 10px;
  }.colmt-15>*{
    margin-top: 15px;
  }.colmt-2>*{
    margin-top: 20px;
   
  }.modal-content{
    background-color:rgba(180,180,180,1);
    box-shadow: 0px 0px 40px rgba(0,0,10,1);  

  }.dark-mode .modal-content{
    background-color: var(--jeo-bg);
    border: 1px solid var(--jeo-border);
    box-shadow: 0px 0px 30px rgba(150,150,13,.1);

    -webkit-animation: modalcont 5s infinite;
    -o-animation: modalcont 5s infinite;
    animation: modalcont 5s infinite;

  }@keyframes modalcont{
     20%{box-shadow: 0px 0px 30px rgba(150,150,13,.1);}
     70%{box-shadow: 0px 0px 50px rgba(150,150,13,.15);}



  }.modal-header{
    padding: .4rem 1rem;
    background-color:rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.4)
  }.dark-mode .modal-header{
    border-bottom: 1px solid var(--jeo-border);
    background-color: var(--jeo-content-bg)

  }.dialog-sil{
    box-shadow: 0px 0px 10px rgba(220,53,69,1)!important;
  }.modal-body{
      padding: 0rem;
  }.modal-body iframe{
    width: 100%;
    height: 100%;

  }.modal-footer{
    padding: 0.3rem 0.75rem;
    background-color:rgba(0,0,0,.2);
    border-top: 1px solid rgba(0,0,0,.4)
  }.dark-mode .modal-footer{
    border-top: 1px solid var(--jeo-border);
    background-color: var(--jeo-content-bg)


  }.altyazbuton{
  background-color: red;
  height: 50px;
  width: 100%;
  position: absolute;
  bottom: 0px;

  /* -------------------  BENİM UYDURDUKLARIM  ------------------------- */

  

  }.scrollbar2::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }.scrollbar2::-webkit-scrollbar-track {
    background-color: rgba(0,150,0,0.4); 
    border-radius: 5px; 
    padding: 5px 0px;
  }.scrollbar2::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,0.5);
    width: 8px;
    border-radius: 5px; 
  }.scrollbar2::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,0.25);

  }.border-t{
    border-top: 1px solid var(--jeo-table-border);
  }.border-r{
    border-right: 1px solid var(--jeo-table-border);
  }.border-l{
    border-left: 1px solid var(--jeo-table-border);
  }.border-b{
    border-bottom: 1px solid var(--jeo-table-border);

  }.bust{
    border-top: 1px solid var(--jeo-table-border);
  }.bsag{
    border-right: 1px solid var(--jeo-table-border);
  }.bsol{
    border-left: 1px solid var(--jeo-table-border);
  }.balt{
    border-bottom: 1px solid var(--jeo-table-border);
  }.btum{
    border: 1px solid var(--jeo-table-border);





  }.colapseOk{
   padding-left: 1.25rem; 
  }.colapseOk::before {
    position: absolute;
    display: block;
    flex-shrink: 0;
    left: 0px;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    border-radius: 5px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230B408C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");*/
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.3s ease-in-out;

  }.collapsed .colapseOk::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230B408C'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-90deg);

  }.col6{
    width: 50%!important; 

  }.jeo-page{
    position: relative;
    height: 100%;
  }.jeo-page .body{
    height: 100%;
  }.page{
    display: flex;
    flex-direction: column;
    height: 100%;
  }.page-head{
    display: flex;
    justify-content: space-between;
    width: 100%;
    background-color: rgba(0,0,0,0.2);
    border-bottom: 1px solid var(--jeo-border);
    background-clip: border-box;
  }.head-shadow{
    box-shadow: 0px 15px 15px -15px #000; 

  }.page-head>div{
    display: flex;
    flex-wrap: nowrap;
    padding: 5px 10px;
    grid-gap: 10px;
    align-items: center;
    white-space: nowrap; /* alt satıra hiç inme */


  }.page-head i{
    font-size: 16px;
    align-items: center;


  }.head-left{ 
    justify-content: flex-start;
  }.head-center{
    flex: 1 1 auto;
    justify-content: center;
    text-align: center;
  }.head-right{
    justify-content: flex-end;  

  }.page-body{
    position: relative;
    display: flex;
    flex-direction: column;  
  }.page-top{
  }.page-footer{
    position: relative;
    height: 100%!important;



  }.ff-arial *{
    font-family: arial;
  }.ff-calibri *{
    font-family: Calibri;
  }.ff-times, .ffa-times *{
    font-family: times!important;
  }.ff-symbol{
    font-family: symbol!important;
  }.fs-6, .fs-6-all *{
    font-size: 6pt;
  }.fs-7, .fs-7-all *{
    font-size: 7pt;
  }.fs-75,.fs-75-all *{
    font-size: 7.5pt;
  }.fs-8, .fs-8-all *{
    font-size: 8pt;
  }.fs-9, .fs-9-all *{
    font-size: 9pt;
  }.fs-10{
    font-size: 10pt;
  }.fs-11{
    font-size: 11pt;
  }.fs-12{
    font-size: 12pt;
  }.copyMode .fs-6 sup,.copyMode .fs-6 sub, .copyMode .fs-6-all sup,.copyMode .fs-6-all sub, .supb .fs-6 sup,.supb .fs-6 sub{
    font-size: 9pt!important;
  }.copyMode .fs-7 sup,.copyMode .fs-7 sub, .copyMode .fs-7-all sup,.copyMode .fs-7-all sub, .supb .fs-7 sup,.supb .fs-7 sub{
    font-size: 9pt!important;

  }.copyMode .fs-75 sup,.copyMode .fs-75 sub, .copyMode .fs-75-all sup,.copyMode .fs-75-all sub, .supb .fs-75 sup,.supb .fs-75 sub{
    font-size: 9.5pt!important;

  }.copyMode .fs-8 sup,.copyMode .fs-8 sub, .copyMode .fs-8-all sup,.copyMode .fs-8-all sub, .supb .fs-8 sup,.supb .fs-8 sub{
    font-size: 10pt!important;
  }.copyMode .fs-9 sup,.copyMode .fs-9 sub, .copyMode .fs-9-all sup,.copyMode .fs-9-all sub, .supb .fs-9 sup,.supb .fs-9 sub, .supb .fs-9-all sup,.supb .fs-9-all sub{
    font-size: 11pt!important;

  }.copyMode .fs-10 sup,.copyMode .fs-10 sub, .copyMode .fs-10-all sup,.copyMode .fs-10-all sub, .supb .fs-10 sup,.supb .fs-10 sub, .supb .fs-10-all sup,.supb .fs-10-all sub{

    font-size: 12pt!important;






  }.fs-10.bg-white h4{
    font-size: 10pt!important;

  }.jeo-card{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    border-radius: 15px; 
  }.jeo-card .head{
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-radius: 5px 5px 0px 0px;
    background-color: rgba(170,170,175);
    border:1px solid var(--jeo-border);
    padding: 5px;
  }.dark-mode .jeo-card .head{
    background-color: var(--jeo-content-bg);

  }.jeo-card .footer >div, .jeo-card .head >div{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    white-space: nowrap; /* alt satıra hiç inme */
  }.jeo-card .body{
    width: 100%;
    border-left:1px solid var(--jeo-border);
    border-right:1px solid var(--jeo-border);
    background-color: rgba(0,0,0,0.15);
  }.jeo-card .footer{
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: rgba(170,170,175);
    border-radius: 0px 0px 5px 5px;
    border:1px solid var(--jeo-border);
    padding: 5px;
  }.dark-mode .jeo-card .footer{
    background-color: var(--jeo-content-bg);
  }.jeo-card .center{
    width: 100%;


  }.card{
  }.dark-mode .card{
    background-color: var(--jeo-form-control);
    border: 1px solid var(--jeo-border);
  }.card-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: rgba(0,0,0,0.2)!important;
    border-bottom: 1px solid var(--jeo-border);
  }.card-footer{
    background-color: rgba(0,0,0,0.2)!important;
    border-top: 1px solid var(--jeo-border);


  }.card-2{
    background-color: rgba(0, 0, 0, 0.05)! important;
  }.dark-mode .card-2 {
    background-color: rgba(0, 0, 0, 0.05)! important;
  }.card-2 .card-header{
    background-color: rgba(0, 0, 0, 0.1)! important;
    border: none;
  }.card-2 .card-body{
    border-top: 1px solid var(--jeo-border);
  }.card-2 .card-footer{
    background-color: rgba(0, 0, 0, 0.1)! important;

  }.mause-move{ 
    cursor: move;

  }.card-header-move .card-header{
    cursor: move!important;

  }.card-sm .card-header{
    padding: 0px 5px;
  }.card-sm .card-body{
    padding: 0px;
  }.card-sm .card-footer{
    padding: 0px 5px;


  }.ImgLoading{
    display: none;
  }.ImgLoad .ImgLoading{
    display: flex; 
    justify-content: center;
    align-items: center;
    padding: 8px;
    background-color: rgba(0,0,0,0.6);
    font-size: 20px;
    text-align: center;
    position: absolute; 
    font-weight: bold;
    top:0px; right:0px; left: 0px; bottom: 0px; 
    z-index: 6;
    border-radius: 3px;

  }.Loading{
    display: flex; 
    justify-content: center;
    align-items: center;
    padding: 8px;
    background-color: rgba(0,0,0,0.6);
    font-size: 20px;
    text-align: center;
    position: absolute; 
    font-weight: bold;
    top:0px; right:0px; left: 0px; bottom: 0px; 
    z-index: 6;
    border-radius: 3px;


  }.ImgDelete .ImgDeleteBtn{
    display: none;

  }.color-danger{
    color:#dc3545!important;
  }.color-save{
    color: rgba(32,80,100,1)!important;
  }.color-success{
    color:#198754!important;

  }.jeo-text .jeo-title{
    overflow: hidden;    /*taşanları gizle */
    white-space: nowrap; /* alt satıra hiç inme */
    text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
    font-size: 11pt;
    margin-top: -10px;
    margin-bottom: -3px;
    padding: 0px 3px;
    width: 100%;
    border: none;
    background-color: transparent!important;

  }.jeo-text .form-control,.jeo-text .form-select{
      border-top-left-radius:0.2rem!important;
      border-bottom-left-radius: 0.2rem!important;

  }.jeo-text-600 .jeo-title{
    min-width: 100px;
    overflow: hidden;    /*taşanları gizle */
    white-space: nowrap; /* alt satıra hiç inme */
    text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */

  }.jeo-text-700 .jeo-title{
    min-width: 100px;
    overflow: hidden;    /*taşanları gizle */
    white-space: nowrap; /* alt satıra hiç inme */
    text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */

  }.nextsk{  
    display: flex;
    justify-content:center; 
    max-width: 100%;
  }.nextsk .form-select{
    min-width: 120px;
    text-align: center;


  }@media (max-height: 1000px){
   /* .content-overflow {position: block;width: 100%;height: auto;}*/
   /* .content-overflow>.tab-pane{overflow-y: hidden;height: auto;}*/
    .body-overflow{overflow-y: auto; height: 100%;}
    .body-overflow .page-footer{height: auto;}
  }


  .col-700-1{ width: 100%;
  }.col-700-2{ width: 100%;
  }.col-700-3{ width: 100%;
  }.col-700-4{ width: 100%;
  }.col-700-5{ width: 100%;
  }.col-700-6{ width: 100%;
  }.col-700-7{ width: 100%;
  }.col-700-8{ width: 100%;
  }.col-700-9{ width: 100%;
  }.col-700-10{ width: 100%;
  }.col-700-11{ width: 100%;
  }.col-700-12{ width: 100%;

  }.miw-20{ min-width: 20px;
  }.miw-30{ min-width: 30px;
  }.miw-40{ min-width: 40px;
  }.miw-50{ min-width: 50px;
  }.miw-60{ min-width: 60px;
  }.miw-70{ min-width: 70px;
  }.miw-80{ min-width: 80px;
  }.miw-90{ min-width: 90px;
  }.miw-100{ min-width: 100px;
  }.miw-110{ min-width: 110px;
  }.miw-120{ min-width: 120px;
  }.miw-130{ min-width: 130px;
  }.miw-140{ min-width: 140px;
  }.miw-150{ min-width: 150px;
  }.miw-160{ min-width: 160px;
  }.miw-170{ min-width: 170px;
  }.miw-180{ min-width: 180px;
  }.miw-190{ min-width: 190px;
  }.miw-200{ min-width: 200px;
  }.miw-220{ min-width: 220px;
  }.miw-240{ min-width: 240px;
  }.miw-260{ min-width: 260px;
  }.miw-280{ min-width: 280px;
  }.miw-300{ min-width: 300px;
  }.miw-320{ min-width: 320px;
  }.miw-340{ min-width: 340px;
  }.miw-360{ min-width: 360px;
  }.miw-380{ min-width: 380px;
  }.miw-400{ min-width: 400px;
  }.miw-420{ min-width: 420px;
  }.miw-440{ min-width: 440px;
  }.miw-460{ min-width: 460px;
  }.miw-480{ min-width: 480px;
  }.miw-500{ min-width: 500px;


  }.mw-20{ max-width: 20px;
  }.mw-30{ max-width: 30px;
  }.mw-40{ max-width: 40px;
  }.mw-50{ max-width: 50px;
  }.mw-60{ max-width: 60px;
  }.mw-70{ max-width: 70px;
  }.mw-80{ max-width: 80px;
  }.mw-90{ max-width: 90px;

  }.mw-110{ max-width: 110px;
  }.mw-120{ max-width: 120px;
  }.mw-130{ max-width: 130px;
  }.mw-140{ max-width: 140px;
  }.mw-150{ max-width: 150px;
  }.mw-160{ max-width: 160px;
  }.mw-170{ max-width: 170px;
  }.mw-180{ max-width: 180px;
  }.mw-190{ max-width: 190px;
  }.mw-200{ max-width: 200px;
  }.mw-250{ max-width: 220px;
  }.mw-250{ max-width: 240px;
  }.mw-250{ max-width: 260px;
  }.mw-250{ max-width: 280px;
  }.mw-300{ max-width: 300px;
  }.mw-350{ max-width: 350px;
  }.mw-400{ max-width: 400px;
  }.mw-450{ max-width: 450px;
  }.mw-500{ max-width: 500px;
  }.mw-600{ max-width: 600px;
  }.mw-700{ max-width: 700px;
  }.mw-750{ max-width: 750px;
  }.mw-800{ max-width: 800px;
  }.mw-850{ max-width: 850px;
  }.mw-900{ max-width: 900px;
  }.mw-950{ max-width: 950px;
  }.mw-1000{ max-width: 1000px;
  }.mw-1100{ max-width: 1100px;
  }.mw-1200{ max-width: 1200px;

  }.mw-100{ max-width: 100%;




  }@media (max-width: 400px){
    .d-k400-none {   display: none!important;}
  }@media (max-width: 450px){
    .d-k450-none {   display: none!important;}
  }@media (max-width: 500px){
    .d-k500-none {   display: none!important;}
  }@media (max-width: 550px){
    .d-k550-none {   display: none!important;}
  }@media (max-width: 600px){

    .jeo-text-600 .jeo-title{
      font-size: 11pt;
      margin-top: -8px;
      margin-bottom: -3px;
      padding: 0px;
      width: 100%;
      border: none;
      background-color: transparent!important;
      color: #404040;
    }
    .dark-mode .jeo-text-600 .jeo-title{
      color: #999;
    }

    .jeo-text-600 .form-control,.jeo-text-600 .form-select{
      border-top-left-radius:0.2rem!important;
      border-bottom-left-radius: 0.2rem!important;
    }

    .d-k600-none {   display: none!important;}
  }@media (max-width: 650px){
    .d-k650-none {   display: none!important;}
  }@media (max-width: 700px){

    .jeo-text-700 .jeo-title{
      font-size: 11pt;
      margin-top: -8px;
      margin-bottom: -3px;
      padding: 0px;
      width: 100%;
      border: none;
      background-color: transparent!important;
      color: #404040;
    }

    .dark-mode .jeo-text-700 .jeo-title{
      color: #999;
    }

    .jeo-text-700 .form-control,.jeo-text-700 .form-select{
      border-top-left-radius:0.2rem!important;
      border-bottom-left-radius: 0.2rem!important;
    }
    .nextsk{
      padding: 3px;
      position: absolute;
      left: 0px;
      right: 0px;
      top: calc(100% + 5px);
    }

    .d-k700-none {   display: none!important;}
  }@media (max-width: 750px){
    .d-k750-none {   display: none!important;}
  }@media (max-width: 800px){
    .d-k800-none {   display: none!important;}
  }@media (max-width: 850px){
    .d-k850-none {   display: none!important;}
  }@media (max-width: 900px){
    .d-k900-none {   display: none!important;}
  }@media (max-width: 950px){
    .d-k950-none {   display: none!important;}
  }@media (max-width: 1000px){
    .d-k1000-none {   display: none!important;}
  }@media (max-width: 1050px){
    .d-k1050-none {   display: none!important;}
  }@media (max-width: 1100px){
    .d-k1100-none {   display: none!important;}
  }@media (max-width: 1150px){
    .d-k1150-none {   display: none!important;}
  }@media (max-width: 1200px){
    .d-k1200-none {   display: none!important;}
  }@media (max-width: 1250px){
    .d-k1250-none {   display: none!important;}
  }@media (max-width: 1300px){
    .d-k1300-none {   display: none!important;}
  }@media (max-width: 1350px){
    .d-k1350-none {   display: none!important;}
  }@media (max-width: 1400px){
    .d-k1400-none {   display: none!important;}
  }@media (max-width: 1450px){
    .d-k1450-none {   display: none!important;}
  }@media (max-width: 1500px){
    .d-k1500-none {   display: none!important;}
  }@media (max-width: 1550px){
    .d-k1550-none {   display: none!important;}
  }@media (max-width: 1600px){
    .d-k1600-none {   display: none!important;}

  }@media (min-width: 350px) {
    .col-350 {    flex: 1 0 0%;  }
    .col-350-auto {    flex: 0 0 auto;    width: auto;  }
    .col-350-1 {    flex: 0 0 auto;    width: 8.33333333%;  }
    .col-350-2 {    flex: 0 0 auto;    width: 16.66666667%;  }
    .col-350-3 {    flex: 0 0 auto;    width: 25%;  }
    .col-350-4 {    flex: 0 0 auto;    width: 33.33333333%;  }
    .col-350-5 {    flex: 0 0 auto;    width: 41.66666667%;  }
    .col-350-6 {    flex: 0 0 auto;    width: 50%;  }
    .col-350-7 {    flex: 0 0 auto;    width: 58.33333333%;  }
    .col-350-8 {    flex: 0 0 auto;    width: 66.66666667%;  }
    .col-350-9 {    flex: 0 0 auto;    width: 75%;  }
    .col-350-10 {   flex: 0 0 auto;    width: 83.33333333%;  }
    .col-350-11 {   flex: 0 0 auto;    width: 91.66666667%;  }
    .col-350-12 {   flex: 0 0 auto;    width: 100%;  }
    .d-350-none {   display: none!important;  }
    .d-350-block {   display: block!important;  }
    .d-350-table-cell { display: table-cell!important;}

  }@media (min-width: 400px) {
    .col-400 {    flex: 1 0 0%;  }
    .col-400-auto {    flex: 0 0 auto;    width: auto;  }
    .col-400-1 {    flex: 0 0 auto;    width: 8.33333333%;  }
    .col-400-2 {    flex: 0 0 auto;    width: 16.66666667%;  }
    .col-400-3 {    flex: 0 0 auto;    width: 25%;  }
    .col-400-4 {    flex: 0 0 auto;    width: 33.33333333%;  }
    .col-400-5 {    flex: 0 0 auto;    width: 41.66666667%;  }
    .col-400-6 {    flex: 0 0 auto;    width: 50%;  }
    .col-400-7 {    flex: 0 0 auto;    width: 58.33333333%;  }
    .col-400-8 {    flex: 0 0 auto;    width: 66.66666667%;  }
    .col-400-9 {    flex: 0 0 auto;    width: 75%;  }
    .col-400-10 {   flex: 0 0 auto;    width: 83.33333333%;  }
    .col-400-11 {   flex: 0 0 auto;    width: 91.66666667%;  }
    .col-400-12 {   flex: 0 0 auto;    width: 100%;  }
    .d-400-none {   display: none!important;  }
    .d-400-block{   display: block!important;  }
    .d-400-table-cell { display: table-cell!important;}
    .w110-400 {min-width: 110px!important}

  }@media (min-width: 450px) {
    .col-450 {    flex: 1 0 0%;  }
    .col-450-auto {    flex: 0 0 auto;    width: auto;  }
    .col-450-1 {    flex: 0 0 auto;    width: 8.33333333%;  }
    .col-450-2 {    flex: 0 0 auto;    width: 16.66666667%;  }
    .col-450-3 {    flex: 0 0 auto;    width: 25%;  }
    .col-450-4 {    flex: 0 0 auto;    width: 33.33333333%;  }
    .col-450-5 {    flex: 0 0 auto;    width: 41.66666667%;  }
    .col-450-6 {    flex: 0 0 auto;    width: 50%;  }
    .col-450-7 {    flex: 0 0 auto;    width: 58.33333333%;  }
    .col-450-8 {    flex: 0 0 auto;    width: 66.66666667%;  }
    .col-450-9 {    flex: 0 0 auto;    width: 75%;  }
    .col-450-10 {   flex: 0 0 auto;    width: 83.33333333%;  }
    .col-450-11 {   flex: 0 0 auto;    width: 91.66666667%;  }
    .col-450-12 {   flex: 0 0 auto;    width: 100%;  }
    .d-450-none {   display: none!important;  }
    .d-450-block {   display: block!important;  }
    .d-450-table-cell { display: table-cell!important;}
    .w110-450 {min-width: 110px!important}
    


  }@media (min-width: 500px) {
    .col-500 {    flex: 1 0 0%;  }
    .col-500-auto {    flex: 0 0 auto;    width: auto;  }
    .col-500-1 {    flex: 0 0 auto;    width: 8.33333333%;  }
    .col-500-2 {    flex: 0 0 auto;    width: 16.66666667%;  }
    .col-500-3 {    flex: 0 0 auto;    width: 25%;  }
    .col-500-4 {    flex: 0 0 auto;    width: 33.33333333%;  }
    .col-500-5 {    flex: 0 0 auto;    width: 41.66666667%;  }
    .col-500-6 {    flex: 0 0 auto;    width: 50%;  }
    .col-500-7 {    flex: 0 0 auto;    width: 58.33333333%;  }
    .col-500-8 {    flex: 0 0 auto;    width: 66.66666667%;  }
    .col-500-9 {    flex: 0 0 auto;    width: 75%;  }
    .col-500-10 {   flex: 0 0 auto;    width: 83.33333333%;  }
    .col-500-11 {   flex: 0 0 auto;    width: 91.66666667%;  }
    .col-500-12 {   flex: 0 0 auto;    width: 100%;  }
    .d-500-none {   display: none!important;  }
    .d-500-block {   display: block!important;  }
    .d-500-table-cell { display: table-cell!important;}
    .w110-500 {min-width: 110px!important}

  }@media (min-width: 550px) {
    .col-550 {    flex: 1 0 0%;  }
    .col-550-auto {    flex: 0 0 auto;    width: auto;  }
    .col-550-1 {    flex: 0 0 auto;    width: 8.33333333%;  }
    .col-550-2 {    flex: 0 0 auto;    width: 16.66666667%;  }
    .col-550-3 {    flex: 0 0 auto;    width: 25%;  }
    .col-550-4 {    flex: 0 0 auto;    width: 33.33333333%;  }
    .col-550-5 {    flex: 0 0 auto;    width: 41.66666667%;  }
    .col-550-6 {    flex: 0 0 auto;    width: 50%;  }
    .col-550-7 {    flex: 0 0 auto;    width: 58.33333333%;  }
    .col-550-8 {    flex: 0 0 auto;    width: 66.66666667%;  }
    .col-550-9 {    flex: 0 0 auto;    width: 75%;  }
    .col-550-10 {   flex: 0 0 auto;    width: 83.33333333%;  }
    .col-550-11 {   flex: 0 0 auto;    width: 91.66666667%;  }
    .col-550-12 {   flex: 0 0 auto;    width: 100%;  }
    .d-550-none {   display: none!important;  }
    .d-550-block {   display: block!important;  }
    .d-550-trow {   display: table-row  }
    .d-550-table-cell { display: table-cell!important;}
    .w110-550 {min-width: 110px!important}

  }@media (min-width: 600px) {
    .col-600 {    flex: 1 0 0%;  }
    .col-600-auto {    flex: 0 0 auto;    width: auto;  }
    .col-600-1 {    flex: 0 0 auto;    width: 8.33333333%;  }
    .col-600-2 {    flex: 0 0 auto;    width: 16.66666667%;  }
    .col-600-3 {    flex: 0 0 auto;    width: 25%;  }
    .col-600-4 {    flex: 0 0 auto;    width: 33.33333333%;  }
    .col-600-5 {    flex: 0 0 auto;    width: 41.66666667%;  }
    .col-600-6 {    flex: 0 0 auto;    width: 50%;  }
    .col-600-7 {    flex: 0 0 auto;    width: 58.33333333%;  }
    .col-600-8 {    flex: 0 0 auto;    width: 66.66666667%;  }
    .col-600-9 {    flex: 0 0 auto;    width: 75%;  }
    .col-600-10 {   flex: 0 0 auto;    width: 83.33333333%;  }
    .col-600-11 {   flex: 0 0 auto;    width: 91.66666667%;  }
    .col-600-12 {   flex: 0 0 auto;    width: 100%;  }
    .d-600-none {   display: none!important;  }
    .d-600-block {   display: block!important;  }
    .d-600-table-cell { display: table-cell!important;}

  }@media (min-width: 650px) {
    .col-650 {    flex: 1 0 0%;  }
    .col-650-auto {    flex: 0 0 auto;    width: auto;  }
    .col-650-1 {    flex: 0 0 auto;    width: 8.33333333%;  }
    .col-650-2 {    flex: 0 0 auto;    width: 16.66666667%;  }
    .col-650-3 {    flex: 0 0 auto;    width: 25%;  }
    .col-650-4 {    flex: 0 0 auto;    width: 33.33333333%;  }
    .col-650-5 {    flex: 0 0 auto;    width: 41.66666667%;  }
    .col-650-6 {    flex: 0 0 auto;    width: 50%;  }
    .col-650-7 {    flex: 0 0 auto;    width: 58.33333333%;  }
    .col-650-8 {    flex: 0 0 auto;    width: 66.66666667%;  }
    .col-650-9 {    flex: 0 0 auto;    width: 75%;  }
    .col-650-10 {   flex: 0 0 auto;    width: 83.33333333%;  }
    .col-650-11 {   flex: 0 0 auto;    width: 91.66666667%;  }
    .col-650-12 {   flex: 0 0 auto;    width: 100%;  }
    .d-650-none {   display: none!important;  }
    .d-650-block {   display: block!important;  }
    .d-650-table-cell { display: table-cell!important;}


  }@media (min-width: 700px) {
    .col-700 {    flex: 1 0 0%;  }
    .col-700-auto {    flex: 0 0 auto;    width: auto;  }
    .col-700-1 {    flex: 0 0 auto;    width: 8.33333333%;  }
    .col-700-2 {    flex: 0 0 auto;    width: 16.66666667%;  }
    .col-700-3 {    flex: 0 0 auto;    width: 25%;  }
    .col-700-4 {    flex: 0 0 auto;    width: 33.33333333%;  }
    .col-700-5 {    flex: 0 0 auto;    width: 41.66666667%;  }
    .col-700-6 {    flex: 0 0 auto;    width: 50%;  }
    .col-700-7 {    flex: 0 0 auto;    width: 58.33333333%;  }
    .col-700-8 {    flex: 0 0 auto;    width: 66.66666667%;  }
    .col-700-9 {    flex: 0 0 auto;    width: 75%;  }
    .col-700-10 {   flex: 0 0 auto;    width: 83.33333333%;  }
    .col-700-11 {   flex: 0 0 auto;    width: 91.66666667%;  }
    .col-700-12 {   flex: 0 0 auto;    width: 100%;  }
    .d-700-none {   display: none!important;  }
    .d-700-block {   display: block!important;  }
    .d-700-table-cell { display: table-cell!important;}

  }@media (min-width: 750px) {
    .col-750 {    flex: 1 0 0%;  }
    .col-750-auto {    flex: 0 0 auto;    width: auto;  }
    .col-750-1 {    flex: 0 0 auto;    width: 8.33333333%;  }
    .col-750-2 {    flex: 0 0 auto;    width: 16.66666667%;  }
    .col-750-3 {    flex: 0 0 auto;    width: 25%;  }
    .col-750-4 {    flex: 0 0 auto;    width: 33.33333333%;  }
    .col-750-5 {    flex: 0 0 auto;    width: 41.66666667%;  }
    .col-750-6 {    flex: 0 0 auto;    width: 50%;  }
    .col-750-7 {    flex: 0 0 auto;    width: 58.33333333%;  }
    .col-750-8 {    flex: 0 0 auto;    width: 66.66666667%;  }
    .col-750-9 {    flex: 0 0 auto;    width: 75%;  }
    .col-750-10 {   flex: 0 0 auto;    width: 83.33333333%;  }
    .col-750-11 {   flex: 0 0 auto;    width: 91.66666667%;  }
    .col-750-12 {   flex: 0 0 auto;    width: 100%;  }
    .d-750-none {   display: none!important;  }
    .d-750-block {   display: block!important;  }
    .d-750-table-cell { display: table-cell!important;}

  }@media (min-width: 800px){

  }@media (min-width: 850px){

  }@media (min-width: 900px){

  }@media (min-width: 950px){

  }@media (min-width: 1000px){
    .d-1000-none {display: none!important; }
    .d-1000-block{display: block!important;}
 
  }@media (min-width: 1100px){
    .d-1100-none {
      display: none!important;
    }.d-1100-block{
      display: block!important;
    }.mapShow .mapShowBtn{
      display:none!important;
    }.mapShow .jeo-web-LR{
      padding: 20px!important;
      flex: 1 1 auto;
    }.mapShow .jeo-web-center{
      min-width: 700px;
      max-width: 50%;
    }.jeo-web-Araclar{
      left: -1px;
    }.mapShow .jeo-web-Araclar{
      left: -60px;
    }

  }@media (min-width: 1500px){





  }.table-div-collapse{ 
    position: relative;
    opacity: 0; 
    height: 0px;
    z-index: -1; 
    transition: opacity 0.3s ease-in-out,height 0.3s ease-in-out;
    box-shadow: inset 0 0 20px rgb(10,10,20);
  }.table-div-collapse-show{ 
    opacity: 1!important; 
    z-index: 0!important; 
    height: 350px;
  }.table-div-collapse .colburasi{  
    position: absolute;
    padding: 7px;
    width: 100%;
    height: 100%;



  }.SptKatsayi td,.SptKatsayi th{ 


    border: 1px solid var(--jeo-table-border); 
    text-align: center;
    padding: 5px;

  }.jeo-table{ 
    width: 100%; 
  }.jeo-table thead{  
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: rgb(160,160,160);
  }.dark-mode .jeo-table thead{  
    background-color: var(--jeo-content-bg);

  }.jeo-table tbody tr{ 
    border-bottom: 1px solid var(--jeo-table-border); 
  }.jeo-table>thead th{ 
    text-align: center;
    padding: 5px; 
  }.jeo-table>tbody td{ 
    text-align: center;
    padding: 5px; 
  }.jeo-table>tbody>tr:nth-child(2n+1){
    background-color: rgb(0,0,0,0.07); 
  }.dark-mode .jeo-table>tbody>tr:nth-child(2n+1){
    background-color: rgb(255,255,255,0.013); 

  }.jeo-table tr>td:not(:first-child),.jeo-table tr>th:not(:first-child)  { 
    border-left: 1px solid var(--jeo-table-border);

  }.jeo-table>tbody>tr:hover{
    cursor: pointer;  
    background-color: rgba(13,202,240,0.20)!important;
  }.dark-mode .jeo-table>tbody>tr:hover{
    background-color: rgba(13,202,240,0.07)!important;

  }.jeo-table>tfoot{ 
    position: -webkit-sticky;
    position: sticky;
    bottom:  0;
    z-index: 1;
    background-color: rgb(160,160,160);
  }.dark-mode .jeo-table tfoot{  
    background-color: var(--jeo-content-bg);
  }.jeo-table>tfoot td{  
    text-align: center;
    padding: 0px;






  }.jeo-table-body{ 
    width: 100%; 
  }.jeo-table-body thead{  
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: rgb(160,160,160);
  }.dark-mode .jeo-table-body thead{  
    background-color: var(--jeo-content-bg);

  }.jeo-table-body tbody tr{ 
    border-bottom: 1px solid var(--jeo-table-border); 
  }.jeo-table-body>thead th{ 
    text-align: center;
    padding: 5px; 
  }.jeo-table-body>tbody td{ 
    text-align: center;
    padding: 5px; 
  }.jeo-table-body>tbody:nth-child(2n+1){
    background-color: rgb(0,0,0,0.07); 
  }.dark-mode .jeo-table-body>tbody:nth-child(2n+1){
    background-color: rgb(255,255,255,0.013); 

  }.jeo-table-body tr>td,.jeo-table-body tr>th { 
    border-left: 1px solid var(--jeo-table-border);

  }.jeo-table-body>tbody:hover{
    cursor: pointer;  
    background-color: rgba(13,202,240,0.20)!important;
  }.dark-mode .jeo-table-body>tbody:hover{
    background-color: rgba(13,202,240,0.07)!important;

  }.jeo-table-body>tfoot{ 
    position: -webkit-sticky;
    position: sticky;
    bottom:  0;
    z-index: 1;
    background-color: rgb(160,160,160);
  }.dark-mode .jeo-table-body tfoot{  
    background-color: var(--jeo-content-bg);
  }.jeo-table-body>tfoot td{  
    text-align: center;
    padding: 0px;


  }.accordion-button {
    background-color: rgba(0, 0, 0, 0.1);
  }.accordion-button:not(.collapsed) {
    background-color: rgba(0, 0, 0, 0.2);
    font-weight: bold;
    color: black;

  }.dark-mode .accordion-button {
    background-color: rgba(255, 255, 255, 0.1);


  }.dark-mode .accordion-button:not(.collapsed) {
    background-color: rgba(255, 255, 255, 0.2);
    color: white;





  }.thead-shadow{  
    box-shadow: 0px 20px 40px rgba(0,0,0,.6); 

  }.btn-veri-sil{ 
    background-color: rgba(255,0,0,.3); 
    padding: 4px 4px; 
    font-size: 10pt;
  }.btn-veri-sil:hover{ 
    background-color: rgba(255,0,0,.6);

  }.jeo-table-col{ 
    width: 100%; 
    background-color: var(--jeo-content-bg);
  }.jeo-table-col>thead{  
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: var(--jeo-content-bg);

   
  }.jeo-table-col>thead>tr>th{ 
    text-align: center;
    padding: 5px; 
  }.jeo-table-col>tbody{  
    border-bottom: 1px solid var(--jeo-table-border); 
  }.jeo-table-col>tbody td{ 
    text-align: center;
    padding: 5px; 
  }.jeo-table-col>tbody:nth-child(2n+1){
    background-color: rgb(255,255,255,0.015); 

  }.jeo-table-col>tbody>tr>td:not(:first-child),.jeo-table-col>thead>tr>th:not(:first-child)  { 
    border-left: 1px solid var(--jeo-table-border);

  }.jeo-table-col>tbody>tr:hover:first-child{
    cursor: pointer;  
  /*  background-color: rgb(100,100,100,0.15);*/
    background-color: rgba(13,202,240,0.07)!important;

  }.jeo-table-col>tfoot{ 
    position: -webkit-sticky;
    position: sticky;
    bottom:  0;
    z-index: 1;

  }.jeo-table-col>tfoot>td{  
    text-align: center;
    padding: 0px;


  }.jeo-table-col>tbody>tr:not(.collapsed){

    background-color: rgba(13,202,240,0.1)!important; 

  }.jeo-table-col .accordion-collapse{

    box-shadow: inset 0 0 15px rgba(0,0,0,.7);
  }.jeo-table-col .collapse-head{
    padding: 5px; 
    border-bottom: 1px solid var(--jeo-table-border); 
  }.jeo-table-col .collapse-body{
    padding: 5px; 
    
  }.jeo-table-col .collapse-body .jeo-content{
    position: relative!important;
  }.jeo-table-col .collapse-body .jeo-content .tab-pane{
    max-height: 260px;
    overflow-y: auto;
  }.sirala{
    position: relative;
  }.sirala div{
    right: 0px;
    top: 0px;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center; 
    padding: 5px;

  }.sirala div:hover{
    cursor: pointer;

  }.sirala i{
    opacity: 0.7;
    

    
    
    

  }.table-inputs .form-control{
    height: 25px;


  }.navs-for-collapse{
    display: flex;
    flex-wrap: nowrap;
    margin-top: 8px;
    border-top: 1px solid var(--jeo-border);
    width: 100%;
  }.navs-for-collapse .jeo-navs{
    padding-top: 5px;
  }.navs-collapse-btns{
    display: flex;
    align-items: center;
    border-left: 1px solid var(--jeo-border);
    border-radius: 0px; 


  }.hover-shadow:hover{
    cursor: pointer;
    box-shadow: 0px 0px 10px rgba(10, 10, 20, 1);

  }.dark-mode .hover-shadow:hover{
    box-shadow: 0px 0px 10px rgba(200, 200, 200, 1);

  }.shadow-1{
    box-shadow: 0px 0px 10px rgba(10, 10, 20, 1);
  }.shadow-2{
    box-shadow: 0px 0px 20px rgba(10, 10, 20, 1);

  }.text-shadow-1{ 
      text-shadow: 3px 3px rgba(100, 100, 110, 1);


  }.shadow-inset-1{
    box-shadow: inset 0 0 20px rgba(10,10,20,0.5);

  }.shadow-inset-2{
    box-shadow: inset 0 0 20px rgba(10,10,20,1);


  }.dark-mode .shadow-inset-1{
    box-shadow: inset 0 0 20px rgba(10,10,20,1);

  }.dark-mode .shadow-inset-2{
    box-shadow: inset 0 0 20px rgba(10,10,20,1);


  }.light-mode .btn-dark{
    background-color: rgba(100,100,100,1)!important;
  }.btn-save{
    background-color: rgba(52,130,150,1)!important;
  }.btn-save:hover{
    background-color: rgba(42,120,140,1)!important;
  }.dark-mode .btn-save{
    background-color: rgba(32,80,100,1)!important;
  }.btn-dark.btn-save{
    background-color: rgba(52,130,150,1)!important;
  }.dark-mode .btn-save:hover{
    background-color: rgba(62,140,160,1)!important;
  }.dark-mode .btn-dark.btn-save{
    background-color: rgba(52,130,150,1)!important; 
    
  }.bg-white .btn-save{
    color: white!important;
  }.tbody-kesit tbody{
    border-top: 2px solid rgba(32,80,100,1)!important;
    border-bottom: 2px solid rgba(32,80,100,1)!important;
  }.jeo-border{
    border: 1px solid rgb(70,70,80);
  }.dark-mode .jeo-border{
    border: 1px solid var(--jeo-border);

  }.search-group{
    position: relative;
    display: flex;
    align-items: center;
    height: 25px;
    
  }.search-group input{
    width: 120px!important;
    padding-right: 30px;
    padding: .1375rem 30px .1375rem .75rem;
    border-radius: 0.25rem!important;
    transition: width 0.2s ease-in-out; 
    background-color: var(--jeo-form-control);
  }.search-group input:focus{
    position: absolute;
    right: 0px;
    width: 240px!important;

  }.search-group input:focus +  .input-group-text{
    position: absolute;
    right: 0px;
    display: block;
    width: 240px!important;
  }.search-group i{
    position: absolute;
    right: 5px;
    z-index: 5px;
  }.search-group .input-group-text{
    display: none;
    position: absolute;
    top: calc(100% + 3px);
    width: 120px!important;
    
    border-radius: 0.25rem!important;
    box-shadow: inset 0px 0px 20px rgb(0,0,0);
    background-color: var(--jeo-form-control);
  }.search-table{
    display: flex;
  }.search-table input{
    position: relative;
    background-color: var(--jeo-form-control);
    border: 1px solid var(--jeo-border);
    padding: 3px;
    width: 100%;
    height: 25px;
    border-radius: 3px;
  }.search-table span{
    border: 1px solid var(--jeo-border);
    border-radius: 3px;
    margin-left: 5px;  

  }.addbtn{
    position: absolute;
    min-width: 120px;
    text-align: center;
    bottom: 20px;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid var(--jeo-border);
    opacity: 0; z-index: -10;
    box-shadow: 0px 0px 20px rgba(5, 5, 5, .9);
    background-color: rgb(170,170,175); 

    -webkit-transition: opacity 0.4s,bottom 0.4s,z-index 0.4s; 
    -moz-transition: opacity 0.4s,bottom 0.4s,z-index 0.4s; 
    -o-transition: opacity 0.4s,bottom 0.4s,z-index 0.4s; 
    transition: opacity 0.4s,bottom 0.4s,z-index 0.4s; 
    
  }.dark-mode .addbtn{
    background-color: rgb(10,10,15); 
    
  }.addbtn-show{ 
    bottom: 55px;
    opacity: 1;
    z-index: 50;
  }.addarrow{
    position:absolute;
    bottom: -20px;
    left: calc(50% - 35px);
    width: 100px;
    height: 20px;
    overflow:hidden;
    background-color: var(--jeo-border); 
    clip-path: polygon(
      0 0,
      35px 20px,
      70px 0px
    ) 


  }.addarrow1{

    position:absolute;
    bottom: -19px;
    left: calc(50% - 35px);
    width: 100px;
    height: 20px;
    overflow:hidden;
    background-color:  rgb(170,170,175);
    clip-path: polygon(
      0 0,
      35px 20px,
      70px 0px
    ) 

  }.dark-mode .addarrow1{
    background-color:  rgb(10,10,15);

  }.LabTable{
    text-align: center;
    width: 100%;  
    font-size: 13px;

    background-color: rgb(0,0,0,0.1);
  }.LabTable thead tr{
    border-bottom: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
   
    border-bottom: 1px solid rgb(255,255,255,0.2); 

  }.LabTable thead>tr>th{ 
    white-space: nowrap;
    padding: 8px; 
    background-color: rgb(50,55,60,1); 

   

  }.LabTable th :not(:first-child){ 
    border-left: 1px solid rgb(255,255,255,0.1);


  }.LabTable>tbody>tr{
    border-bottom: 1px solid rgb(255,255,255,0.1);
    position: relative;
    height: 0px;

  }.LabTable>tbody>tr:hover:first-child{ 
    cursor: pointer;
    box-shadow: 
    rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, 
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, 
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, 
    rgba(0, 0, 0, 0.06) 0px 2px 1px, 
    rgba(0, 0, 0, 0.09) 0px 4px 2px, 
    rgba(0, 0, 0, 0.09) 0px 8px 4px, 
    rgba(0, 0, 0, 0.09) 0px 16px 8px, 
    rgba(0, 0, 0, 0.09) 0px 32px 16px;

  }.LabTable>tbody:nth-child(2n+3){
    background-color: rgb(0,0,0,0.2);

  }.LabTable tbody>tr>th{ 
    padding: 5px; 
    font-weight: normal;

  }.LabTable tbody>tr:nth-child(2n+1)>th:not(:first-child) { 
    border-left: 1px solid rgb(255,255,255,0.1);
  }.LabTable tbody>tr:nth-child(2n+2)>th:not(:first-child) { 
    border-left: 1px solid rgb(255,255,255,0.02);

  }.LabTable .acortiklatr:not(.collapsed){
    background-color: rgba(40,80,90,1)!important;
    border-top: 2px solid rgba(14,61,70,1);
    border-bottom:  1px solid rgba(14,61,70,1); 
  }.LabTable .LabTableBody  .accordion-collapse{

    box-shadow: inset 0 0 15px rgba(0,0,0,.7);
    background-color: rgba(40,80,90,1)!important;
    border-bottom:  2px solid rgba(14,61,70,1);  
  }.LabTable .LabTableBody  .accordion-collapse .collapse-body{
    padding: 8px;

  }input[type="text"]:disabled,input[type="password"]:disabled {
    background: transparent;
  }.text-center input{
    text-align: center!important;
  }.text-left{
    text-align: left!important;

  }.text-center-all *{
    text-align: center!important;
  }.text-center-td td{
    text-align: center!important;


  }.hover:hover{
    cursor: pointer;

  }.text-2-row{
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2; /* number of lines to show */
             line-clamp: 2; 
     -webkit-box-orient: vertical;
  }.text-3-row{
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3; /* number of lines to show */
             line-clamp: 3; 
     -webkit-box-orient: vertical;
  }.text-4-row{
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 4; /* number of lines to show */
             line-clamp: 4; 
     -webkit-box-orient: vertical;
  }.text-row-all:hover{
    -webkit-line-clamp: unset; 
    line-clamp: unset; 

   
  }.ResizeDiv{
    width: 1080px;
    transform-origin: 0 0;
  }.eidkul-none .eidkul{
    display: none;
  }.arsiv-none .arsiv{
    display: none;
  }.bitti-none .bitti{
    display: none;
    background-color: red;

  }.fa-blok{
    display: block;
  }.fa-none{
    display: none;
  }.fa-control .fa-blok{
    display: none;
  }.fa-control .fa-none{
    display: block;

  }.ResizeDiv .tab-pane{
    background: rgb(170,170,170);
    padding: 5px;
    
  }.ResizeDiv .tab-pane *{
    color: black;

  }.nav-ResizeDiv .active{
    background-color: rgb(100,100,100)!important;

  }.jeo-table-overflow tbody{
    display: block;
    overflow-y: scroll;

  }.jeo-table-overflow tbody tr{
    display: table;


  } .jeo-table-overflow thead tr{
      display:table;
      width: calc(100% - 7px);
      table-layout:fixed;

  } .jeo-table-overflow tbody tr{
      display:table;
      width: 100%;
      table-layout:fixed; 
   
  }.jeo-table-cift tr td,.jeo-table-cift tr th{
    padding: 0px;
  } .jeo-table-cift .cift-row{ 
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 100%;
  }.jeo-table-cift .cift-col{
    vertical-align: middle;
    width: 50%; 
    float: left;
    padding: 5px;
  } .jeo-table-cift .cift-col:not(:first-child){
    border-left: 1px solid var(--jeo-border);

  }@media (max-width: 700px) {

   .jeo-table-cift .cift-row{ 
    flex-direction: column;
   }.jeo-table-cift .cift-col{
      width: 100%;
      float: left;

  } .jeo-table-cift .cift-col:not(:first-child){
      border-left: none;
      border-top: 1px solid rgb(40,40,50);
      border-bottom: 1px solid var(--jeo-border);
    }
  }


  @import url('https://fonts.googleapis.com/css?family=Montserrat:300&display=swap');
  body{
    background-color: rgba(255, 107, 129,.2);  
  }

  .cont{
    position:absolute;
    left:50%;
    top:50%;
    transform:Translate(-50%, -50%);
  }

  .cont button{
    background-color:#ff4757;
    color:#6b0f0f;
    border-bottom:6px solid #6b0f0f;
    border-top:5px solid #576574;
    width:200px;
    height: 76px;
    font-size:28px;
    padding:15px 0px 15px 35px;
    border-radius:0px 0px 15px 15px;
    box-shadow:0px 0px 15px 1px rgba(214, 48, 49,.6);
    position:relative;
    font-family: 'Montserrat', sans-serif;

  }

  .cont button:after{
    content:"";
    width:100%;
    height:1px;
    background-color:#c8d6e5;
    top:-3px;
    left:0;
    position:absolute;
  }

  .loader{
    position:absolute;
    top:30px;
    left:34px;
  }

  .cont button .loader div{
    width:5px;
    height:5px;
    border-radius:50%;
    background-color:#6b0f0f;
    position:absolute;
    transform-origin: -8px;
    animation: light 3s linear infinite;
  }

  .cont button .loader div:nth-child(1){
    transform:rotate(0deg);
    animation-delay:0s;
  }

  .cont button .loader div:nth-child(2){
    transform:rotate(60deg);
    animation-delay:.5s;
  }

  .cont button .loader div:nth-child(3){
    transform:rotate(120deg);
    animation-delay:1s;
  }

  .cont button .loader div:nth-child(4){
    transform:rotate(180deg);
    animation-delay:1.5s;
  }



  .cont button .loader div:nth-child(5){
    transform:rotate(240deg);
    animation-delay:2s;
  }

  .cont button .loader div:nth-child(6){
    transform:rotate(300deg);
    animation-delay:2.5s;
  }

  @keyframes light{
    0%{background-color:#6b0f0f;}
    40%{background-color:#6b0f0f;}
    50%{background-color:white;}
    60%{background-color:#6b0f0f;}
    100%{background-color:#6b0f0f;}
  }

  .paper{
    width:150px;
    height:160px;
    box-shadow:0px 0px 10px 1px rgba(55,55,55,.3);
    left:0;
    right:0;
    margin: auto;
    animation: paper 4s ease infinite;
    position:absolute;
    transform-origin:top;
    transform:translateY(0px) rotate(180deg);
    background-color:#fff;
  }

  .g-cont{
    margin:0 auto;
    width:180px;
    text-align:center;
    position:absolute;
    top:73px;
    left:10px;
    right:0;
    margin: auto;
    z-index:10;
  }

  .garbage{
    height:160px;
    width:6px;
    box-shadow:0px 0px 10px 1px rgba(55,55,55,.3);
    display:inline-block;
    vertical-align:top;
    margin-right:9px;
    animation: garbage 4s ease infinite;
    background-color:#fff;
  }

  @keyframes garbage{
    0%{height:0px;transform:translateY(0px);opacity:0;}
    20%{height:0px;transform:translateY(0px);opacity:1;}
    70%{height:160px;transform:translateY(0px);opacity:1;}
    90.1%{height:160px;transform:translateY(100px);opacity:0;}
    100%{height:0px;opacity:0;}
  }

  @keyframes paper{
    0%{height:160px;opacity:0;transform:translateY(-100px) rotate(180deg);}
    20%{height:160px;opacity:1;transform:translateY(0px) rotate(180deg);}
    70%{height:0px;opacity:1;transform:translateY(0px) rotate(180deg);}
    70.1%{height:0px;opacity:0;transform:translateY(0px) rotate(180deg);}
    100%{height:160px;opacity:0;transform:translateY(-100px) rotate(180deg);}
  }





  .modalImg{
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 11000; /* Sit on top */
    left: 0;
    top: 0;
    padding: 5%;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
    text-align: center;
  }.modalImg>div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    animation-name: zoom;
    animation-duration: 0.6s;
    cursor: pointer;
  }.modalImg img{ 
    max-height: 100%;
    max-width: 100%;
  }

  @keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
  }








  .zeminsecbtn{
    width: 100%;
    position: relative;

  }.secbuton{
    display: flex;
    float: left;
    background-color: transparent;
    position: relative;
    border-radius: 5px;
    border: 1px solid black;
    outline: 1px solid rgba(255, 255, 255,1); 
  }.secbuton img{
    width: 150px!important;
    height: 50px!important;
    border-radius: 5px;

  }.zeminsecbtn img{
    width: 210px!important;
    height: 70px!important;
    border-radius: 5px;


  }.secbutons{

    position: absolute;
    display: flex;
    justify-content: space-between;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    opacity: 0;
    color: white;
  }.secbuton .secbutons:hover,.zeminsecbtn .secbutons:hover{
    opacity: 1;
    cursor: pointer;

  }.secbutons .secbutonc{
    width: 50%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0.3;
    display: flex;
    align-items: center;
    justify-content: center;
  }.secbutons .secbutonc:hover{
    opacity: 1;

  }.secbutons .secbutonc::after{
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path  style='stroke-linecap: round; stroke-linejoin: round; fill: none; stroke: rgba(251, 251, 251,0.5); stroke-width: 5px;' d='M 3 6 L 10 14 L 17 6'/><path  style='stroke-linecap: round; stroke-linejoin: round; fill: none; stroke: rgb(0, 0, 0); stroke-width: 2px;' d='M 3 6 L 10 14 L 17 6'/></svg>");

  }.secbutons .butonleft::after{
    left: 3px;
  }.secbutons .butonright::after{
    right: 3px;

  }.secbutons .butonleft{
    padding: 3px 3px 3px 20px;
  }.secbutons .butonright{
    padding: 3px 20px 3px 3px;

  }.cokluLejantBox{ 
    top: 0px;
    left: 0px;
    position: absolute;
    width: 0px;
    height: 0px;
    background-color: red;
    z-index: 100;
  }.cokluLejantBox .CokluLejantBoxBtn{ 
    background-color: red;

  }.secbuton .icerik{
    position: absolute;
    background-color: red;
    top: 100%;
    height: 1px;
    width: 300px!important;
    z-index: 100;


  }.OdemeSec{  
    background-color: rgba(32,80,100,.5)!important;
    padding: 15px;
    border-radius: 6px;
    margin-top: 15px;
      transition: transform 0.3s ease-in-out;

  }.OdemeSec:hover{
    cursor: pointer;
    background-color: rgba(32,80,100,.8)!important;
      box-shadow: 0px 0px 25px rgba(0,0,0,.43);
      transform: scale(1.05);

  }.dark-mode .OdemeSec{  
    background-color: rgba(32,80,100,1)!important;
  }.OdemeSec .sec{
    float: right;
    margin-top: -4px;
    padding: 7px  20px;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.2);
    font-size: 14px;

  }.dark-mode .OdemeSec .sec{
    background-color: rgba(0,0,0,0.5);

  }.dropdown-btn{
    display: flex;
    justify-content: center;
    align-items: center;
  }.dropdown-btn::after{
    position: absolute;
    display: block;
    flex-shrink: 0;
    right: 5px;
    width: 1.25rem;
    height: 1.25rem;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23eee'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;

  }.dropdown-btn img{
    border-radius: 4px;

  }.lejant-dropdown .dropdown-menu{ 
    width: calc(200% + 80px)!important;
      box-shadow: 20px 20px 5px rgba(0,0,0,.43), -20px 20px 5px rgba(0,0,0,.43);
  }.lejant-dropdown .multi-lejant{ 
    width: 100%!important;
  }.renk-dropdown .dropdown-menu{ 
    width: calc(100% + 34px)!important;
      box-shadow: 20px 20px 5px rgba(0,0,0,.43), -20px 20px 5px rgba(0,0,0,.43);
  }.renk-dropdown .multi-lejant{ 
    width: 100%!important;


  }.dropdown-search{ 
    display: flex;
    align-items: center;
    padding: 5px;
    border-bottom: 1px solid var(--jeo-border);

  }.dropdown-search input{ 
    padding: 3px 30px 3px 3px!important;
  }.dropdown-search i{
    position: absolute;
    right: 10px;
    z-index: 5px;
  }.dropdown-list{ 
    overflow-y: auto;
    max-height: 250px;
    display: block; 
    margin: 0px;
    padding: 0px;

  }.dropdown-list>li{ 
    display: flex;
    border-bottom: 1px solid var(--jeo-border);

  }.YandaGoster{ 
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 0px;
    right: calc(100% + 5px);
    width: 130px;
    height: 100%;
    opacity: 0;
    padding: 5px;
    background-color: rgb(160,160,160); 
    box-shadow:-20px 0px 5px rgba(0,0,0,.43);
    border-radius: 5px;
    border: 1px solid var(--jeo-border);

  }.YandaGoster::before{ 
    content: "Ön İzleme";
  }.dark-mode .YandaGoster{ 
    background-color: var(--jeo-content-bg); 
  }.YandaGosterBtn .YandaGoster{ 
    height: 260px;
  }.YandaGoster .YandaLejant{ 
    width: 100%;
    height: 100%;
    background-size: 100%!important;
    border: 1px solid rgb(0,0,0);
    background: white;
    border-radius: 3px;


  }@media (min-width: 800px) {
    .dropdown-list li:hover  .YandaGoster{ opacity: 1;}
    .YandaGosterBtn:hover .YandaGoster{ opacity: 1;}
    .lejant-table tr:hover  .YandaGoster{ opacity: 1;}

  }.renk-dropdown .RenkBtn{ 
    padding: 6px 28px 6px 6px;
  }.renk-dropdown .RenkBtnDiv{ 
    height: 36px;
    width: 100%;
    border-radius: 4px;

  }.renk-dropdown .dropdown-list li{ 
    height: 50px;
  }.dropdown-list li:nth-child(2n+1){
      background-color: rgba(0,0,0,0.1);
  }.dark-mode .dropdown-list li:nth-child(2n+1){
      background-color: rgba(30,30,40,1);
  }.dropdown-list>li:hover{ 
    cursor: pointer;
      background-color: rgba(32,80,100,.2);
  }.dropdown-imgbox{ 
    padding: 6px 4px;
  }.dropdown-imgbox img{ 
    background: white;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,.6);
    width: 120px;
    height: 40px;
  }.dropdown-textbox{ 
    position: relative;
    display: flex;
    align-items: center;
  }.dropdown-textbox > span{ 
      font-size: 15px; 
      padding: 0px 3px;
  }.renk-dropdown .dropdown-imgbox{ 
    width: 25%;
  }.renk-dropdown .dropdown-imgbox > div{ 
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: white;

  }.renk-dropdown .dropdown-textbox{ 
    width: 75%;
    
  }.lirow{ 
    width: 100%;
    display: flex;
    align-items: stretch;
  }.renkkutusu{
    border: none;
    width: 100px;
    height: 30px;
    
    padding: 0px;   
  }

  
  /*

  }.addbtn{
    position: absolute;
    bottom: 65px;
    z-index: 150;
    background-color: rgb(13,13,20); 
    border-radius: 10px;
    border: 1px solid var(--jeo-border);

  }.addbtn:before{

    content: "";
    position:absolute;
    margin-left: calc(50% - 25px);
    bottom: -21px;
    width:40px;
    height:40px;
    transform:rotate(45deg);
    background-color: rgb(13,13,20);
    border-right: 1px solid var(--jeo-border);
    border-bottom: 1px solid var(--jeo-border);
    z-index: -1;

  }.addbtn-text{
  text-align: center;
  min-width: 150px;
  padding: 5px; 
    width: 100%;
    z-index: 5215;
   /*/


 

    .logobox{

      position: absolute;
     background-color: rgba(30,30,40,1); 
      width: 100vw;
      height: 100vh; 
      z-index: 100;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      opacity: 0;
      transform: scale(0);
      bottom: 100vh;

      -webkit-animation: logobox 4s ease;
      -o-animation: logobox 4s ease;
      animation: logobox 4s ease;



    }.logobox object{  
      margin: auto; 

    }.jeowebfooter{ 
      color: #eee;
      position: absolute;
      bottom: 50px; 
      width: 100%;

    }.jeowebfooter a{ 
      text-decoration: none;
      color: #eee;

    }.modal-xl{  

    }.dropdown-menu .fa-trash{ 
        color: #dc3545;
    }@keyframes logobox{
       0%{transform: scale(1);bottom: 0px;opacity: 1;}
       80%{transform: scale(1);bottom: 0px;opacity: 1;}
       99%{transform: scale(1);bottom: 0px;opacity: 0;}

      


  }.litoArea td{ 
    position: relative;
  }.litoArea textarea{ 
    height: 52px;
    z-index: 0;
    text-align: center;
  }.litoArea textarea:focus{
    top: 0px;
    left: 0px;
    height: 150px;
    position: absolute;
    z-index: 10;
    background-color: rgba(150, 150, 160, 1.0);
    box-shadow: 0px 1px 20px rgb(50,50,60);



 
  }.multiveritable2 th{ 
    padding: 3px;
  }.multiveritable2 td{ 
    padding: 4px 4px!important;
  }.multiveritable2 td:focus{
      background-color: rgba(52,130,150,1)!important;
  }.multiveritable2 input{ 
    border: none;  
    border-radius: 3px;
    width: 100%!important;
    padding: 4px;
    background-color: rgba(0,0,50,0.2); 
 
  }.dark-mode .multiveritable2 input{ 
    background-color: rgba(255,255,255,0.1); 

  }.multiveritable2 input::placeholder{
    font-size: 12px;
  }.multiveritable2 input:focus{
    background-color: rgba(52,130,150,1)!important;


  }.multiveritable *{
    text-align: center;
    
  }.multiveritable th{ 
    padding: 3px;
  }.multiveritable td{ 
    padding: 4px 4px; 
  }.multiveritable td:focus{
      background-color: rgba(52,130,150,1)!important;
  }.multiveritable input:not([type='checkbox']){ 
    width: 100%;
    border: none;
    background-color: rgba(0,0,50,0.2); 
    border-radius: 3px;
    min-width: 40px;
  }.dark-mode .multiveritable input{ 
    background-color: rgba(255,255,255,0.1); 
  }.multiveritable input::placeholder{
    font-size: 12px;
  }.multiveritable input:focus{
    background-color: rgba(52,130,150,0.8)!important;
  }.multiveritable tbody tr:hover{
    cursor: default;

  }.multiveritable .form-check-input{
    cursor: pointer;
 
  }.multiveritable input[tabindex="-1"]{
    background-color: transparent; 

  }.tableTdHide{ 

  }.tableTdHide thead > tr > th{
    position: relative;
  }.tableTdHide thead > tr > th .btn-close{ 
    position: absolute;
    top: 5px;
    right: 5px;
    width: 5px;
    height: 5px; 


  }.sondajlist .dropdown-menu{ 

    z-index: 2000;

  }.sondajlist thead tr th{ 
    box-shadow: inset 0px -1px 0px rgb(50,50,60);
  }.sondajlist tr td:first-child{
    position: sticky;
    z-index: 1000;
    left: 0px;
    background-color: rgb(180,180,180);
    box-shadow: inset -1px 0px 0px rgb(50,50,60);
  }.dark-mode  .sondajlist tr td:first-child{
    background-color: rgb(30,30,40);

  }.sondajlist tr th:first-child{
    position: sticky;
    background-color: rgb(140,140,140);
    z-index: 1000;
    left: 0px;
    box-shadow: inset -1px -1px 0px rgb(50,50,60);
  }.dark-mode .sondajlist tr th:first-child{
    background-color: rgb(20,20,30);

  }.sondajlist th:not(:first-child){ 
    position: relative;
    padding: 8px;

  }.sondajlist tfoot,.sondajlist thead{ 
    z-index: 1001;

  }.sondajlist .btn-close{ 
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px; 
    font-size: 10px;
    transition: all 0.3s;
  }.sondajlist .btn-close:hover{
    box-shadow: 0px 0px 10px rgb(0,0,0); 
  }.dark-mode .sondajlist .btn-close:hover{
    box-shadow: 0px 0px 10px rgb(255,255,255); 

  }.sondajlistul{ 
    padding: 8px;
    margin: 0px;
  }.sondajlistul li{ 
    padding: 2px 5px;
    border-radius: 8px;
    margin: 5px;
    list-style: none;

  }.sondajlistul li:hover{ 
    cursor: pointer;
    background-color: rgba(50,50,60,0.8);
  }.sondajlistul .active{ 
    background-color: rgba(52,130,150,1)!important;
  } .sivilas2{
    /*display: none*/
  }.sivilasmayok .sivilas{
    display: none

    }.tasimagucuhesap {
        display: block;
        margin: 20px auto;
        width: 950px;

    }.tables *{
        font-size: 12px!important;
    }.tables td{
        text-align: center;
    }.tables td,.tables th{
        padding: 1px 3px;
        border: 1px solid rgb(50,50,60);
  }.tables2 th{
    text-align: center;
    

  }.timesnew{
    font-family: times;

  }.symbol{
        font-size: 16px!important;
    font-family: symbol;
    font-weight: normal;
  }.TasimamaRow .input-group-text{
    font-size: 12px;
    background-color: transparent;
  }.TasimamaRow .form-control, .TasimamaRow .form-select{ 
    background-color: rgba(255,255,255,.35); 
  }.dark-mode .TasimamaRow .form-control,.dark-mode .TasimamaRow .form-select{
    background-color: rgba(255,255,255,.15); 

  }.THhucregir{
    position: relative;
    margin: 0px auto;
  }.THhucregir input{
    width: 100%;
        font-size: 11px!important;
    border-radius: 0px;
    border:none;
    background-color: rgba(255,255,255,.35); 
  }.dark-mode .THhucregir input{
    background-color: rgba(255,255,255,.15); 
  }.THhucregir span{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
  }.THesap2{
    width: 185px;
    height: 150px;
    position: relative;
  }.THesap2img{
    z-index: 100;
      transform-origin:left bottom;
      transition: transform 0.3s ease-in-out;
  }.THesap2img:hover{
    cursor: pointer;
    position: absolute;
    bottom: 0px; 
    left: 0px; 
      transform:scale(2);
  }.THesap3{ 
    position: relative;
  }.THesap3 img{  
    position: absolute;
    bottom: 100%;
    left: 0px;
    transform:scale(0);
    transform-origin:left bottom;
    transition: transform 0.3s ease-in-out;
    z-index: 10;
  }.THesap3:hover>img{ 
      transform:scale(1);


}sub::-moz-selection{
    background:rgba(81, 133, 239, 1.0);
    color:#fff;
 
}sub::selection {
    background:rgba(81, 133, 239, 1.0);
    color:#fff;
 

  }.copyDiv{
    position: relative;
  }.copyDivBtn{
    position: absolute;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s;
    top: -40px;
    left: 5px;
  }.copyDivBtn.Duzenle{
    left: auto;
    right: 5px;

  }.copyDivBtn::after{
    content: "Kopyala";
    display: inline-block;
    border-radius: 5px;
    background-color: rgba(52,130,150,1)!important;
    padding: 3px 7px;
    color: white;
    font-size: 12pt!important;
    box-shadow: 0px 0px 3px blue;

  }.copyDivBtn.Duzenle::after{
    background-color: rgba(25,135,84)!important;
    content: "Duzenle";



  }.copyDiv:hover{
    box-shadow: 0px 0px 2px blue;

  }.copyDiv:hover > .copyDivBtn{
    cursor: pointer;
    opacity: 1;
    pointer-events: auto;
    top: 5px;

  }.copyDivHide .copyDivBtn{
    display: none;


  }.tablesecret  > tbody > tr > th, .tablesecret > tbody > tr > td{
    border: 1px solid #fff!important;

  }.tableborder  > thead > tr > th, .tableborder > tbody > tr > td{
    border: 1px solid #403f3f!important;

  }.tablecopy *{
    color: black!important; 
  }.tablecopy th, .tablecopy td{
    color: black!important; 
  }.tablecopy thead, .tablecopy tbody{
    text-align: center;
  }.tablecopy th, .tablecopy tfoot td{
    background-color: rgb(184,204,228);
  }.tablecopy th, .tablecopy td{
    border: 1px solid #403f3f;
  }.tablecopy>tbody>tr:nth-child(2n+2){
    background-color: rgb(220,220,220);

  }.TabCo *{
    color: black!important; 
  }.TabCo th, .TabCo td{
    border: 1px solid #403f3f;

  }.TabCoHead thead th, .TabCoHead tfoot td, .TabCoHead thead td{
    background-color: rgb(184,204,228);

  }.TabCoRow>tr:nth-child(2n+2){
    background-color: rgb(220,220,220);
  }.tdw th, .tdw td{
    width: 1%;
  }.bg-geology{
    background-color: rgb(184,204,228);
  }.Tab-select > td:not([rowspan]) {
    background-color: #FDD0AC;
    font-weight: bold;

  }.selects:hover{
    cursor: pointer;

  }.Tab-selecttd{
    background-color: #FDD0AC;
    font-weight: bold;

  }.cel1-center > tbody > tr >td:first-child,.cel1-center > thead > tr >th:first-child{ 
    text-align: center;

  }.tcel-p-1>thead>tr>th,.tcel-p-1>thead>tr>td,.tcel-p-1>tbody>tr>th,.tcel-p-1>tbody>tr>td{
    padding: 0.25rem;
  }.tcel-py-1>thead>tr>th,.tcel-py-1>thead>tr>td,.tcel-py-1>tbody>tr>th,.tcel-py-1>tbody>tr>td,.tcel-py-1>tfoot>tr>th,.tcel-py-1>tfoot>tr>td{
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;


  }.font-weight-nomal   *{
    font-weight: normal!important;
  }.iklimTable   th{
    font-weight: normal;
  }.iklimTable > thead,.iklimTable > tfoot{
    background-color: #cfdae0;

  }.jeo-collapse {  
    position: relative;

  }.jeo-collapse::before {  
    position: absolute;
    width: 20px;
    left: -20px;
    line-height: 0;
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path fill='none' stroke='rgba(0,0,0,0.5)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='M5 14l6-6-6-6'/></svg>");
    transition: transform .35s ease;
    transform-origin: .5em 50%;
  }.jeo-collapse[aria-expanded="true"]::before { 
    transform: rotate(90deg);
  }[disabled] .form-control{
    opacity: 0.7;
    background-color: transparent;!important;
    pointer-events: none;
    
  }[disabled] .tableinput{
    opacity: 0.7;
    background-color: transparent;!important;
    pointer-events: none;
    
  }[disabled] .jeo-table{
    opacity: 0.7; 
    pointer-events: none;


  }.flex-auto{
    width: 1%;
    flex: 1 1 auto;

  }.bg-yesil{
    background-color: rgb(50,220,140)!important;
    border-color: rgb(50,220,140)!important;
    border-width: 2px;
  }.bg-kirmizi{
    background-color: rgb(230,95,110)!important;
    border-color: rgb(230,95,110)!important;
    border-width: 2px;
  }.bg-sari{
    background-color: rgb(255,193,7);
    border-color: rgb(255,193,7);
    border-width: 2px;

  }.text-indent-20{
    text-indent: 20px;
  }.text-indent-30{
    text-indent: 30px;
  }.text-indent-40{
    text-indent: 40px;
  }.text-indent{
    text-indent: 50px;
  }.text-justify{
    text-align: justify;
  }.color-white{
    color: white!important; 
  }.color-black{
    color: black!important; 
  }.color-black-all, .color-black-all *{
    color: black!important; 

  }.t-border{
    border: 1px solid #403f3f!important; 
  }.t-border-t{
    border-top: 1px solid #403f3f!important; 
  }.t-border-l{
    border-left: 1px solid #403f3f!important; 
  }.t-border-r{
    border-right: 1px solid #403f3f!important; 
  }.t-border-b{
    border-bottom: 1px solid #403f3f!important; 
      

  }.tableinput{ 
    border: none;
    background-color: rgba(255,255,255,0.4); 
    border-radius: 3px;
    min-width: 40px;
    text-align: center;
  }.tableinput::placeholder{
    font-size: 12px;
  }.tableinput:focus{
    background-color: rgba(255,255,255,0.8)!important;


  }.dark-mode .tableinput{ 
    background-color: rgba(255,255,255,0.15); 
  }.dark-mode .tableinput:focus{
    background-color: rgba(52,130,150,1)!important;


  }.borderyass1{ 
    border-top: 2px dashed #40546c!important; 
  }.borderyass{ 
    border-top: 2px dashed #40546c!important; 
  }.bordersk{ 
    border-top: 3px solid #4e4e4e!important; 


  }.tcellhide0 .tcellhide > tr >td:first-child{ 


  }.tcellhide0 .tcellhide > tr >td:nth-child(0),.tcellhide0 .tcellhide > th:nth-child(0){
     display: none!important;
  }.tcellhide1 .tcellhide > tr >td:nth-child(1),.tcellhide1 .tcellhide > th:nth-child(1){
     display: none!important;
  }.tcellhide2 .tcellhide > tr >td:nth-child(2),.tcellhide2 .tcellhide > th:nth-child(2){
     display: none!important;
  }.tcellhide3 .tcellhide > tr >td:nth-child(3),.tcellhide3 .tcellhide > th:nth-child(3){
     display: none!important;
  }.tcellhide4 .tcellhide > tr >td:nth-child(4),.tcellhide4 .tcellhide > th:nth-child(4){
     display: none!important;
  }.tcellhide5 .tcellhide > tr >td:nth-child(5),.tcellhide5 .tcellhide > th:nth-child(5){
     display: none!important;
  }.tcellhide6 .tcellhide > tr >td:nth-child(6),.tcellhide6 .tcellhide > th:nth-child(6){
     display: none!important;
  }.tcellhide7 .tcellhide > tr >td:nth-child(7),.tcellhide7 .tcellhide > th:nth-child(7){
     display: none!important;
  }.tcellhide8 .tcellhide > tr >td:nth-child(8),.tcellhide8 .tcellhide > th:nth-child(8){
     display: none!important;
  }.tcellhide9 .tcellhide > tr >td:nth-child(9),.tcellhide9 .tcellhide > th:nth-child(9){
     display: none!important;
  }.tcellhide10 .tcellhide > tr >td:nth-child(10),.tcellhide10 .tcellhide > th:nth-child(10){
     display: none!important;
  }.tcellhide11 .tcellhide > tr >td:nth-child(11),.tcellhide11 .tcellhide > th:nth-child(11){
     display: none!important;
  }.tcellhide12 .tcellhide > tr >td:nth-child(12),.tcellhide12 .tcellhide > th:nth-child(12){
     display: none!important;
  }.tcellhide13 .tcellhide > tr >td:nth-child(13),.tcellhide13 .tcellhide > th:nth-child(13){
     display: none!important;
  }.tcellhide14 .tcellhide > tr >td:nth-child(14),.tcellhide14 .tcellhide > th:nth-child(14){
     display: none!important;
  }.tcellhide15 .tcellhide > tr >td:nth-child(15),.tcellhide15 .tcellhide > th:nth-child(15){
     display: none!important;
  }.tcellhide16 .tcellhide > tr >td:nth-child(16),.tcellhide16 .tcellhide > th:nth-child(16){
     display: none!important;
  }.tcellhide17 .tcellhide > tr >td:nth-child(17),.tcellhide17 .tcellhide > th:nth-child(17){
     display: none!important;
  }.tcellhide18 .tcellhide > tr >td:nth-child(18),.tcellhide18 .tcellhide > th:nth-child(18){
     display: none!important;
  }.tcellhide19 .tcellhide > tr >td:nth-child(19),.tcellhide19 .tcellhide > th:nth-child(19){
     display: none!important;
  }.tcellhide20 .tcellhide > tr >td:nth-child(20),.tcellhide20 .tcellhide > th:nth-child(20){
     display: none!important;
  }.tcellhide21 .tcellhide > tr >td:nth-child(21),.tcellhide21 .tcellhide > th:nth-child(21){
     display: none!important;
  }.tcellhide22 .tcellhide > tr >td:nth-child(22),.tcellhide22 .tcellhide > th:nth-child(22){
     display: none!important;
  }.tcellhide23 .tcellhide > tr >td:nth-child(23),.tcellhide23 .tcellhide > th:nth-child(23){
     display: none!important;
  }.tcellhide24 .tcellhide > tr >td:nth-child(24),.tcellhide24 .tcellhide > th:nth-child(24){
     display: none!important;
  }.tcellhide25 .tcellhide > tr >td:nth-child(25),.tcellhide25 .tcellhide > th:nth-child(25){
     display: none!important;
  }.tcellhide26 .tcellhide > tr >td:nth-child(26),.tcellhide26 .tcellhide > th:nth-child(26){
     display: none!important;
  }.tcellhide27 .tcellhide > tr >td:nth-child(27),.tcellhide27 .tcellhide > th:nth-child(27){
     display: none!important;
  }.tcellhide28 .tcellhide > tr >td:nth-child(28),.tcellhide28 .tcellhide > th:nth-child(28){
     display: none!important;
  }.tcellhide29 .tcellhide > tr >td:nth-child(29),.tcellhide29 .tcellhide > th:nth-child(29){
     display: none!important;
  }.tcellhide30 .tcellhide > tr >td:nth-child(30),.tcellhide30 .tcellhide > th:nth-child(30){
     display: none!important;
  }.tcellhide31 .tcellhide > tr >td:nth-child(31),.tcellhide31 .tcellhide > th:nth-child(31){
     display: none!important;
  }.tcellhide32 .tcellhide > tr >td:nth-child(32),.tcellhide32 .tcellhide > th:nth-child(32){
     display: none!important;
  }.tcellhide33 .tcellhide > tr >td:nth-child(33),.tcellhide33 .tcellhide > th:nth-child(33){
     display: none!important;
  }.tcellhide34 .tcellhide > tr >td:nth-child(34),.tcellhide34 .tcellhide > th:nth-child(34){
     display: none!important;
  }.tcellhide35 .tcellhide > tr >td:nth-child(35),.tcellhide35 .tcellhide > th:nth-child(35){
     display: none!important;
  }.tcellhide36 .tcellhide > tr >td:nth-child(36),.tcellhide36 .tcellhide > th:nth-child(36){
     display: none!important;
  }.tcellhide37 .tcellhide > tr >td:nth-child(37),.tcellhide37 .tcellhide > th:nth-child(37){
     display: none!important;
  }.tcellhide38 .tcellhide > tr >td:nth-child(38),.tcellhide38 .tcellhide > th:nth-child(38){
     display: none!important;
  }.tcellhide39 .tcellhide > tr >td:nth-child(39),.tcellhide39 .tcellhide > th:nth-child(39){
     display: none!important; 
  }.tabutanime{
    box-shadow: 0px 0px 5px red;
    -webkit-animation: tabutanime 20s infinite;
    -o-animation: tabutanime 20s infinite;
    animation: tabutanime 20s infinite;

  }@keyframes tabutanime{
     25%{box-shadow: 0px 0px 5px yellow;}
     50%{box-shadow: 0px 0px 5px green;}
     75%{box-shadow: 0px 0px 5px blue;}



  }.dialog-my-5{
    margin-top: 5px;
    margin-bottom: 5px;
    height: calc(100% - 10px)!important;

  }.dialog-my-10{
    margin-top: 10px;
    margin-bottom: 10px;
    height: calc(100% - 20px)!important;

  }.dialog-my-15{
    margin-top: 15px;
    margin-bottom: 15px;
    height: calc(100% - 30px)!important;

  }.dialog-my-20{
    margin-top: 20px;
    margin-bottom: 20px;
    height: calc(100% - 40px)!important;

  }.dialog-h100{
    margin-top: 0px;
    margin-bottom: 0px;
    height: 100%!important;

  }.dialog-MaxH100{
    margin-top: 20px;
    margin-bottom: 20px;
    height: calc(100% - 40px)!important;

  }.dialog-MaxH100 .modal-content{
    max-height: 100%;


  }.dialog-Photo{
    position: relative;
    max-width: 850px;
    display: flex;
    justify-content: start;
    flex-direction: column; 


  }.dialog-Photo canvas{
    margin: 10 auto 0 auto;
    max-width: 100%!important;
    max-height: calc(100% - 45px)!important; 
    background-color: rgba(255, 255, 255, .0);
    border: 1px solid var(--jeo-border);

  }.dialog-Photo .modal-content{
    position: relative;
    display: flex ; 
    margin: 0 auto;
    max-width: 100%!important;
    width: auto;
    max-height: calc(100%)!important;

  }.PhotoModalLoadingActive .PhotoModalLoading {
    background-color: rgba(200, 0, 0,0.7);
    position: absolute;

    margin: 0 auto;
    width: 100%;
    height: 100%;

  }.dialog-Photo .dialog-Photo-alt{
    position: relative;
    display: flex;
    width: 300px;
    left: calc(50% - 150px);
    justify-content: center;  

  }.SigdirOrtala{
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: auto;


  }.SigdirOrtala > *{
    max-width: 100%;
    max-height: 100%;
    position: relative;
  }#ModalCanvas{
    background-color: rgb(230, 230, 230);
    
  }.SismikPeiodTablo tbody tr td:first-child{   
    width: 100px!important;


  }.cursor-move:hover{
      cursor: move;
  }.cursor-crosshair:hover{
      cursor: crosshair;

  }



#link {color: #E45635;display:block;font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;text-align:center; text-decoration: none;}
#link:hover {color: #CCCCCC}

#link, #link:hover {-webkit-transition: color 0.5s ease-out;-moz-transition: color 0.5s ease-out;-ms-transition: color 0.5s ease-out;-o-transition: color 0.5s ease-out;transition: color 0.5s ease-out;}

/** BEGIN CSS **/ 
        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        .loading-container,
        .loading {
            height: 200px;
            position: relative;
            width: 200px;
            border-radius: 100%;
        }


        .loading-container { margin: 40px auto }

        .loading {
            border: 2px solid transparent;
            border-color: transparent #fff transparent #FFF;
            -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
            -moz-transform-origin: 50% 50%;
            -o-animation: rotate-loading 1.5s linear 0s infinite normal;
            -o-transform-origin: 50% 50%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            -webkit-transform-origin: 50% 50%;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            transform-origin: 50% 50%;
        }

        .loading-container:hover .loading {
            border-color: transparent #E45635 transparent #E45635;
        }
        .loading-container:hover .loading,
        .loading-container .loading {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        #loading-text {
            -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
            -o-animation: loading-text-opacity 2s linear 0s infinite normal;
            -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
            animation: loading-text-opacity 2s linear 0s infinite normal;
            color: #ffffff;
            font-family: "Helvetica Neue, "Helvetica", ""arial";
            font-size: 25px;
            font-weight: bold;
            margin-top: 50px;
            opacity: 0;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 0;
            width: 200px;


        }.blink{
          animation: blink 1s infinite;

        }@keyframes blink{
           0%{opacity:0;}
           50%{opacity:0;}
           51%{opacity:1;}
           100%{opacity:1;}

        }.ardisikDiv{
          position:absolute; 
          top:0; 
          left: -5px; 
          background-color: white; 
          width: 0px;
          height: 100%; 
          border-radius: 6px;
          overflow: hidden ;
          transition: all  .35s ease;
          opacity: 0;
        }.ardisikAcik{
          width: 120px;
          left: -125px;
          opacity: 1;
        }.ardisik{
          position: relative;
        }.ardisik .fa-trash{ 
          position: absolute;
          top: 3px;
          right: 3px;
          background-color: red;
          padding: 7px;
          border-radius: 50%;
          opacity: 0.6;
          font-size: 12px;
        }.ardisik .fa-trash:hover{
          opacity: 1;
          cursor: pointer;



        }.filebox{
          position: relative;
          border-radius: 5px;

        }.filebox .ratio > div{
          display: flex;
          justify-content: center;
          align-items: center;
        }.filebox .text{
          position: absolute;
          left: 0px;
          right: 0px;
          bottom: 0px;
          text-align: center;
        }.filebox:hover{
          cursor: pointer;

        }.filebox:hover i{
          text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
          transform: scale(1.2);
          color: black;
        }.dark-mode .filebox:hover i{
          color: white;
        }.filebox:hover .text{
          text-shadow: 0px 0px 4px #000;
          color: black;
          font-weight: bold;
        }.dark-mode .filebox:hover .text{
          text-shadow: 0px 0px 4px #fff;
          color: white;

        }photobox{
          position: relative; 
          display: flex;
          flex-direction: column;
          align-items: center;
          border-radius: 5px;
          transition: box-shadow 0.3s;
        }photobox:hover{
          cursor: pointer;
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); 
        }photobox:hover e{
          display: flex;
        }photobox:hover p{
          display: flex;
        }photobox > div {
          position: relative;
          width: 100%; 
          display: flex;
          align-items: center;
          padding: 50%;
        }photobox > div > div {
          position: absolute;
          top: 0px;
          left: 0px;
          bottom: 0px;
          right: 0px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 4px; 
          z-index: 0;
        }photobox > div > .loadButons {
          display: flex;
          flex-direction: column;
          top: calc(100% - 60px);
          
        }photobox > div > .loadButons > *{
          margin-top: 5px;
          width: 100%;
          display: flex;
          justify-content: center;

        }photobox img{
          border-radius: 3px;
          max-width: 100%;
          max-height: 100%;

        }photobox e, photobox f, photobox p{
          position: absolute;
          top: 6px;
          display: none;
          width: 30px;
          height: 30px;
          border-radius: 50%;
          justify-content: center;
          align-items: center;
          opacity: 0.5;
          z-index: 50!important;
        }photobox e{
          left: 5px;
          background-color: rgba(0, 200, 0, 1);

        }photobox e::after{
          content: "";
          width: 24px;
          height: 24px;
          background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path fill='white' d='M213.1 64.8L202.7 96 128 96c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64l-74.7 0L426.9 64.8C420.4 45.2 402.1 32 381.4 32L258.6 32c-20.7 0-39 13.2-45.5 32.8zM448 256c0 8.8-7.2 16-16 16l-76.7 0c-6.2 0-11.3-5.1-11.3-11.3c0-3 1.2-5.9 3.3-8L371 229c-13.6-13.4-31.9-21-51-21c-19.2 0-37.7 7.6-51.3 21.3L249 249c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l19.7-19.7C257.4 172.7 288 160 320 160c31.8 0 62.4 12.6 85 35l23.7-23.7c2.1-2.1 5-3.3 8-3.3c6.2 0 11.3 5.1 11.3 11.3l0 76.7zM192 320c0-8.8 7.2-16 16-16l76.7 0c6.2 0 11.3 5.1 11.3 11.3c0 3-1.2 5.9-3.3 8L269 347c13.6 13.4 31.9 21 51 21c19.2 0 37.7-7.6 51.3-21.3L391 327c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9l-19.7 19.7C382.6 403.3 352 416 320 416c-31.8 0-62.4-12.6-85-35l-23.7 23.7c-2.1 2.1-5 3.3-8 3.3c-6.2 0-11.3-5.1-11.3-11.3l0-76.7z'/></svg>"); 
          background-size: 100%;
          background-position: center; 
          background-repeat: no-repeat;

        }photobox p::after{
          content: "";
          width: 18px;
          height: 18px;
          background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path fill='white' d='M160 0c-23.7 0-44.4 12.9-55.4 32L48 32C21.5 32 0 53.5 0 80L0 400c0 26.5 21.5 48 48 48l144 0 0-272c0-44.2 35.8-80 80-80l48 0 0-16c0-26.5-21.5-48-48-48l-56.6 0C204.4 12.9 183.7 0 160 0zM272 128c-26.5 0-48 21.5-48 48l0 272 0 16c0 26.5 21.5 48 48 48l192 0c26.5 0 48-21.5 48-48l0-220.1c0-12.7-5.1-24.9-14.1-33.9l-67.9-67.9c-9-9-21.2-14.1-33.9-14.1L320 128l-48 0zM160 40a24 24 0 1 1 0 48 24 24 0 1 1 0-48z'/></svg>");
          background-size: 100%;
          background-position: center; 
          background-repeat: no-repeat;


        }photobox.fileload e{
          background-color: rgba(0, 0, 0, .1);

        }photobox.fileload e::after{
          background-image:  url('files_site/svg/map-add-svgrepo-com-white.svg'); 
          background-size: 80%;


        }photobox.filedownload e{
          background-color: rgba(200, 200, 200, .5);
        }photobox.filedownload e::after{
          background-image:  url('files_site/svg/download.svg'); 
          background-size: 80%;

        }.fa-geojson{
          width: 50%;
          height: 50%;
          background-image:  url('files_site/svg/map-gps-svgrepo-com-white.svg'); 
          background-size: 100%;
          background-position: center; 

        }photobox f{
          background-color: rgba(200, 0, 0, 1 );
          right: 5px;

        }photobox p{
          background-color: rgba(0, 200, 200, 1 );
          left: 5px;
          top: 50px;

        }photobox f::after{
          content: "";
          width: 18px;
          height: 18px;
          background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 485 485'><rect x='67.224' fill='white' width='350.535' height='71.81'/><path  style='stroke-linecap: round; stroke-linejoin: round; fill: white; stroke: rgb(255, 255, 255); stroke-width: 2px;' d='M417.776,92.829H67.237V485h350.537V92.829H417.776z M165.402,431.447h-28.362V146.383h28.362V431.447z M256.689,431.447 h-28.363V146.383h28.363V431.447z M347.97,431.447h-28.361V146.383h28.361V431.447z'/></svg>");
        }.photoVar:hover e,.photoVar:hover f{
          display: flex;

        }photobox e:hover ,photobox f:hover , photobox p:hover  {
          transform: scale(1.2);
          opacity: 1;
          box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); 

        }photobox.resimEdit p,photobox.resimEdit e,photobox.resimEdit f{
          display: none!important;


        }photobox l,photobox c{
          display: none;
          position: absolute;
          height: 25px;
          width: 50px;
          border-radius: 5px;
          text-align: center;

        }photobox l{
          bottom: 26px;
          background-color: rgba(52,130,150,1)!important;

        }photobox c{
          bottom: 0px;
          background-color: red;

        }photobox l::after{
          content: "Yükle";
        }photobox c::after{
          content: "İptal";

        }photobox.resimEdit l,photobox.resimEdit c{
          display: block;

        }photobox span{
          text-align: center;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; /* number of lines to show */
               line-clamp: 2; 
          -webkit-box-orient: vertical;
          line-height: 25px;
          height: 50px;
          text-decoration: underline;
          z-index: 10;
        }photobox:hover span{
          overflow: visible;
          display: block;


        }photobox.fileload span>div{
          pointer-events: none;
          transition: all 0.3s;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2; /* number of lines to show */
               line-clamp: 2; 
          -webkit-box-orient: vertical;
          position: absolute;
          bottom: 0px;
          left: 0px;
          right: 0px;
          max-height: 50px;
          padding: 1px 2px;
          z-index: 2;

        }photobox.fileload:hover span>div{
          text-overflow: none;
          display: block;
          overflow: visible;
          background-color: rgba(30, 30, 40, 1);
          color: white;
          max-height: none; 
          padding: 5px 2px;



        }.file-box-page{
          position: relative;
          display: flex;
          flex-direction: column;
          width: 140px!important;
          border-radius: 2px;
          float: left;
          background-color: rgba(255, 255, 255, 0.5);

        }.file-box-body{
          position: relative;
          width: 100%; 
          height: 190px!important;

        }.file-box-head{
          position: relative;

        }.file-box-page .sayfaEkle{
          position: absolute;
          right: 5px;
          background-color: rgba(0, 50, 0, 0.5);
          width: 0;
          opacity: 0;
          top: 2px;
          bottom: 2px;
          border-radius: 5px;
          transition: all 0.3s;
          display: flex;
          align-items: center;
          justify-content: center;
        }.file-box-page .sayfaEkle:hover{
          cursor: pointer;


        }.file-box-head:hover .sayfaEkle{ 
          width: 30px;
          opacity: 1;

        }.file-box-body photobox{
          position: relative; 
          display: flex;
          justify-content: center;
          align-items: center;
          border-radius: 3px;
          width: 100%;
          height: calc(50% - 3px)!important;


        }.checkboxyap input:hover{
          cursor: pointer;
        }.checkboxyap input[type="checkbox"]{
          position: relative;
          width: 30px;
          height: 15px;
          -webkit-appearance: none;
          background-color: red;
          outline: none;
          border-radius: 8px;
          transition: 0.3;
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
          margin-left: 5px;
          margin-right: 5px;
        }.checkboxyap input:checked[type="checkbox"]{
          background-color: #03a9f4;
        }.checkboxyap input[type="checkbox"]::before{
          content: "";
          position: absolute;
          width: 15px;
          height: 15px;
          border-radius: 50%;
          top:0;
          left: 0;
          background: #fff;
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
          transform: scale(1.1);
          transition: 0.3s;
        }.checkboxyap input:checked[type="checkbox"]::before{
          left: 15px;


  }.jeoFizikEkler{
    background-color: rgba(255, 255, 255, 0.6);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 200px;
    width: 140px;
  }.jeoFizikEkler .ekic{
    position: relative;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;

  }.textareaDiv{
    white-space: pre-line;
    border: 1px solid transparent;

  }.editDiv{
    white-space: pre-line;
  }.editDiv:focus{
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    border-radius: 5px;
    border: 1px solid #eee;
    background-color: rgba(0, 0, 0, 0.05);


  }.jeoFizikEkler span{
    z-index: 2;

    color: black;
  }.jeoFizikEkler .jefizikimg{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.4;
  }.jeoFizikEkler .ekic:hover .jefizikimg{
    z-index: 3;
    opacity: 1;

  }.jeoFizikEkler .jefizikimg img{
    max-width: 100%;
    max-height: 100%;


}select option:checked {
      background-color: rgb(25, 103, 210);
 }