html { font-size: 14px; }
html.largefont { font-size: 16px; }
html.smallfont { font-size: 12px; }

.btn-square{display:flex;align-items:center;justify-content:center;}
.btn,.btn.btn-sml:hover{display:inline-flex;align-items:center;justify-content:center;border-width:.1rem;}
.btn.btn-sml,.btn.btn-sml:hover{padding: 0.5rem 1rem;}
.btn-square>i{padding:0!important;}

.btn-toggle.btn-danger:hover{color:#dc3545;background-color:#fff;}

.btn-square{width: 2.3rem !important;height: 2.3rem !important;}

.btn-square.sm{width: 2rem !important;height: 2rem !important;}
.btn-square.lg{width: 2.5rem !important;height: 2.5rem !important;}
.btn{height: 2.3rem !important;min-width:2.3rem !important;}

.btn.btn-md,.btn.btn-md:hover{height:2.4rem !important;min-width:2.4rem !important;padding: 0.25rem 1rem;font-size:1.25rem!important;}
.btn.btn-md.btn-square,.btn.btn-md.btn-square:hover{width:3rem !important;padding: 0.5rem 1rem;}
.btn.sm{height: 2rem !important;min-width:2rem !important;}
.btn.lg,.btn-big,.btn.lg:hover,.btn-big:hover{height: 3.5rem !important;min-width: 3.5rem !important;padding: 0.25rem 2rem;font-size: 1.5rem!important;}
.btn.btn-autoheight{height: auto !important;}
a.btn-xxl,a.btn-xxl:hover{height:4rem!important;min-width:4rem!important;font-size:105%;padding-left:1rem;padding-right:1rem;}
.btn.btn-sml,.btn.btn-sml:hover{min-width: 2.4rem !important;height: 2.4rem !important;}
.btn-medium{height:2.6rem !important;min-width:2.6rem !important;padding: 0.5rem;font-size:1.1rem!important;}

@media (max-width: 767px)
{
	.btn-square{width:2.3rem !important;height: 2.3rem !important;}
	.btn-square.sm{width:2rem !important;height: 2rem !important;}
	.btn-square.lg{width:2.5rem !important;height: 2.5rem !important;}
	.btn{height:2.3rem !important;min-width:2.3rem !important;}
	.btn.sm{height:2rem !important;min-width:2rem !important;}
	.btn.btn-md{height:3rem !important;min-width:3rem !important;margin:.25rem 0;}
	.btn.btn-md.btn-square{width:3rem !important;}
	.btn.lg,.btn-big,.btn.lg:hover,.btn-big:hover{height: 3.5rem !important;min-width: 3.5rem !important;padding: 0.25rem 2rem;font-size: 1.5rem!important;}
	.btn.notmobileinspan{width:2.2rem !important;}
	.btn.sm.notmobileinspan{width:2rem !important;}
	.btn.lg.notmobileinspan,.btn-big.notmobileinspan{width:2.5rem !important;}
}
.treetablenew{font-size:1rem;}
.dark .treetablenew{color:#FFF;border:0;}

.dark .treetablenew div.itemrow{background-color:transparent;}
.treetablenew div.itemrow>div{max-width: calc(100% - 6rem);}

/*@media (min-width: 15in){html{font-size: 13px;}}
@media (min-width: 18in){html{font-size: 15px;}}
@media (min-width: 21in){html{font-size: 18px;}.btn.btn-sml,.btn.btn-sml:hover{padding:.5rem 1rem;border-radius:.5rem;}.card-header{padding:.6rem 1rem;}}
@media (min-width: 25in){html{font-size: 22px;}}
@media (min-width: 32in){html{font-size: 32px;}.card-header{padding:.75rem 1rem;}}
@media (min-width: 40in){html{font-size: 36px;}}
@media (min-width: 50in){html{font-size: 45px;}}*/
/*
@media (max-width: 767px){html{font-size: 12px;}html.largefont{font-size:14px;}}
@media (min-width: 14in){html{font-size: 12px;}html.largefont{font-size:14px;}}
@media (min-width: 16in){html{font-size: 13px;}html.largefont{font-size:16px;}}
@media (min-width: 18in){html{font-size: 14px;}html.largefont{font-size:18px;}}
@media (min-width: 20in){html{font-size: 15px;}html.largefont{font-size:20px;}}
@media (min-width: 22in){html{font-size: 16px;}html.largefont{font-size:22px;}}
@media (min-width: 24in){html{font-size: 17px;}html.largefont{font-size:24px;}}
@media (min-width: 26in){html{font-size: 18px;}html.largefont{font-size:26px;}}
@media (min-width: 28in){html{font-size: 19px;}html.largefont{font-size:28px;}}
@media (min-width: 30in){html{font-size: 20px;}html.largefont{font-size:30px;}}
@media (min-width: 32in){html{font-size: 21px;}html.largefont{font-size:32px;}}
@media (min-width: 34in){html{font-size: 22px;}html.largefont{font-size:34px;}}
@media (min-width: 36in){html{font-size: 23px;}html.largefont{font-size:36px;}}
@media (min-width: 38in){html{font-size: 25px;}html.largefont{font-size:38px;}}
*/

@media (max-width: 767px) {
    html { font-size: 12px; }
    html.largefont { font-size: 14px; }
    html.smallfont { font-size: 10px; }
}
/*
@media (min-width: 14in) {
    html { font-size: 16px; }
    html.largefont { font-size: 18px; }
    html.smallfont { font-size: 14px; }
}
*/
@media (min-width: 16in) {
    html { font-size: 15px; }
    html.largefont { font-size: 18px; }
    html.smallfont { font-size: 13px; }
}

@media (min-width: 18in) {
    html { font-size: 16px; }
    html.largefont { font-size: 20px; }
    html.smallfont { font-size: 14px; }
}

@media (min-width: 20in) {
    html { font-size: 17px; }
    html.largefont { font-size: 22px; }
    html.smallfont { font-size: 15px; }
}

@media (min-width: 22in) {
    html { font-size: 18px; }
    html.largefont { font-size: 24px; }
    html.smallfont { font-size: 16px; }
}

@media (min-width: 24in) {
    html { font-size: 19px; }
    html.largefont { font-size: 26px; }
    html.smallfont { font-size: 17px; }
}

@media (min-width: 26in) {
    html { font-size: 20px; }
    html.largefont { font-size: 28px; }
    html.smallfont { font-size: 18px; }
}

@media (min-width: 28in) {
    html { font-size: 21px; }
    html.largefont { font-size: 30px; }
    html.smallfont { font-size: 19px; }
}

@media (min-width: 30in) {
    html { font-size: 22px; }
    html.largefont { font-size: 32px; }
    html.smallfont { font-size: 20px; }
}

@media (min-width: 32in) {
    html { font-size: 23px; }
    html.largefont { font-size: 34px; }
    html.smallfont { font-size: 21px; }
}

@media (min-width: 34in) {
    html { font-size: 24px; }
    html.largefont { font-size: 36px; }
    html.smallfont { font-size: 22px; }
}

@media (min-width: 36in) {
    html { font-size: 25px; }
    html.largefont { font-size: 38px; }
    html.smallfont { font-size: 23px; }
}

@media (min-width: 38in) {
    html { font-size: 27px; }
    html.largefont { font-size: 40px; }
    html.smallfont { font-size: 24px; }
}

@media (min-width: 40in) {
    html { font-size: 34px; }
    html.largefont { font-size: 44px; }
    html.smallfont { font-size: 28px; }
}

@media (min-width: 41in) {
    html { font-size: 35px; }
    html.largefont { font-size: 45.25px; }
    html.smallfont { font-size: 29px; }
}

@media (min-width: 42in) {
    html { font-size: 36px; }
    html.largefont { font-size: 46.5px; }
    html.smallfont { font-size: 30px; }
}

@media (min-width: 43in) {
    html { font-size: 37px; }
    html.largefont { font-size: 47.75px; }
    html.smallfont { font-size: 31px; }
}

@media (min-width: 44in) {
    html { font-size: 37px; }
    html.largefont { font-size: 47.75px; }
    html.smallfont { font-size: 31px; }
}

@media (min-width: 45in) {
    html { font-size: 37px; }
    html.largefont { font-size: 47.75px; }
    html.smallfont { font-size: 31px; }
}

@media (min-width: 46in) {
    html { font-size: 38px; }
    html.largefont { font-size: 49px; }
    html.smallfont { font-size: 32px; }
}

@media (min-width: 47in) {
    html { font-size: 39px; }
    html.largefont { font-size: 50.25px; }
    html.smallfont { font-size: 33px; }
}

@media (min-width: 48in) {
    html { font-size: 40px; }
    html.largefont { font-size: 51.5px; }
    html.smallfont { font-size: 34px; }
}

@media (min-width: 49in) {
    html { font-size: 41px; }
    html.largefont { font-size: 52.75px; }
    html.smallfont { font-size: 35px; }
}

@media (min-width: 50in) {
    html { font-size: 42px; }
    html.largefont { font-size: 54px; }
    html.smallfont { font-size: 36px; }
}

@media (min-width: 51in) {
    html { font-size: 43px; }
    html.largefont { font-size: 55.25px; }
    html.smallfont { font-size: 37px; }
}

@media (min-width: 52in) {
    html { font-size: 43px; }
    html.largefont { font-size: 55.25px; }
    html.smallfont { font-size: 37px; }
}

@media (min-width: 53in) {
    html { font-size: 44px; }
    html.largefont { font-size: 56.5px; }
    html.smallfont { font-size: 38px; }
}

@media (min-width: 54in) {
    html { font-size: 45px; }
    html.largefont { font-size: 57.75px; }
    html.smallfont { font-size: 39px; }
}

@media (min-width: 55in) {
    html { font-size: 46px; }
    html.largefont { font-size: 59px; }
    html.smallfont { font-size: 40px; }
}

@media (min-width: 56in) {
    html { font-size: 47px; }
    html.largefont { font-size: 60.25px; }
    html.smallfont { font-size: 41px; }
}

@media (min-width: 57in) {
    html { font-size: 48px; }
    html.largefont { font-size: 61.5px; }
    html.smallfont { font-size: 42px; }
}

@media (min-width: 58in) {
    html { font-size: 48px; }
    html.largefont { font-size: 61.5px; }
    html.smallfont { font-size: 42px; }
}

@media (min-width: 59in) {
    html { font-size: 49px; }
    html.largefont { font-size: 62.75px; }
    html.smallfont { font-size: 43px; }
}

@media (min-width: 60in) {
    html { font-size: 50px; }
    html.largefont { font-size: 64px; }
    html.smallfont { font-size: 44px; }
}



/*@media (min-width: 40in){html{font-size: 26px;}}
@media (min-width: 42in){html{font-size: 28px;}}
@media (min-width: 44in){html{font-size: 29px;}}
@media (min-width: 46in){html{font-size: 31px;}}
@media (min-width: 48in){html{font-size: 32px;}}
@media (min-width: 50in){html{font-size: 34px;}}
@media (min-width: 52in){html{font-size: 36px;}}
@media (min-width: 54in){html{font-size: 38px;}}
@media (min-width: 56in){html{font-size: 40px;}}
@media (min-width: 58in){html{font-size: 42px;}}
@media (min-width: 60in){html{font-size: 43px;}}*/



/*@media (min-width: 14in){html{font-size: 12px;}}
@media (min-width: 15in){html{font-size: 13px;}}
@media (min-width: 16in){html{font-size: 14px;}}
@media (min-width: 17in){html{font-size: 15px;}}
@media (min-width: 18in){html{font-size: 16px;}}
@media (min-width: 19in){html{font-size: 17px;}}
@media (min-width: 20in){html{font-size: 18px;}}
@media (min-width: 21in){html{font-size: 18px;}.btn.btn-sml,.btn.btn-sml:hover{border-radius:.5rem;}.card-header{padding:.6rem 1rem;}}
@media (min-width: 22in){html{font-size: 19px;}}
@media (min-width: 23in){html{font-size: 20px;}}
@media (min-width: 24in){html{font-size: 21px;}}
@media (min-width: 25in){html{font-size: 22px;}}
@media (min-width: 26in){html{font-size: 23px;}}
@media (min-width: 27in){html{font-size: 24px;}}
@media (min-width: 28in){html{font-size: 25px;}}
@media (min-width: 29in){html{font-size: 26px;}}
@media (min-width: 30in){html{font-size: 26px;}}
@media (min-width: 31in){html{font-size: 27px;}}
@media (min-width: 32in){html{font-size: 28px;}.card-header{padding:.75rem 1rem;}}
@media (min-width: 33in){html{font-size: 29px;}}
@media (min-width: 34in){html{font-size: 30px;}}
@media (min-width: 35in){html{font-size: 31px;}}
@media (min-width: 36in){html{font-size: 32px;}}
@media (min-width: 37in){html{font-size: 32px;}}
@media (min-width: 38in){html{font-size: 32px;}}
@media (min-width: 39in){html{font-size: 32px;}}*/

/*@media (min-width: 40in){html{font-size: 32px;}html.largefont{font-size:40px;}}
@media (min-width: 41in){html{font-size: 33px;}html.largefont{font-size:41.25px;}}
@media (min-width: 42in){html{font-size: 34px;}html.largefont{font-size:42.5px;}}
@media (min-width: 43in){html{font-size: 35px;}html.largefont{font-size:43.75px;}}
@media (min-width: 44in){html{font-size: 35px;}html.largefont{font-size:43.75px;}}
@media (min-width: 45in){html{font-size: 35px;}html.largefont{font-size:43.75px;}}
@media (min-width: 46in){html{font-size: 36px;}html.largefont{font-size:45px;}}
@media (min-width: 47in){html{font-size: 37px;}html.largefont{font-size:46.25px;}}
@media (min-width: 48in){html{font-size: 38px;}html.largefont{font-size:47.5px;}}
@media (min-width: 49in){html{font-size: 39px;}html.largefont{font-size:48.75px;}}
@media (min-width: 50in){html{font-size: 40px;}html.largefont{font-size:50px;}}
@media (min-width: 51in){html{font-size: 41px;}html.largefont{font-size:51.25px;}}
@media (min-width: 52in){html{font-size: 41px;}html.largefont{font-size:51.25px;}}
@media (min-width: 53in){html{font-size: 42px;}html.largefont{font-size:52.5px;}}
@media (min-width: 54in){html{font-size: 43px;}html.largefont{font-size:53.75px;}}
@media (min-width: 55in){html{font-size: 44px;}html.largefont{font-size:55px;}}
@media (min-width: 56in){html{font-size: 45px;}html.largefont{font-size:56.25px;}}
@media (min-width: 57in){html{font-size: 46px;}html.largefont{font-size:57.5px;}}
@media (min-width: 58in){html{font-size: 46px;}html.largefont{font-size:57.5px;}}
@media (min-width: 59in){html{font-size: 47px;}html.largefont{font-size:58.75px;}}
@media (min-width: 60in){html{font-size: 48px;}html.largefont{font-size:60px;}}*/




/*
@media (orientation : portrait) and (min-height: 9in){html{font-size: 11px;}}
@media (orientation : portrait) and (min-height: 11in){html{font-size: 12px;}}
@media (orientation : portrait) and (min-height: 13in){html{font-size: 13px;}}
@media (orientation : portrait) and (min-height: 15in){html{font-size: 14px;}}
@media (orientation : portrait) and (min-height: 17in){html{font-size: 15px;}}
@media (orientation : portrait) and (min-height: 19in){html{font-size: 16px;}}
@media (orientation : portrait) and (min-height: 21in){html{font-size: 17px;}}
@media (orientation : portrait) and (min-height: 23in){html{font-size: 18px;}.card-header{padding:.6rem 1rem;}}
@media (orientation : portrait) and (min-height: 25in){html{font-size: 19px;}}
@media (orientation : portrait) and (min-height: 27in){html{font-size: 20px;}}
@media (orientation : portrait) and (min-height: 29in){html{font-size: 21px;}}
@media (orientation : portrait) and (min-height: 31in){html{font-size: 22px;}}
@media (orientation : portrait) and (min-height: 33in){html{font-size: 23px;}}
@media (orientation : portrait) and (min-height: 35in){html{font-size: 24px;}}
@media (orientation : portrait) and (min-height: 37in){html{font-size: 25px;}}
@media (orientation : portrait) and (min-height: 39in){html{font-size: 26px;}}
@media (orientation : portrait) and (min-height: 41in){html{font-size: 27px;}.card-header{padding:.75rem 1rem;}}
@media (orientation : portrait) and (min-height: 43in){html{font-size: 28px;}}
@media (orientation : portrait) and (min-height: 45in){html{font-size: 29px;}}
@media (orientation : portrait) and (min-height: 47in){html{font-size: 30px;}}
@media (orientation : portrait) and (min-height: 49in){html{font-size: 31px;}}
@media (orientation : portrait) and (min-height: 51in){html{font-size: 32px;}}
@media (orientation : portrait) and (min-height: 53in){html{font-size: 33px;}}
@media (orientation : portrait) and (min-height: 55in){html{font-size: 34px;}}
@media (orientation : portrait) and (min-height: 57in){html{font-size: 35px;}}
@media (orientation : portrait) and (min-height: 59in){html{font-size: 36px;}}
@media (orientation : portrait) and (min-height: 60in){html{font-size: 36px;}}
@media (orientation : portrait) and (min-height: 64in){html{font-size: 38px;}}
@media (orientation : portrait) and (min-height: 68in){html{font-size: 40px;}}
@media (orientation : portrait) and (min-height: 72in){html{font-size: 42px;}}
@media (orientation : portrait) and (min-height: 76in){html{font-size: 44px;}}
@media (orientation : portrait) and (min-height: 80in){html{font-size: 46px;}}
@media (orientation : portrait) and (min-height: 84in){html{font-size: 48px;}}
@media (orientation : portrait) and (min-height: 88in){html{font-size: 50px;}}
@media (orientation : portrait) and (min-height: 92in){html{font-size: 52px;}}
@media (orientation : portrait) and (min-height: 96in){html{font-size: 54px;}}
@media (orientation : portrait) and (min-height: 100in){html{font-size: 56px;}}
*/


/*body,table, p, li, a, input, div,.btn {font-size:1rem;}*/

table{font-size:1rem;}



    .btn {
      font-size: 1rem;
      font-weight: 500;
      border-radius: 0.5rem;
      cursor: pointer;
      transition: background-color 0.2s, color 0.2s;
    }

    /* Info button styles (light mode) */
    .btn-info {
      background-color: #3b82f6;
      color: #ffffff;
      border: none;
    }

    .btn-info:hover {
      background-color: #2563eb;
    }

    .btn-info:focus {
      outline: none;
      box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
    }

    /* Dark mode styles */
    /*.dark .btn-info {
      background-color: #374151;
      color: #ffffff;
    }

    .dark .btn-info:hover {
      background-color: #4b5563;
    }

    .dark .btn-info:focus {
      box-shadow: 0 0 0 2px rgba(55, 65, 81, 0.5);
    }
*/