/*** btext_meniu css                       ***/
		.blu {color:var(--blue)}	
		button.btext_meniu_btn {border:1px solid #ccc;background-color:white; border-radius: 0 16px 16px 0;line-height:1.3em;padding-top:2px}
		button.btext_meniu_btn:hover {background-color:var(--lightgrey)}
		.info {font-size:12px; margin: 3px 0}
        /* btext_meniu - vietos-leidimo meniukas */
        .btext_meniu {font-family: var(--font-sans); /*position:absolute; margin:auto;*/ 
			height:400px; width:100%;max-width:480px;padding:0;font-size:14px}
        .btext_meniu .cia {margin:6px 12px 12px 6px;font-weight:bold;}
        .btext_meniu .meniu-search {margin:12px 20px 12px 12px;}
        .btext_meniu .meniu-search input {border:1px solid var(--darkgrey);color:var(--blue);padding:2px 6px} /*** ATSKIRAI Stilinti **/
		.btext_meniu .meniu-search input:focus, .btext_meniu .meniu-search input:focus-visible {outline:1px solid var(--blue)}

        .btext_meniu_tabs {width:100%;height: 100%; margin: 0;}

        /* Style the tab */
        .btext_meniu_tab {
          overflow: hidden;
          /*border: 1px solid #ccc;*/
          background-color: #f1f1f1;
        }
        /* Style the buttons that are used to open the tab content */
        .btext_meniu_tab button { width:50%;
          background-color: inherit;
          float: left;
          border: none;
          outline: none;
          cursor: pointer;
          padding: 6px 16px;
          transition: 0.3s;
        }

        /* Change background color of buttons on hover */
        .btext_meniu_tab button:hover {
          background-color: var(--darkgrey);/*#ddd;*/
        }

        /* Create an active/current tablink class */
        .btext_meniu_tab button.active {
          background-color: var(--grey);/* #ccc;*/
          border-bottom: 3px solid var(--darkgrey);
		  font-weight:bold;
        }

        /* Style the tab content */
        .btext_meniu .tabcontent {
          display: none;
          padding: 12px 0 12px 12px;
          /*border: 1px solid #ccc;*/
          border-top: none;
        }
		.btext_meniu .tabcontent hr {border-width:0;border-top:1px dotted var(--darkgrey)}

/* knygu-skyriu meniuko gabalai */
        .bmtestamentai {font-size:11px;padding:10px 0;letter-spacing:1px}
        .bknygos {display:grid;grid-template-columns: 100%;max-height:210px;overflow-y:scroll;font-size:14px;}
        .bknyga > a {display:block;padding:2px 0;color:var(--black);}
        .bmeniu_sk-h {display:grid;grid-template-columns: repeat(auto-fit, minmax(201px, 1fr));
            grid-gap:6px; background-color:white; max-height:110px;overflow-y:scroll;overflow-x:hidden;border:1px dotted SteelBlue;font-size:14px}
        .bmeniu_sk {display:grid;grid-template-columns: repeat(5, 1fr); border-right:1px dotted SteelBlue}
        .bmeniu_sk > a {padding:10px 0;text-align:center;}
        .bmeniu_sk a:hover {background-color: var(--lightgrey)}
        .bmeniu_h {max-height:110px;font-size:12px}
        .bmeniu_h a {display:block;padding:2px 0}

@media screen and (max-width: 480px) {
    .bmeniu_h {display: none}
}



/********** MODAL ***/
        /* The Modal (background) */
        .modal {
          display: none; /* Hidden by default */
          position: fixed; /* Stay in place */
          z-index: 1; /* Sit on top */
          left: 0;
          top: 0;
          height:400px; width:100%;
          /* buvo 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.4); / Black w/ opacity */
        }

        /* Modal Content/Box */
        .modal-content {
          background-color: var(--lightgrey);/* #fcfcfc; */ 
          max-width:480px;
          margin: 3% auto; /* 3% from the top and centered */
          padding: 0; /*20px;*/
		  border:1px solid var(--darkgrey);
          /*width: 80%; / Could be more or less, depending on screen size */
        }

        /* The Close Button */
        .close {
          color: var(--blue); padding:6px;
          /*float: left; right;*/
          font-size: 24px;line-height:1em;
		  font-weight: bold;
        }

        .close:hover,
        .close:focus {
          color: black;
          text-decoration: none;
          cursor: pointer;
        }

/********* CHECK boxes leidimai***********/
/*** https://blog.openreplay.com/how-to-customize-checkboxes-with-css/ ***/
	.content{
	  /*margin: auto;
	  padding: 15px;
	  max-width: 800px;*/
	  text-align: left;/*center;*/
	}
	.dpx{
	  display:flex;
	  align-items:left;/*center;*/
	  /*justify-content:space-around;*/
	}
	/*h1{
	  font-size:28px;
	  line-height:28px;
	  margin-bottom:15px;
	}*/
	label{
	  display:block;
	  line-height:20px;/*40px;*/
	}
	.option-input {
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  -o-appearance: none;
	  appearance: none;
	  position: relative;
	  top: 6px;/*13.33333px;*/
	  right: 0;
	  bottom: 0;
	  left: 0;
	  height: 20px;/*40px;*/
	  width: 20px;/*40px;*/
	  transition: all 0.15s ease-out 0s;
	  background: var(--grey);/*#cbd1d8;*/
	  border: none;
	  color: #fff;
	  cursor: pointer;
	  display: inline-block;
	  margin-right: 0.5rem;
	  outline: none;
	  position: relative;
	  z-index: 1000;
	}
	.option-input:hover {
	  background: var(--darkgrey);/*#9faab7;*/
	}
	.option-input:checked {
	  background: var(--blue);/*#40e0d0;*/
	}
	.option-input:checked::before {
	  width: 20px;/*40px;*/
	  height: 20px;/*40px;*/
	  display:flex;
	  content: '✓';/*'\f00c';*/
	  font-size: 16px;/*25px;*/
	  font-weight:bold;
	  position: absolute;
	  align-items:center;
	  justify-content:center;
	  /*font-family:'Font Awesome 5 Free';*/
	}
	.option-input:checked::after {
	  -webkit-animation: click-wave 0.65s;
	  -moz-animation: click-wave 0.65s;
	  animation: click-wave 0.65s;
	  background: var(--blue);/*#40e0d0;*/
	  content: '';
	  display: block;
	  position: relative;
	  z-index: 100;
	}
	.option-input.radio {
	  border-radius: 50%;
	}
	.option-input.radio::after {
	  border-radius: 50%;
	}

	@keyframes click-wave {
	  0% {
		height: 20px;/*40px;*/
		width: 20px;/*40px;*/
		opacity: 0.35;
		position: relative;
	  }
	  100% {
		height: 100px;/*200px;*/
		width: 100px;/*200px;*/
		margin-left: -40px;/*-80px;*/
		margin-top: -40px;/*-80px;*/
		opacity: 0;
	  }
	}

/**** Scrollbar ************/
        /* Custom Scrollbar width */
        ::-webkit-scrollbar {
          width: 3px;
        }

        /* Track */
        ::-webkit-scrollbar-track {
          background: #f1f1f1;
        }

        /* Handle */
        ::-webkit-scrollbar-thumb {
          background: #ccc;
        }

        /* Handle on hover */
        ::-webkit-scrollbar-thumb:hover {
          background: #555;
        }