.tobulinimas{font-size: 10px;color:#993300;position:absolute;top:0;right:0; background: #D3CDC6; padding:3px;border-radius:0px 0px 0px 10px; border-left:1px solid #000; border-bottom:1px solid #000;}
.rel{position:relative;}
.brown{color:brown;}
.left{text-align:left;}
.block{display:block;}
.r_info{float:right; padding:3px; font-size:8px; border-radius:10px;}
.info_s{font-size:10px;}
.gyvselected{font-size:15px;color:green;}
.pf_lvl{border:1px solid#000; background: rgba(0,90,0,0.7); padding:3px;font-size:12px;width:15px;height: 15px;border-radius: 50%; color: #fff;text-align:center;}
.pf_lvl2{border:1px solid#000; background: rgba(247, 248, 247, 0.9); padding:3px;font-size:12px;width:15px;height: 15px;border-radius: 50%; color: #000;text-align:center;}

        .dropdown {
            position: relative;
            display: block;
        }

        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #f1f1f1;
            min-width: 200px;
	width:100%;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index:999;
        }

        .dropdown-content a {
            color: black;
            padding: 12px 16px;
            text-decoration: none;

        }

        .dropdown-content a:hover {
            background-color: #ddd;
        }

        .dropdown-item {
            padding: 10px;
            z-index:999;
        }

        .dropdown-item-title {
            font-weight: bold;
            font-size: 14px;
        }

        .dropdown-item-subtext {
            font-size: 12px;
            color: gray;
        }

        .dropdown button {
            padding: 10px;
            background-color: #f3cf9c;
            color: white;
            border: none;
            cursor: pointer;
        }

        .dropdown button:hover {
            background-color: #45a049;
        }



.notification {
  position: fixed;
  bottom: 10%; 
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  max-width: 90%; 
  padding: 12px 18px;
  background-color: #ffecb3; 
  color: #795548; 
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  font-size: 12px;
  text-align: center;
  opacity: 0; 
  pointer-events: none;
  animation: fadeInOut 2s ease forwards;
  z-index: 1000;
}

@media (min-width: 768px) {
  .notification {
    font-size: 14px;
          padding: 15px 20px;
  }
}

@media (min-width: 1024px) {
  .notification {
    font-size: 14px;
      padding: 18px 25px;
  }
}

.ok {    background: rgb(132, 180, 134);   box-shadow: 0 2px 10px rgba(118, 163, 119, 0.2); color: #ffffff;}
.bad {    background: rgb(229, 115, 115); box-shadow: 0 2px 10px rgba(196, 94, 94, 0.2);  color: #ffffff;}
.bad2 {    background: #E07F78;}


@keyframes fadeInOut {
  0% { opacity: 0; }
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}

.power-display {
  position: absolute;
  top: 20px;
  font-size: 24px;
  font-weight: bold;
}

.floating-points {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  opacity: 0;
  pointer-events: none;
}

@keyframes floatToTop {
  0% {
      opacity: 1;
      transform: translate(-50%, -50%);
  }
  100% {
      opacity: 0;
      transform: translate(-50%, -200px);
  }
}

.floating-points.active {
  animation: floatToTop 1.5s ease forwards;
}


.ab{position:absolute;}
.rel{position:relative;}
.mt5{margin-top:5px;}
.Info { font-size:13px;}


.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.arrq, .arrq-attack, .arrq-rd, .arrq-zv, .arrq-ps {
  width:30px;
  line-height:30px;
  position:relative;
  background:#B0A493;
  text-align:center;
}

.arrq:after, .arrq:before, .arrq-rd:before, .arrq-zv:before, .arrq-ps:before{
  content:"";
  position:absolute;
  width:20px;
  height:50%;
  left:100%;
}
.arrq:after, .arrq-attack:after, .arrq-rd:after, .arrq-zv:after, .arrq-ps:after {
  bottom:0;
  background: linear-gradient(to right bottom, #B0A493 50%, transparent 50%);
}
.arrq:before, .arrq-attack:before, .arrq-rd, .arrq-rd:before, .arrq-zv:before, .arrq-ps:before{
    top:0;
  background: linear-gradient(to right top, #B0A493 50%, transparent 50%);
}
.arrq-attack {  background:#bb5656;}
.arrq-attack:after{  background: linear-gradient(to right bottom, #bb5656 50%, transparent 50%);}
.arrq-attack:before{  background: linear-gradient(to right top, #bb5656 50%, transparent 50%);}

.arrq-rd {  background:#e4dea8;}
.arrq-rd:after{  background: linear-gradient(to right bottom, #e4dea8 50%, transparent 50%);}
.arrq-rd:before{  background: linear-gradient(to right top, #e4dea8 50%, transparent 50%);}

.arrq-zv {  background:#9cc0dd;}
.arrq-zv:after{  background: linear-gradient(to right bottom, #9cc0dd 50%, transparent 50%);}
.arrq-zv:before{  background: linear-gradient(to right top, #9cc0dd 50%, transparent 50%);}

.arrq-ps {  background:#8bbd8c;}
.arrq-ps:after{  background: linear-gradient(to right bottom, #8bbd8c 50%, transparent 50%);}
.arrq-ps:before{  background: linear-gradient(to right top, #8bbd8c 50%, transparent 50%);}
.arrq2{
  width:99%;
  line-height:36px;
  position:relative;
  background:#B0A493;
  text-align:center;
  margin-top:2px;

}
.arrq2:after, .arrq2:before{
  content:"";
  position:absolute;
  width:20px;
  height:50%;
  right:100%;
}
.arrq2:after{
  bottom:0;
  background: linear-gradient(to left bottom, #B0A493 50%, transparent 50%);
}
.arrq2:before{
    top:0;
  background: linear-gradient(to left top, #B0A493 50%, transparent 50%);
}

.tb, .tb-attack, .tb-rd, .tb-zv, .tb-ps {
  border: 1px solid black;
  border-collapse: collapse;
overflow-y: auto;
overflow-x : hidden;
  padding: 10px;
    background:#D8CDBF;

  text-align: left;
}
.tb-attack{    background:#e57373;}
.tb-attack a {color: #f5f5f5;}
.tb-attack a:hover {color: #4e342e;}

.tb-rd{    background:#fff9c4;}
.tb-rd a {color: #795548;}
.tb-rd a:hover {color: #8d6e63;}

.tb-zv{    background:#bbdefb; color:#37474f;}
.tb-zv a {color: #795548;}
.tb-zv a:hover {color: #1e88e5;}

.tb-ps{    background:#a5d6a7; color:#000000;}
.tb-ps a {color: #795548;}
.tb-ps a:hover {color: #8d6e63;}

.tb2 {
  border: 1px solid black;
  border-collapse: collapse;
overflow-y: auto;
overflow-x : hidden;

    background:#E8E2DB;
  padding: 5px;

  text-align: center;
}
.ft10 {font-size:10px;}
.ftt {font-size:13px;}
.pdd10 {
  padding: 10px;
}
 th {background-color: #4544;}
#top {background-color: #4845;}

#tableHolder, .tableHolder
{
overflow: scroll;
overflow-y : hidden;
}




.ibrown{color:brown;font-weight:bold;}
.igreen{color:rgb(26, 124, 56);font-weight:bold;}

.IsTop{position:absolute; left:60px;top:8px;}
@media screen and (min-width: 800px) {
  #tableHolder, .tableHolder{overflow-x : hidden;}
  }

@media (max-width: 768px) {
  .IsTop{font-size:10px; top:10px;}
.field_1 {top:5px; left:10px;}
.field_2 {top:70px; left:15px;}
.field_3 {top:40px; left:40px;}
.field_4 {top:20px; left:85px;}
.field_5 {top:5px; right:37px;}
.field_6 {top:65px; right:18px;}
.field_7 {top:5px; right:135px;}
.field_8 {top:45px; right:90px;}
.field_9 {bottom:5px; left:5px;}
.field_10 {bottom:15px; left:170px;}
.field_11 {bottom:70px; left:15px;}
.field_12 {bottom:30px; left:90px;}
.field_13 {bottom:0px; right:85px;}
.field_14 {bottom:50px; right:70px;}
.field_15 {bottom:90px; right:112px;}
.field_16 {bottom:120px; right:60px;}
.field_17 {bottom:70px; right:25px;}
.field_18 {bottom:25px; right:8px;}
.field_center {bottom:50%; right:50%;}
.field_center2 {bottom:45%; right:38%;}



.Building_0 {top: 120px; left:80px; }
.Building_1 {top: 70px; left: 165px;}
.Building_2 {top: 115px; left: 160px;}
.Building_3 {top: 30px; left: 160px;}
.Building_4 {top: 90px; left: 230px;}
.Building_5 {top: 130px; right: 30px;}
.Building_6 {top: 100px; left: 5px;}
.Building_7 {top: 70px; left: 55px;}
.Building_8 {top: 30px; left: 100px;}
.Building_9 {top: 140px; left: 5px;}
.Building_10 {bottom: 40px; left: 110px;}
.Building_11 {bottom: 40px; left: 35px;}
.Building_12 {bottom: 75px; left: 70px;}
.Building_13 {bottom: 15px; right: 20px;}
.Building_14 {bottom: 10px; left: 160px;}
.Building_15 {bottom: 60px; left: 160px;}
.Building_16 {bottom: 60px; right: 30px;}
.Building_19 {top: 20px; left: 40px;}
.Building_20 {top: 20px; right: 90px;}
.Building_21 {top: 30px; right: 20px;}
.Building_22 {top: 70px; right: 30px;}
.Building_23 {bottom: 30px; right: 90px;}
.Building_24 {bottom: 90px; right: 90px;}



.Slide{overflow: scroll;overflow-y: hidden;
.ResBar {text-align:left; font-size:11px; max-width: max-content; overflow: scroll;overflow-y: hidden;}
.MobPp {height: 49px; min-height: 49px; max-height: 49px; margin-left:2px;}
}
}
@media (min-width: 1400px) {
.Nopc{display:none;}
.field_19 {top:30px; left:30px;}
.field_2 {top:120px; left:25px;}
.field_3 {top:80px; left:100px;}
.field_4 {top:20px; left:180px;}
.field_5 {top:25px; right:85px;}
.field_6 {top:145px; right:45px;}
.field_7 {top:25px; right:279px;}
.field_8 {top:110px; right:185px;}
.field_9 {bottom:30px; left:50px;}
.field_10 {bottom:40px; right:340px;}
.field_11 {bottom:140px; left:70px;}
.field_12 {bottom:80px; left:190px;}
.field_13 {bottom:15px; right:180px;}
.field_14 {bottom:110px; right:148px;}
.field_15 {bottom:200px; right:230px;}
.field_16 {bottom:260px; right:130px;}
.field_17 {bottom:155px; right:65px;}
.field_18 {bottom:70px; right:28px;}
.field_center {bottom:43%; right:38%;}


.Building_0 {top: 250px; left: 200px;}
.Building_1 {top: 150px; left: 330px;}
.Building_2 {top: 225px; left: 310px;}
.Building_3 {top: 80px; left: 310px;}
.Building_4 {top: 190px; right: 150px;}
.Building_5 {top: 260px; right: 90px;}
.Building_6 {top: 190px; left: 10px;}
.Building_7 {top: 150px; left: 110px;}
.Building_8 {top: 100px; left: 220px;}
.Building_9 {top: 270px; left: 10px;}
.Building_10 {bottom: 80px; left: 220px;}
.Building_11 {bottom: 80px; left: 80px;}
.Building_12 {bottom: 160px; left: 120px;}
.Building_13 {bottom: 20px; right: 70px;}
.Building_14 {bottom: 20px; right: 310px;}
.Building_15 {bottom: 120px; right: 310px;}
.Building_16 {bottom: 120px; right: 80px;}


.Building_19 {top: 50px; left: 100px;}
.Building_20 {top: 50px; right: 170px;}
.Building_21 {top: 80px; right: 60px;}
.Building_22 {top: 150px; right: 60px;}
.Building_23 {bottom: 60px; right: 200px;}
.Building_24 {bottom: 180px; right: 220px;}

.ResBar {font-size:13px; max-width: max-content;}
.pwi{width:25%;}


}

.nob{    white-space: nowrap;}
.mt2{margin:2px;}
.navLink  {
    padding: 2px 5px;
    font-size: small;
    background-color: #E0D6AA;
    border: 1px solid #111;
    border-radius: 5px;

}
.navLink-selected  {
    background-color: #c2b990;
    border: 1px solid #111;
}

.navLinkBorder{    border-bottom: 1px solid #a5a4a0;}
.darkerHead {    
  background-color: #a09f9b;
  padding: 10px;
}
.Tpb {
    font-size: small;
    background-color: #fff5cb;
border-right: 1px solid #E0D6A5;


}
.Tpb2 {
  font-size: small;
  background-color: #e9dfb7;
border: 1px solid #c7be93;  

}
.Tpb3 {
  font-size: small;
  background-color: #ddd3aa;
border: 1px solid #c7be93;
}
.pad0{padding:0px;}
.pad10{padding:10px;}
.pad5{padding:5px;}
.limt{margin-top:-15px;  font-style: italic;}
.col-container, .bcol {
  display: table;
  width: 100%;
 word-wrap: break-word;
}

.col {
  display: table-cell;
  padding: 3px;

}
a.col:hover{background: #b9af83;}
.selected {background: #E0D6AA;}


        
.resm {
background: #E1D5A2;
border-radius:5px;
}
.resx {background: #C4B77F;}

.linkButton {font: 14px Verdana, Arial, sans-serif; background: #EEE; color: #000040; border: 1px solid;}
.spraksi{background: url('/images/spraksi.gif');}
.pad10{padding:10px;}
.mb-4{margin-bottom:-4px;}
.ResBar {text-align:left; margin-bottom:-13px;margin-left:-10px;  white-space: nowrap;}
.ResItem {padding: 3px;background: #CDC39A; border:1px solid #8E855D; }
.ResTop {display:inline-block; margin-right:-8px;}
.paper{
border-color:transparent;border-style:solid;border-width:28px 30px 30px 34px;border-image:url(images/paper.png) 28 30 30 34 fill stretch
}


.c1 {color: #9d9d9d; }
.c2 {color: bronze; }
.c3 {color: pink; }
.c4 {color: #50BFBF; }
.c5 {color: #DA5353; }
.c6 {color: #A96CBE; }
.c7 {color: #265739; }
.c8 {color: #78B4B3; }


.Pagination {
  padding: 5px;
  text-align: center;
}



.Pagination-block-out {
  color: #000;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 4px;
  border: 1px solid #ffa200;
  border-radius: 3px;
}



.Pagination-block {
  color: #000;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 4px;
  border: 1px solid #252e35;
  border-radius: 3px;
background: #eadfb0;
}



.Pagination-block:hover, .Pagination-block:active {
  background: #C1B684;
  border: 1px solid #252e35;
  color: #000;
}
.Pagination-active {
background: #C2B684;
}

a.btn_new {
	font-family: Lucida Console;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 130px;
    height: 44px;
    margin: 2px;
    padding: 0 10px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background: #345881 -webkit-gradient(linear,left top,left bottom,color-stop(50%,#345881),color-stop(50%,#224971));
    background: #345881 linear-gradient(#345881 50%,#224971 50%);
    border: 2px solid;
    border-color: #3c6695 #3c6695 #193654 #193654;
    outline: 2px solid #07111a;
    text-decoration: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;

}
.fff{color:#fff;}
.bold{font-weight:bold;}

.search-result {
  border: 1px solid #ccc;
  border-radius: 5px;
  max-height: 300px; 
  overflow-y: auto;
  background-color: white;
  position: absolute; 
  width: calc(100% - 24px); 
  margin-top: 5px;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 9999; 
  font-size: 14px;
}

@media (max-width: 768px) {
  .search-result {
      position: fixed;
      top: 10%; 
      left: 5%;
      width: 90%;
      max-height: 50vh;
      overflow-y: auto;
      z-index: 1000; 
  }
}

.search-result div {
  padding: 8px 10px;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.search-result div:hover {
  background-color: #f0f0f0;
}
.chatroom, .chatroom-selected {
  background: #f0e9e9;
  padding:4px;
   display:inline-block;
  border:1px dashed #ccc;
  border-bottom:0px;
}
.chatroom-selected  {
  background: #e2d8d8;
  font-weight:bold;
}
#send-button  {
  background: #f0e9e9;
  padding:7px;
  width:100%;
  margin-bottom:5px;
  border:1px dashed #ccc;
  margin-top:-15px;
}

.slideshow-container {
  position: relative;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.slides {
  display: none;
  position: relative;
  width: 100%;
}
.slides img {
  width: 100%;
  height: 250px;
  object-fit: contain; 
  background-color: #000; 
}

.slides {
  position: relative;
}

.info_img {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 4px;
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.lightbox img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  margin: auto;
}

.lightbox .info {
  margin-top: 10px;
  color: white;
  font-size: 16px;
}

.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}

.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

.close {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(255, 255, 255, 0.8);
  color: black;
  border: none;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}

.close:hover {
  background: rgba(255, 255, 255, 1);
}


.results { border: 1px solid #ccc; max-height: 200px; overflow-y: auto; }
.results div { padding: 5px; cursor: pointer; }
.results div:hover { background-color: #f0f0f0; }


 .statis {
            font-size: small;


            border-radius: 5px;
            display: flex;
            flex-wrap: wrap;
            gap:5px;
            justify-content: center;
            align-items: center;
            margin: 2px auto;
            box-sizing: border-box;
            color: #333;
        }


              .bonus-bar {
            font-size: small;
            background-color: #e9dfb7;
            border: 1px solid #c7be93;
            padding: 10px;
            border-radius: 5px;
            
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: center;
            align-items: center;
            margin: 2px auto;
            box-sizing: border-box;
            color: #333;
        }

        .bonus-title {
            font-weight: bold;
            margin-right: auto;
            white-space: nowrap;
        }

        .bonus-data-wrapper {
            font-size: small;
            display: flex;
            gap: 15px;
            text-align: center;
        }

        .bonus-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            line-height: 1.2;
        }

        .bonus-label {
            font-size: x-small;
            color: #666;
            margin-bottom: 2px;
        }

        .separator {
            border-left: 1px solid #c7be93;
        }

        .bonus-value-current {
            font-weight: bold;
            color: #047857;
        }

        .bonus-value-next {
            font-weight: bold;
            color: #b45309;
        }

a.zaliasbtn,
input.zaliasbtn[type="submit"],
button.zaliasbtn[type="submit"] {
    padding: 10px 25px;
    background-color: #6c7e4e;
    color: #ffffff;
    border: 2px solid #3b442b;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em;
    cursor: pointer;
    box-shadow: 0 4px 0 #3b442b;
    transition: background-color 0.15s, transform 0.15s, box-shadow 0.15s;
    white-space: nowrap;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}


a.zaliasbtn:hover,
input.zaliasbtn[type="submit"]:hover,
button.zaliasbtn[type="submit"]:hover {
    background-color: #556536;
    transform: translateY(2px);
    box-shadow: 0 2px 0 #3b442b;
}


.zaliasbtn-disabled,
input.zaliasbtn[type="submit"]:disabled,
button.zaliasbtn[type="submit"]:disabled {
    background-color: #cccccc;
    color: #666666;
    border-color: #999999;
    box-shadow: none;
    cursor: not-allowed;
    transform: none;
}


.zaliasbtn-disabled:hover,
input.zaliasbtn[type="submit"]:disabled:hover,
button.zaliasbtn[type="submit"]:disabled:hover {
    background-color: #cccccc;
    transform: none;
    box-shadow: none;
}

a.melynasbtn,
input.melynasbtn[type="submit"],
button.melynasbtn[type="submit"] {
    padding: 10px 25px;
    background-color: #3498db; 
    color: #ffffff;
    border: 2px solid #2980b9; 
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em;
    cursor: pointer;
    box-shadow: 0 4px 0 #2980b9; 
    transition: background-color 0.15s, transform 0.15s, box-shadow 0.15s;
    white-space: nowrap;
    text-align: center; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
a.raudonasbtn,
input.raudonasbtn[type="submit"],
button.raudonasbtn[type="submit"] {

    padding: 10px 25px;
    background-color: #e74c3c; 
    color: #ffffff;
    border: 2px solid #c0392b; 
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.1em;
    cursor: pointer;
    box-shadow: 0 4px 0 #c0392b; 
    transition: background-color 0.15s, transform 0.15s, box-shadow 0.15s;
    white-space: nowrap;
    text-align: center; 
    -webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.dinline{    display:inline-block;}
.dblock{    display:block;}
.modal-in {

    background: #f4d596 url(paper.jpg) repeat top;
    color: #281a0d;
    background-size: 150%;
    background-position-x: -55px;
    box-shadow: 0 0 0 2px rgba(153, 153, 153, .3);
    border: 1px solid #211f1f;
    border-radius: 6px;
    user-select: none;
}.error-box {
    background-color: #fce8a9;
    border: 1px solid #f39c12;
    color: #333333;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 6px;
    font-family: Arial, sans-serif;
    font-size: 1em;
    line-height: 1.4;
    font-weight: bold;
}

.error-box p {
    margin: 0; 
}.success-box {
    background-color: #d4edda; 
    border: 1px solid #c3e6cb; 
    color: #155724; 
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 6px; 
    font-family: Arial, sans-serif;
    font-size: 1em;
    line-height: 1.4;
    font-weight: bold;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); 
}

.success-box p {
    margin: 0; 
}


.carry {
  width: 13px;
  height: 14px;
  background-image: url('/images/icons/ats/carry.gif');
  background-repeat: no-repeat;
  display: inline-block;
}
.carry_1 { background-position: 0 0; }
.carry_2 { background-position: 0 -14px; }
.carry_3 { background-position: 0 -28px; }
.carry_4 { background-position: 0 -42px; }



        .container{display:flex;gap:.5em;flex-wrap:wrap;margin-top:5px;}
        .radio-select-large{padding:.8em 1em;background:#fff3bf;border:1px solid #bca85b;border-radius:5px;transition:.2s;cursor:pointer;}
        .radio-select-large:hover{background:#ffef9f;}
        .radio-select-large-input{accent-color:#b2741b;transform:scale(1.2);}
        .radio-select-large-content small{font-weight:600;color:#5c4c1a;}
      .xlar { flex:1 1 30%; display:flex;gap:.6em;align-items:center;}
        .kariuInputas { 
    flex: 1; 
    padding: 6px 10px;  
    font-size: 1rem;
    border: 1px solid #bca85b;
    border-radius: 5px;
    outline: none;
    box-sizing: border-box;
}

.kariuInputas:focus {
    border-color: #b2741b;
    box-shadow: 0 0 5px rgba(178, 116, 27, 0.5);
}