.breadcrumb,
   ul {
      list-style: none
   }

   .tab p,
   .tab1 p,
   .tr-tabs {
      text-align: center
   }

   @media screen and (max-width:1200px) and (min-width:481px) {
      .tab p {
         padding: 0 !important
      }
   }

   @media (min-width:992px) {
      .col-md-12 {
         width: 100%;
         float: left
      }

      .tab p,
      .tab1 p {
         font-weight: 600
      }
   }

   .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%
   }

   .breadcrumb {
      padding: 8px 15px;
      margin-bottom: 20px;
      background-color: #f5f5f5;
      border-radius: 4px
   }

   .bc {
      text-transform: uppercase;
      background: #fff !important;
      margin-top: 30px
   }

   .tab, .tab1 {
    min-height: 100px; 
    height: auto;
    padding: 20px; 
   }

   .breadcrumb>li {
      display: inline-block;
      color: #9c9c9c;
      font-size: 11px
   }

   .tab,
   .tab1 {
      color: #37517e
   }

   .tab,
   .tab p,
   .tab1,
   .tab1 p {
      font-size: 12px
   }

   .bc li a {
      color: #9c9c9c !important;
      font-weight: 700;
      font-size: 11px;
      font-family: helvetica
   }

   a {
      background-color: transparent;
      text-decoration: none !important;
      color: #337ab7
   }

   .breadcrumb>li+li:before {
      padding: 0 5px;
      color: #ccc;
      content: "/\00a0"
   }

   .bc>li+li:before {
      color: #6d6d6d !important;
      content: "\f105 " !important;
      font-family: fontAwesome
   }

   .page-newdeta {
      margin-top: 5px
   }

   p {
      margin: 0 5px 10px 0;
      font-family: Helvetica;
      text-align: justify
   }

   h4 {
      margin-bottom: 4rem
   }

   .tr-tab-1 .tab,
   .tr-tab-2 .tab,
   .tr-tab-3 .tab,
   .tr-tab-4 .tab {
      float: left;
      margin-right: 5px;
      margin-top: 5px
   }

   .tab {
      width: 24%;
      height: 90px;
      border-radius: 10px;
      padding: 5px 4px;
      border: 1px solid #b3b3b3
   }

   .tab1 {
      width: 35%;
      height: 80px;
      border-radius: 10px;
      padding: 20px 10px;
      border: 1px solid #b3b3b3;
      margin: 0 auto
   }

   .myContentsDiv {
      width: 97.5%;
      float: left;
      margin-top: 20px;
      margin-bottom: 20px;
      color: #000;
      border: 1px solid #37517e;
      border-radius: 10px;
      padding: 10px;
      text-align: start
   }

   .myContentsDiv a {
      font-weight: 700;
      color: #375974
   }

   @media (min-width:1200px) {
      .container {
         width: 1280px
      }
   }

   @media screen and (max-width:790px) {

      .tab,
      .tab1 {
         width: 49%
      }
   }

   .tab p {
      line-height: initial
   }

   @media only screen and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) {
      h4 {
         font-size: 22px
      }
   }

   @media screen and (min-width:579px) {
      .tab p {
         text-align: center;
         position: relative;
         top: 50%;
         -ms-transform: translateY(-50%);
         -webkit-transform: translateY(-50%);
         transform: translateY(-50%)
      }

      .tab1 p {
         margin-top: -10px !important
      }
   }

   .tab1:hover,
   .tab:hover {
      cursor: pointer;
      background-color: #37517e;
      color: #fff
   }

   .focused {
      background-color: #37517e;
      color: #fff
   }

   @media screen and (min-width:400px) and (max-width:578px) {
      .copy {
         width: 80% !important;
         margin: 0 auto !important
      }
   }

   @media screen and (max-width:399px) {
      .copy {
         width: 100% !important;
         margin: 0 auto !important
      }
   }

   @media screen and (max-width:578px) {
      .tr-tabs {
         text-align: center;
         display: inline-block
      }

      .tab p,
      .tab1 p {
         font-weight: 600
      }

      .myContentsDiv p,
      .myContentsDiv ul,
      .tab p {
         font-size: 12px !important
      }

      .tr-tab-1 .tab,
      .tr-tab-2 .tab,
      .tr-tab-3 .tab,
      .tr-tab-4 .tab {
         margin-right: 5px;
         margin-top: 5px
      }

      .tab1,
      .tr-tab-1 .tab,
      .tr-tab-2 .tab,
      .tr-tab-3 .tab,
      .tr-tab-4 .tab {
         width: 100%;
         margin-left: 0;
         height: fit-content;
         border-radius: 10px;
         font-size: 12px;
         padding: 20px;
         margin-bottom: 10px
      }

      .myContentsDiv ul {
         margin-left: -40px !important
      }
   }

   .accessibility__contrast .tab,
   .accessibility__contrast .tab1 {
      background-color: #4d4d4d;
      border: 1px solid #4d4d4d;
      color: #fff
   }

   .accessibility__contrast .myContentsDiv {
      background-color: #282828;
      border: 1px solid red;
      color: #fff
   }

   .accessibility__contrast .myContentsDiv a {
      color: #fff
   }

   .accessibility__contrast .focused,
   .accessibility__contrast .tab1:hover,
   .accessibility__contrast .tab:hover {
      background-color: red;
      border: 1px solid #fff
   }

/* CSP E15 - Kontrolli i seksioneve te Transparences */
.myContentsDiv {
    display: none;
}

.myContentsDiv.klsh-content-visible {
    display: block;
}

/* CSP E15 - Formatimi i faqes Transparenca */
body.page-template-page-transparenca .klsh-font-95 { font-size: 95%; }
body.page-template-page-transparenca .klsh-pad-15 { padding: 15px; }
body.page-template-page-transparenca .klsh-pad-30-10 { padding: 30px 10px; }
body.page-template-page-transparenca .klsh-pad-25-10 { padding: 25px 10px; }
body.page-template-page-transparenca .klsh-pad-10-10 { padding: 10px 10px; }
body.page-template-page-transparenca .klsh-pad-20-10 { padding: 20px 10px; }