html {  position: relative;  min-height: 100%;}
body {  margin-bottom: 40px;  font-family: "Roboto", sans-serif;}
.footer {  position: absolute;  bottom: 0px;  width: 100%;  white-space: nowrap;  line-height: 40px;background-color: #cad3c0;  left: 0px; }

.hd {display:none;}
#do_ajax {z-index: 801; display: none; position: fixed; margin: auto; top: 50%; left: 50%; text-align: center; width: 50px; height: 50px; }
#id_error   {z-index: 802; display: none; position: fixed; margin: auto; top: 5px; left: 30%; text-align: center; background-color: #ffaaaf; border: solid 2px #ffff23; padding: 5px 10px; filter:opacity(80); opacity:0.8; color:#300;}
#id_message {z-index: 803; display: none; position: fixed; margin: auto; top: 5px; left: 30%; text-align: center; background-color: #effff8; border: solid 2px #008823; padding: 5px 25px; filter:opacity(80); opacity:0.8; color:#030;}

/* *******************************************************************  FIELDS PROPERTIES ******************************************************************* */
#tb_list_flds_props {margin:10px auto; width:100%;border:solid 1px #789467; font-size: 14px;}
.td_usr_hdr {padding: 5px; border: solid 1px #9eb9be; background-color:#deedef; text-align: center; color:#0b2c4d;}
.td_fld {padding:4px 5px; border:solid 1px #ccdbe5; border-collapse:collapse; }
.clm_btn{}
.bt_flds {margin:0px 2px;}
.tr_fld {background-color:#eaf7ff; }
.tr_fld_odd {background-color:#f2fdff; }
.tr_sl {background-color:#fffdea; }
.tr_fld_edt {background-color:#6490a2;}
.tr_fld_edt td {border: solid 1px #578193; border-width: 3px 1px; padding: 5px;}


/* ******************************************************************* Table Data  ******************************************************************* */
#tb_list {margin:0px auto; border-collapse:collapse;}
.tr_lst_hdr { background-color:#cfe3f0; }
.tr_lst { background-color:#eaf7ff; }
.tr_lst_odd {background-color:#f2fdff; }

.td_lst_hdr {border: solid 1px #b4c7cc; padding:5px; text-align: center;  font-weight:bold; font-size:0.8em; color:#1b516b; position:relative;}
.td_lst_cnt { border: solid 1px #c5d3ef; padding: 2px 5px; font-size:0.7em; color:#909999; font-style:italic; }
.td_lst, .td_num { border: solid 1px #c5d3ef; padding: 2px 5px; text-align: center;  font-size:0.7em; color: #161a7f; position: relative;}
.td_num { font-size:10px; color: #467aaf; font-style:italic;}
.td_lst_btn { border: solid 1px #c5d3ef; padding: 2px 5px; font-size:0.7em; color: #161a7f; font-style:italic;}

.clmfltr_sl{color: #a61a7f; }
.bt_sz{}

.err_field{border: solid 1px #982334;background-color:#eeadaf;}
.edt { background-color:#c9ece1}

.nav-item{}

/* *******************************************************************  Paging  ******************************************************************* */
#tb_pagin { margin:10px auto; color: #5f7a7a; font-size:12px; user-select: none;}
#sl_paginat_nmb_pg, .td_pagin_go, .td_pagin_prev, .td_pagin_num, .td_pagin_next, .td_pagin_numbpg {background-color:#ddecee; border: solid 1px #abcfcf; color: #768b7c; padding:3px 5px; }
.dv_pagin_go {}
#sl_paginat_nmb_pg {border-width:0px;}
.pg_sl { background-color:#ebe3b6; border: solid 1px #cebb53; color:#7d6829; }

/* *******************************************************************  Collaps column  ******************************************************************* */
.dv_clps{ position:absolute; top:-3px; right:0px;}
.fa_clps{ color: #6493d0; font-size:10px; line-height:0px;}
.clps_sl{ background-color:#ffe50c; color: #1067a6; font-size:14px; line-height:0px;}

#dv_pnlclps { background-color:#e6f5ff; border:1px solid #228ac9; position:fixed; top:5px; left:5px; border-radius:8px; padding:12px;}
.dv_clps_hdr{ color:#08596b; padding:2px 3px; font-size:12px;}
#tb_pnlclps { border-collapse:collapse; margin:auto; width: 100%; margin: 10px 0px;}
.td_pnlclps_shw { background-color:#f2fdff;  border:1px solid #b2d1e0; padding:1px 5px; }
.td_pnlclps_hd { background-color:#c2daf0;  border:1px solid #b2d1e0; padding:1px 5px; }
.td_pnlclps_sl { background-color:#efd394;  border:1px solid #d4bd3c; padding:1px 5px; }
.bt_pnl{ background-color:#c2daf0; color:#10578a;  border:1px solid #85a0b9; border-radius:6px; font-size:10px; padding: 3px 6px;}

.dv_pnlcls_exit {position:absolute; top:2px; right:3px; color:#73b0f1; font-size:12px;}
.dv_pnlcls_exit_sl {color:#fba502; font-size:18px; top:0px; right:0px; }


#tb_control{margin:10px auto;}
.td_cntrl{padding:3px 5px;}

.slct{ background-color: #c2daf0; border:1px solid #9bb5cd; padding: 2px 10px; border-radius: 4px; color:#274e77;}
.slct_sl{ background-color:#ffd87c; border: 1px solid #b9a585; }

.bt_sl{background-color: #ffd87c; color:#6f5414; border: 1px solid #b9a585; }
.bt_sz_m{ background-color: #fff; color: #075663; border: 1px solid #1b5c63; font-size:9px; margin:1px 2px; border-radius:4px; padding:2px 6px; text-align:center;}
.bt_sz_m_sl{ background-color:#ffe5b3; color:#672b06; border: 1px solid #b69981;  border-radius: 1px; }


.dv_lst_workers_cntnr, .dv_lst_skills_cntnr{width:100%; margin:auto;}
.dv_worker, .dv_skill{ width: 100%; font-size: 10px; color: #637f90; font-style: italic; padding: 0px 0px; text-align: left; border-bottom: solid 1px #a9cbd0; margin: 3px 0px;}




.dv_fund_cntnr{width:100%; margin:auto;}
.dv_fund{ width:100%; font-size:10px; color:#829baa; font-style:italic; padding:2px 5px; text-align:left;}

.tb_chains{width:100%; margin:auto;}
.tb_chains td {border-bottom: solid 1px #dcf7fd;}
.td_chain_hdr{ font-size:11px; color:#829baa; padding:2px 5px; text-align:center; font-weight:bold;}
.dv_chain{ width:100%; font-size:10px; color:#829baa; font-style:italic; padding:2px 5px; text-align:left; }


/* *******************************************************************  Panel  ******************************************************************* */
.dv_pnl{ position:absolute; top:5px; left:-50%; background-color:#e6f5ff; border:1px solid #228ac9; border-radius:8px; padding:12px; z-index: 10; }
  

/* *******************************************************************  UserPage  ******************************************************************* */
.btn_blck_vsbl {   background-color:#79b4ff; border:solid 1px #5c7fa3; color:#e3fffe; padding:2px 20px;  border-radius:6px; position:absolute; right:0px; top:-52px; width:100px; text-align:center;}
#blck_contct, #blck_skills {max-width:600px; margin:20px 0px 40px 0px; position: relative;}
#tb_cntct, #tb_skills  {width:100%;}
.tr_rw {}
.td_name { padding: 5px;}
.td_val {  padding: 5px; border: solid 1px #d5d5d5; }
.ta { background-color: #fafafa; width:100%; border: solid 0px #d5d5d5;}

#blck_skills {}
#tb_skills {}
.tr_hdr {padding: 5px; border: solid 1px #d5d5d5; background-color: #fafafa; }
.td_hdr { font-weight:bold;padding: 5px; border: solid 1px #d5d5d5; text-align: center;}
.td_skl, .td_do { border: solid 1px #c5d3ef; padding: 2px 5px; text-align: left; font-size:15px; color:#01456e;}
.td_do { text-align:center;}
.tr_rw {}
.td_rw {}

.btns, .btns_m { background-color:#79b4ff; border:solid 1px #5c7fa3; color:#e3fffe; padding:2px 20px;  border-radius:6px; margin:0px 3px; }
.btns_m {  border-radius:4px; font-size:10px; padding: 1px 10px; }

.bt_sl { background-color: #edf3f6; color: #165964; border: solid 1px #c5d2d6;   cursor:pointer; }




/* ===================================================== Choice board ======================================== */
.choice_board_block{ margin:auto; border: solid 1px #a7c9c9; }
.chcbrd_result, .chcbrd_lst_optns {width:100%;}
.chcbrd_result_optns {min-height: 30px; border: solid 1px #8fbfec; display: table-cell; width: 100%; padding: 0px 5px; text-align: left;}
.chcbrd_optns_shw{display: table-cell; background-color: #8bc8f7; border: solid 1px #a7c9c9; padding: 6px; color:#fff;}

.chcbrd_lst_optns {width:100%;}
.chcbrd_opt_cstm { background-color:#f7fdff;  border: solid 1px #a7c9c9; margin: 4px 2px; position:relative; border-radius: 6px; padding: 3px;}
.chcbrd_opt_nm{ color:#35709b;}
.chcbrd_add_sl{ border: solid 1px #a7c9c9; border-radius: 4px;  width: 18px;  text-align: center; background-color: #8bc8f7; color:#f8fdfd; position: absolute;  top: 3px;  right: 3px; }
.chcbrd_add_sl_cstm{border: solid 1px #a7c9c9; border-radius: 4px;  width: 18px;  text-align: center; background-color: #8bc8f7; color:#f8fdfd; display: table-cell; padding: 0px 6px;}

.chcbrd_opt {background-color:#f7fdff; border: solid 1px #a7c9c9; display: inline-block; width:fit-content; padding:4px 30px 4px 10px; margin: 4px 2px; position:relative;  border-radius: 6px; font-size: 14px;}
.chcbrd_opt_cstm_dv {display: table-cell; width:100%; padding: 0px 10px 0px 0px;}
.chcbrd_opt_cstm_inpt {border: solid 1px #d2f2fc; width: 100%; border-radius: 4px;} 
.chcbrd_add_sl:hover, .chcbrd_add_sl_cstm:hover, .chcbrd_optns_shw:hover { background-color: #e4f5fa;  border: solid 1px #a7c9c9; color: #87a9a9; cursor:pointer; }