@media print 
{
  .noprn { display: none; }
  footer { page-break-after: always; }
  th { background-color: #bfd6ea; color: #686868; font-weight: bold; border-radius: 3px; margin-left: 1px; }  
}
/*
@media (min-width: 480px) {
    html {
        font-size: 10px;
    }
}

@media (min-width: 480px) {
    html {
        font-size: 11px;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 12px;
    }
}

@media (min-width: 992px) {
    html {
        font-size: 13px;
    }
}

@media (min-width: 1080px) {
    html {
        font-size: 14px;
    }
}
@media (min-width: 1200px) {
    html {
        font-size: 15px;
    }
}
*/

.msbtn    { width: 82px; height: 25px; background: #9ec3ff; color: #444444;
            -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;
            font-size: 11px;
          }

.msbtn2   { background: #c4ffdf; color: green;
            font-weight: bold;
            -moz-border-radius: 20px;
            border-radius: 20px;
            width: 82px; height: 25px;
            font-family: arial;
            font-size: 11px;
          }

.nxtBtn  { width: 82px; height: 32px;
            /*background: #9ec3ff; */
            background: green;
            color: white;
            -moz-border-radius: 40px;
            -webkit-border-radius: 40px;
            border-radius: 40px; }
p{
padding:2px;
margin:0px;
}

.lang_text{
float:left;
padding:0 5px 0 0;
color:#1DA1CF;
}

/*---------------- menu tab----------------------*/
#menu_tab{
width:100%;
height:36px;
/*background:url(../im/menu_bg.gif) repeat-x;*/
}

ul.menu {
list-style-type:none; float:left; display:block; width:982px; 
margin:0px; padding:0px;background:url(../im/menu_bg.gif) repeat-x;}

ul.menu li {
display:inline;
font-weight:bold;
line-height:36px;
}

ul.menu li.divider {
display:inline;
width:2px;
height:36px;
float:left;
background:url(../im/menu_divider.gif) no-repeat center;
}

