html { font-size: 13px;}

@media (min-width: 768px) {
  html { font-size: 12px; }
}
html { position: relative; min-height: 100%;}
body { margin-bottom: 60px;}
h1  {text-align:center;}
.logotxt {font-family:RobotoCondensed-Bold; font-size:30px; font-weight:bold; color: #095b5b;}
.logotxt2 {font-family:RobotoCondensed; font-size:30px; font-weight:bold; color: #0b7676;}

.nav-item {  margin:3px; text-align:center; border-radius:30px; padding: 0px 7px; border: solid 1px #cae3ea;border-width: 0px 2px; }
.nav-item:hover { background-color:#ffffff; border-color:#f08b05;cursor:pointer;}

.pgtop { background-color:#eaf3f3; font-family: PT-Sans-Narrow, Calibri;}

.container_main { margin:auto; padding:20px;}
#id_error{position:fixed; top:10px; right: 10px; padding: 10px 20px; border: solid 1px #839073; background-color: #f3e1e1; border-radius: 10px;}
#id_message{position:fixed; top:10px; right: 10px; padding: 10px 20px; border: solid 1px #839073; background-color: #b9e0bb; border-radius: 10px;}

 /* ********************  CheckUp  *************************  */
.cntnr_pnl_hrz { margin:auto;display: flex;position:relative;}
.pnl_data, .pnl_data_rslt { margin: 10px auto; border: solid 1px #d1d3d4; background-color: #f4f9f9; padding:10px 10px; border-radius:15px; position:relative;}
.pnl_hdr, .pnl_hdr_rslt {color: #090a0a; font-size: 16px; font-weight: bold; text-align: center; padding: 0px 0px 10px 0px; }
.pnl_rcmd {background-color:#f7f6db;}

.minwd {width: fit-content; width:fit-content; margin:10px auto; }
.inrw {display: inline-block;}
.pnl_data_rslt{background-color: #f9f5f4; border: solid 1px #d4d1d1; }

.tb_data {margin:auto;}
.tb_data th, .tb_data_rslt th {text-align:center; padding:5px 10px; font-family:Calibri; font-size: 12px; border: solid 1px #c0d2d2; background-color:#d6eaea;}
.form-group, .tb_data_rslt td {text-align:center; font-family:Arial; border: solid 1px #c0d2d2; padding: 5px;}

.tb_data_rslt th{background-color: #e8dedc; border: solid 1px #d8c6c6; width:max-content; }
.tb_data_rslt td{ border: solid 1px #d8c6c6;}

.cntnr_nm{position: absolute; top: 16px; left:7px; font-size:17px; font-weight:bold;}
.cntnr_lst{position: absolute; top: 30px; right:10px;}
.fld_name{font-size:17px; padding:3px 10px; border-width: 0px; font-weight:bold; font-style:italic; color:#349078; width:500px; margin-left: 90px;}
.edt {background-color:transparent;}
.calc {background-color:#f0e1de;}
.alrm {background-color:#ecb4d6;}

.row_dscrp {text-align:left;}
.big {font-weight:bold; font-size:14px; }

.cnckl { font-size:13px; padding:10px 20px; text-align: center;  font-family: PT-Sans-Narrow-Bold; border: solid 1px #a6d1a2;}
.cnckl_yes { background-color:#ace4b8;}
.cnckl_no { background-color:#ecb4d6;}
.td_rcmnd { font-size:14px; font-family: Arial; padding:7px 15px; text-align:center;}
.rcmVal {font-size:16px; font-weight: bold; font-family: Arial; }
.dv_recomend {border: solid 1px #e2e3e4; border-radius: 15px; background-color: #fff; padding: 10px;}

.btn {border: solid 1px #a5b6c6; background-color: #ddf2f2; border-radius: 20px; padding:8px 10px; text-align: center; padding: 8px 35px; font-size: 12px; font-weight: bold; margin: 20px 10px 5px 10px;}
.btn:hover {border: solid 1px #e2dac7; background-color:#f7f6db; color: #625a30;}
/* ********************  */


.cntnr_pnl { border: solid 1px #cecece; background-color: #fafafa; margin: 5px; padding:10px 20px 0px 0px; width: fit-content; border-radius: 10px;}
.ul_shhd {list-style-type: none;}
.ul_shhd li {display:inline;}

.prdcstm_hdr, .whff_hdr, .whmp_hdr, .skuprm_hdr, .expns_hdr, .skucalc_hdr {background-color:#fff77f; text-align:center; padding:2px 6px; border: solid 1px #9a9a9a; height: 100px; font-size:11px; font-weight:bold; width: min-content;}
.prdcstm, .whff, .whmp, .skuprm, .expns, .skucalc {text-align:center; padding:2px 6px; border: solid 1px #c2c2c2; font-weight:normal;}

.rw_descr  {padding:2px 6px; border: solid 1px #c2c2c2; font-size:11px;}

.skuprm_hdr {background-color:#b0d7d7;}
.skuprm {background-color:#dbeeee;}

.expns_hdr {background-color:#b0d7d7;}
.expns {background-color:#dbeeee;}

.prdcstm_hdr {background-color:#eae6a2;}
.prdcstm {background-color:#f7f4c8;}

.whff_hdr {background-color:#c8e6ab;}
.whff {background-color:#dceec9;}

.whmp_hdr {background-color:#c5ddf7;}
.whmp {background-color:#dbe8f7;}

.skucalc_hdr {background-color:#dac9ee;}
.skucalc {background-color:#eae5f0;}

.txtbx {width: 60px; border-color: transparent; background-color: transparent; text-align: center;}
.txtbx:hover {background-color:#ffffff; cursor:pointer;}

.symb_shw_tb {position: absolute; top:5px; right:15px; font-size:16px;}
.symb_shw_tb:hover {color:#ff7878;}

.hd { display:none;}
/* ##Device = Tablets, Ipads (portrait)  ##Screen = B/w 768px to 1024px */
@media only screen and ( max-width: 1000px )
{
    .tb_data th, .tb_data_rslt th {padding:5px 2px; font-size: 10px;}
}

/* ##Device = Tablets, Ipads (portrait)  ##Screen = B/w 768px to 1024px */
@media only screen and ( min-width: 1001px ) and ( max-width: 1400px )
{
    .tb_data th, .tb_data_rslt th {padding:5px 2px; font-size: 11px;}
}

/* ##Device = Laptops, Desktops   ##Screen = B/w 1025px to 1280px */
@media only screen and ( min-width: 1401px )
{
    .tb_data th, .tb_data_rslt th {padding:5px 5px; font-size: 12px;}
}


/**/
@font-face {
font-family: "PT-Sans-Narrow";
src: url("../fonts/PT_Sans_Narrow/PTSansNarrow-Regular.ttf") format('truetype');
font-style: normal; 
font-weight: normal; 
}
@font-face {
font-family: "PT-Sans-Narrow-Bold";  
src: url("../fonts/PT_Sans_Narrow/PTSansNarrow-Bold.ttf") format('truetype'); 
font-style: normal; 
font-weight: normal;
 }
   
@font-face {
font-family: "RobotoCondensed";
src: url(".././fonts/Roboto_Condensed/static/RobotoCondensed-Regular.ttf") format('truetype');
font-style: normal; 
font-weight: normal; 
}
@font-face {
font-family: "RobotoCondensed_Italic";
src: url(".././fonts/Roboto_Condensed/static/RobotoCondensed-Italic.ttf") format('truetype');
font-style: normal; 
font-weight: normal; 
}
@font-face {
font-family: "RobotoCondensed-Bold";  
src: url("../fonts/Roboto_Condensed/static/RobotoCondensed-Bold.ttf") format('truetype'); 
font-style: normal; 
font-weight: normal;
 }
@font-face {
font-family: "RobotoCondensed-BoldItalic";  
src: url("../fonts/Roboto_Condensed/static/RobotoCondensed-BoldItalic.ttf") format('truetype'); 
font-style: normal; 
font-weight: normal;
 }


@font-face {
font-family: "RobotoCondensed-BoldItalic";  
src: url("../fonts/Roboto_Condensed/static/RobotoCondensed-BoldItalic.ttf") format('truetype'); 
font-style: normal; 
font-weight: normal;
 }

@font-face {
font-family: "Gilroy-ExtraBold";  
src: url("../fonts/gilroy/Gilroy-ExtraBold.ttf") format('truetype'); 
font-style: normal; 
font-weight: normal;
 }
@font-face {
font-family: "RadomirTinkovGilroyLight";  
src: url("../fonts/gilroy/RadomirTinkovGilroyLight.ttf") format('truetype'); 
font-style: normal; 
font-weight: normal;
 }