a.nav:link, a.nav:visited {
display:block; float:left; padding:0px 6px 0px 6px; margin:0 12px 0 12px;height:36px;text-decoration:none;color:#fff;}

a.nav:hover{
display:block; float:left; padding:0px 6px 0px 6px; margin:0 12px 0 12px;height:36px;text-decoration:none;color:#199ECD;}

/*----------------crumb_navigation-------------*/
.crumb_navigation{
width:980px;
height:15px;
padding:5px 10px 0 20px;
color:#333333;
background:url(../im/navbullet.png) no-repeat left;
background-position:5px 8px;
}
.crumb_navigation a{
color:#0fa0dd;
text-decoration:underline;
}
span.current{
color:#0fa0dd;
}

/*-------------left_content------------------*/
.left_content{
width:15%;
height:800px;
//max-height:425px;
overflow-y: auto;
//overflow-x: hidden;
float:left;
padding:0 0 0 5px;
}

.title_box{
width:160px;
height:30px;
margin:5px 0 0 0;
background:url(../im/menu_title_bg.gif) no-repeat center;
text-align:center;
font-weight:bold;
color:#159dcc;
line-height:30px;
}

/*--------left menu---------*/
ul.left_menu{
width:200px;
padding:0px;
list-style: none;
}

ul.left_menu li{
margin-top: 2px;
list-style: none;
}

ul.left_menu li.odd a{
width:166px; height:25px; 
display:block; 
color: #fff; 
border-radius: 8px; 
margin-left: 7px; 
text-align: center;
background-color: #55aaff;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border: 1px solid rgb(128,128,128);
}

ul.left_menu li.even a{
width:166px; height:25px;
display:block; 
color:#fff;
border-radius: 8px; 
margin-left: 7px; 
text-align: center;
background-color: #55aaff;
-webkit-transition-duration: 0.4s; /* Safari */
transition-duration: 0.4s;
border: 1px solid rgb(128,128,128);
}

ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{
color:#000; text-decoration:underline;
}

.border_box{
width:150px;
height:auto;
text-align:center;
/*background:url(../im/box_bottom_bg.gif) no-repeat center bottom;*/
}

.product_title{
color:#ff8a00;
padding:0px 0px 0px 0px;
font-weight:bold;
}
.product_title a{
text-decoration:none;
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.product_title a:hover{
color:#064E5A;
}
.product_img{
padding:5px 0 5px 0;
}
.prod_price{
padding:5px 0 5px 0;
}
span.reduce{
color:#666666;
text-decoration:line-through;
}
span.price{
color: #ff8a00;
}
/*----------newsletter--------------*/
input.newsletter_input{
width:150px;
height:18px;
border:1px #ddd9d9 solid;
margin:10px 0 5px 0;
padding:3px;
color:#999999;
}
a.join{
width:17px;
display:block;
margin:0px 0 5px 110px;
padding:2px 8px 6px 8px;
text-decoration: underline;
color:#169ECC;
}
.banner_adds{
width:180px;
text-align:center;
padding:10px 0 10px 0;
}

/*--------------oferta------------------*/
.oferta{
//width:605px;
width: 100%;
min-height:160px;
//background:url(../im/slider_bg.gif) no-repeat;
float:left;
padding:0px;
margin:2px 0px 2px 0px;
}
.oferta_img{
float:left;
padding:0px 0 0 0px;
}
.oferta_title{
color:#159dcc;
font-weight:bold;
margin-left: 10px;
}
.oferta_details{
width:50%;
float:left;
padding:0px 0 0 0px;
}
.oferta_text{
padding:0px 0 0px 0;
color:#159dcc;
text-align:justify;
line-height:15px;
}
.oferta_details_inner{
padding: 0px 0px 0px 0px;  
float: right;
width: 50%;
height: 135px;
/*border:0px solid;*/
overflow: scroll;
overflow-x:hidden;
margin-top: 10px;
}

/*center content--------------------------*/
.center_content{
//width:99%;
float:left;
//padding:5px 5px 5px 5px;
padding: 2px;
//overflow: auto;
}

.center_title_bar{
width:590px;
height:31px;
float:left;
padding:0 0 0 10px;
margin:5px 0 0 5px;
line-height:31px;
color:#159DCC;
font-weight:bold;
background:url(../im/bar_bg.gif) no-repeat center;
}

.dynamic_content
{
  background:    #f5f0ff;
  width: 99%;
}

/*----------------------right content--------------*/
.right_content{
width:200px;
//max-width:180px;
//height: auto;
float:right;
padding:0px;
//overflow-x: wrap;
border: 1pt;
background: silver;
}
.shopping_cart{
width:180px;
height:84px;
text-align:center;
}
.cart_title{
color:#847676;
font-weight:bold;
padding:0px;
}
.cart_details{
width:115px;
float:left;
padding:5px 0 0 15px;
text-align:left;
}
.cart_icon{
float:left;
padding:5px 0 0 5px;
}
span.border_cart{
width:100px;
height:1px;
margin:3px 0 3px 0;
display:block;
border-top:1px #999999 dashed;
}
/*---------prod_box----------*/
.prod_box{
width:173px;
height:auto;
float:left;
padding:10px 10px 10px 11px;
}
.center_prod_box{
width:173px;height: 181px; float:left; text-align:center; padding:0px; margin:0px; border:1px #F0F4F5 solid;
}
.prod_details_tab{
width:173px;
height:31px;
float:left;
margin:3px 0 0 0;
}
img.left_bt{
float:left;
padding:6px 0 0 6px;
}
a.prod_details{
width:75px;
height:24px;
display:block;
float:right;
background:url(../im/link_bg.gif) no-repeat center;
margin:2px 5px 0 0;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}

a.prod_compare{
width:75px;
height:24px;
display:block;
float:left;
background:url(../im/link_bg.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
text-decoration:none;
color:#159dcc;
}
a.prod_buy{
width:75px;
height:24px;
display:block;
float:left;
background:url(../im/link_bg.gif) no-repeat center;
margin:2px 0 0 5px;
text-align:center;
line-height:24px;
text-decoration:none;
color: #006600;
}
/*---------prod_box_big----------*/
.prod_box_big{
width:554px;
height:auto;
float:left;
padding:10px 10px 15px 15px;
}
.center_prod_box_big{
width:554px;height: auto;float:left; text-align:center;padding:0 0 10px 0; margin:0px;border:1px #F0F4F5 solid;
}
.product_img_big{
width:170px;
padding:10px 0 0 10px;
float:left;
}
.details_big_box{
width:345px;
float:left;
padding:0 0 0 15px;
text-align:left;
}
.product_title_big{
color:#ff8a00;
padding:5px 0 5px 0;
font-weight:bold;
}
.specifications{
font-weight:bold;
line-height:18px;
}
.thumbs{
padding:8px 5px 8px 5px;
border:1px #DFD1D1 solid;
margin:15px 0 0 0;
}
.thumbs a{
padding:3px;
}
.prod_price_big{
padding:5px 0 5px 0;
}
a.addtocart{
width:76px;
height:27px;
display:block;
float:left;
background:url(../im/addtocart.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
a.compare{
width:76px;
height:27px;
display:block;
float:left;
margin:0 0 0 10px;
background:url(../im/compare.gif) no-repeat left;
padding:0 0 0 33px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}
span.blue{
color:#159DCC;
}
/*---------------contact_form------------------*/
.contact_form{
width:355px;
float:left;
padding:0px 0 0 75px;
}
.form_row{
width:335px;
clear:both;
padding:10px 0 10px 0;
color:#a53d17;
}
label.contact{
width:75px;
float:left;
text-align:right;
padding:4px 5px 0 0;
color: #333333;
}
input.contact_input{
width:253px;
height:15px;
background-color:#fff;
color:#999999;
border:1px #DFDFDF solid;
float:left;
}
textarea.contact_textarea{
width:253px;
height:100px;
color: #999999;
background-color:#fff;
border:1px #DFDFDF solid;
float:left;
}
a.contact{
width:99px;
height:27px;
display:block;
float:right;
margin:0 0 0 10px;
background:url(../im/contact_bt.gif) no-repeat left;
padding:0 0 0 10px;
text-decoration:none;
line-height:27px;
color:#1c4a52;
}

/* -- additional --- */
.button {
	cursor: pointer;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
        background-color: #bfd6ea;
        color: #686868;
        padding: 2px;
}
.button:hover { background-color: #4CAF50; /* Green */
                color: white; }
                
.button:active { background: #71bb3b; color: #fff;}

.buttonO {
	cursor: pointer;
	padding: 2px;
	color: white;
	background-color: #ffaa00;
	border: 1px solid #4d7549;
	border-radius: 5px;
}

.buttonBlue
{
	cursor: pointer;
	padding: 2px;
	color: white;
	background-color: #55aaff;
	border: 1px solid #3e8391;
	border-radius: 5px;
}

.buttonBlueW
{
	cursor: pointer;
	padding: 2px;
	color: white;
	background-color: #55aaff;
	border: 1px solid #3e8391;
	border-radius: 5px;
    width: 80px;
    overflow: hidden;
}

.buttonBlueW:hover
{
	color: yellow;
}

.buttonGreen
{
	cursor: pointer;
	padding: 2px;
	background-color: #c4ffd3;
	border: 1px solid #b0ffb0;
	border-radius: 5px;
}
.buttonGreen:hover
{
	color: green;
}



.name { background-color: #E1E1E1; 
        text-align: right; 
        border-radius: 4px;
        padding: 2px;
      }

.nameB { background-color: #E1E1E1;
         text-align: right;
         border-radius: 4px;
         padding: 2px;
         font-weight: bold;
       }

.name_hdr 
      { background-color: #3e8391; 
        text-align: right; 
        border-radius: 4px;
        color: #fff;
      }      

th { background-color: #bfd6ea; color: #686868; font-weight: bold; border-radius: 3px; padding: 2px; }

.info_box_ok { color: green; height: 40px; text-justify: middle }
.info_box_err { color: red; height: 40px; }

input {padding: 1px; color: #5b5b5b; border: 1px solid #dcdcdc;
-moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;}

.dotted { border-bottom: 1px dotted; }
.blue { background-color:#b5dcff; }

.blink_text 
{
    animation: 1s blinker linear infinite;
    -webkit-animation:1s blinker linear infinite;
    -moz-animation:1s blinker linear infinite;
    color: red;
}

fieldset { border-radius: 6px }

.pgHdr {
         font-weight: 700;
         color: #848484;
         text-shadow: 2px 2px 4px #9ec3ff; }

#topMnuButton 
{
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  color: white;
  background:url(../images/menu_bg.gif) repeat-x;
  margin-bottom: 1em;
  transition: all 2s;
  padding: 3px 10px 3px 10px;
  display: inline-block;
}

#topMnuButton:hover
{
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  transition: .3s;
  box-shadow: 2px 2px 2px 2px green;
}

/*
#mnuButton 
{
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  color: white;
  //background: #9ec3ff;
  background:url(../im/menu_bg.gif) repeat-x;
  margin-bottom: 1em;
  transition: all 2s;
  padding: 3px;
  //border-radius: 5px;
}

#mnuButton:hover
{
  //border-top-left-radius: 50px;
  //border-bottom-right-radius: 50px;
  background: green;
  transition: .5s;
  //border-radius: 5px;
}
*/

#MnuButton
{
  border-radius: 10px;
  width: 150px;
  color: purple;
  background-color: #eaeaff;
  margin: 3px;
  display: inline-block;
  border-color: navy;
  transition: all 2s;
}

#mnuButton:hover
{
  border-color: silver;
  transition: .3s;
  box-shadow: 2px 2px 2px 2px green;
  background-color: white;
}

#mnuButton_b
{ /* Original */
    /*
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  color: white;
  //background: #9ec3ff;
  background:url(../im/menu_bg.gif) repeat-x;
  margin-bottom: 1em;
  transition: all 2s;
  padding: 3px;
  //border-radius: 5px; */
  
  /* Test */
  color: #26354d;
  //font-weight: 700;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  background: #dbe1ff;
  //background:url(../im/menu_bg.gif) repeat-x;
  margin-bottom: 1em;
  transition: all 2s;
  padding: 3px;
  width: 160px;
}

#mnuButton_b:hover
{
  //border-top-left-radius: 50px;
  //border-bottom-right-radius: 50px;
  //text-shadow: 2px 2px 4px #9ec3ff;
  //background: green;
  color: green;  
  transition: .5s;
  cursor: pointer;
  //border-radius: 5px;
}

select {padding: 1px;color: #5b5b5b;border: 1px solid #dcdcdc; -moz-border-radius: 3px;-webkit-border-radius: 3px;-o-border-radius: 3px;}
select:focus{-moz-box-shadow: 0px 0px 5px #dcdcdc;-webkit-box-shadow: 0px 0px 5px #dcdcdc; background:#feffdc;text-shadow: 1px 0px #fff;}

.select-wrapper {
	position: relative;	
}

.select-wrapper:after {
	//font-family: FontAwesome;
  	content: '\f107';
  	position: absolute;
  	top: 12px;
  	right: 20px;
  	color: #434B67;
  	pointer-events: none;
}

select::-ms-expand {
  display: none;
}

report tr:nth-of-type(2n) {
  background: #cdd7ff;
}

report tr:last-of-type {
  background: white;
}

#panelIcons { position: relative; }
.counter,.counter2,.counter3 
{
              color: white; 
              //font-size: 10px;
              background: green;
              -webkit-border-radius: 50px;
              border-radius: 50px;
              position: absolute; bottom: 25px; left: 2px;
              z-index: 1;
              padding: 2px;
}
            
/* Calendar/Dairy */
div.calendar {
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
  text-align: left;
  margin-bottom: 3px;
  min-width: 100px;
  min-height: 90px;
}

div.card {
  min-width: 70px;
  min-height: 70px;
  
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
  text-align: left;
  margin-bottom: 3px;
}

div.cardmini {
  width: 18px;
  height: 18px;
  background: white; color: black;
  
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);
  text-align: left;
  margin: 2px;
}


div.calDayId {
  background-color: #bfd6ea;
  color: white;
  padding: 2px;
  font-weight: bold;
}

div.calDayIdSel {
  //background-color: #ffe4fd;
  padding: 2px;
}

div.calDayEvents {
  max-width: 30px;
  padding: 2px;
}

div.calSubEvents {
  //padding: 2px;
  background-color: #d1d1d1;
  border-radius: 10px;
  margin-bottom: 2px;
}

.divContent 
           {
              animation-name: example;
              animation-duration: 2s;
           }

@keyframes example 
           {
             from {opacity: 0;}
             to {opacity: 1;}
           }

.divContent-nml 
           {
             opacity: 0;
             transition-delay: 1s;
           }  
            
.sheduleDisplay 
           {
             background:  #c4c4ff;
             border-radius: 5px;
             color: black;
             text-align: center;
           }

.taskDisplay 
           {
             background:  #ff95da;
             border-radius: 5px;
             color: black;
             text-align: center;
           }
           
.eventAll 
          {  
            border-radius: 10px;
            background: #d2fff3;
            padding: 5px;
          }
          
.taskAll 
          {  
            border-radius: 10px;
            background: #ff95da;
            padding: 5px;
          }                     

          /* Buttons */
.msnBtn { background: purple;
          width: 140px;
          color: white;
          padding: 5px;
          border-radius: 10px;            
}

.report tr:nth-of-type(2n) {
  background: #e7eeff;
}

.catBox {
  display: inline-flex;
  color: white;
  width: 125px;
  border: 2px solid white;
  padding: 5px;
  margin: 2px;
  text-align: center;
  //vertical-align: top;
  box-shadow: 8px 8px 4px grey;
  background: #92989a;
  //white-space: nowrap;
  border-radius: 6px;
  border: none;
  display: inline-block;
}

.storeButton {
  display: inline-flex;
  color: #aa00ff;
  width: 120px;
  //border: 2px solid white;
  padding: 5px;
  margin: 2px;
  vertical-align: top;
  box-shadow: 8px 8px 4px grey;
  background: #dcdeff;

  border-radius: 6px;
  border: none;

}

.productBox {
  display: inline-block;
  color: #bbb;
  width: 295px; height: 305px;
  border: 1px dotted;
  margin: 2px;
  font-size: 13px;
  //padding: 5px;
  //margin: 2px;
  //box-shadow: 10px 10px 5px grey;
  //background: #e6f5ff;

}

.productBoxList {
  display: inline-block;
  color: #bbb;
  width: 300px; height: 155px;
  border: 1px dotted;
  margin-left: 2px;
  //padding: 5px;
  //margin: 2px;
  //box-shadow: 10px 10px 5px grey;
  //background: #e6f5ff;

}

/* Slider */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input { display: none; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}


.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.hr-sect {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: rgba(0, 0, 0, 0.35);
    margin: 8px 0px;
}
.hr-sect:before,
.hr-sect:after {
    content: "";
    flex-grow: 1;
    background: rgba(0, 0, 0, 0.35);
    height: 1px;
    font-size: 0px;
    line-height: 0px;
    margin: 0px 8px;
}

.ModalWindow
{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 500px; height: 700px;
  background-color: white;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 5px;
}

.ModalWindow .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#versePanelId
{
  //font-family: 'sans-serif';
  font-weight: bold;
  width: 250px;
  color: #29810e;
  max-height: 250px;
  overflow-y: scroll;
  display: none;
  position: sticky; left: 25px; top: 30px;
  background: #d2ffce;
  padding: 2px;
  border: 3px dotted gold;
  margin: 0 auto;
}

#zoomC {
  /* (A) DIMENSIONS */
  width: 600px;
  height: 360px;

  /* (B) BACKGROUND IMAGE */
  background: url("../document/SDA/1747751519/1747751519_0(1).png");
  background-position: center;
  background-size: cover;
}

/*--- pie graphs */
.pie {
  --p:20;
  --b:22px;
  --c:darkred;
  --w:70px;

  width:var(--w);
  aspect-ratio:1;
  position:relative;
  display:inline-grid;
  margin:5px;
  place-content:center;
  font-size:12px;
  font-weight:bold;
  font-family:sans-serif;
}
.pie:before,
.pie:after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.pie:before {
  inset:0;
  background:
    radial-gradient(farthest-side,var(--c) 98%,#0000) top/var(--b) var(--b) no-repeat,
    conic-gradient(var(--c) calc(var(--p)*1%),#0000 0);
  -webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
          mask:radial-gradient(farthest-side,#0000 calc(99% - var(--b)),#000 calc(100% - var(--b)));
}
.pie:after {
  inset:calc(50% - var(--b)/2);
  background:var(--c);
  transform:rotate(calc(var(--p)*3.6deg)) translateY(calc(50% - var(--w)/2));
}
.animate {
  animation:p 1s .5s both;
}
.no-round:before {
  background-size:0 0,auto;
}
.no-round:after {
  content:none;
}
@keyframes p {
  from{--p:0}
}
/*-- pie graphs end --*/