/* login profile btn */
.btn_lg_pr{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    padding: 5px;
    margin: 5px;
    border-radius: 6px;
    border: 1px solid #161d22;
    background-color:#14645ec7;
    text-shadow: 1px 1px 1px #00394d;
    max-width: 150px;
}
.btn_lg_pr:hover{
    box-shadow: inset 0 0 100px 100px #ffffff1a;
}
.btn_lg_pr.prof{
    border: 1px solid #17272c;
    background-color:#29444e;
    width: 30%;
}
.btn_lg_pr.lgn{
    border: 1px solid #17272c;
    background-color:#29444e;
    width: 30%;
}
.btn_lg_pr.dnld{
    border: 1px solid #17272c;
    background-color:#2d4446;
    width: 30%;
}
.btn_lg_pr.hide{
    display: none;
}

.lg_pr_icon{
    background-image: url('IconSet30p.svg');
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
}
.lg_pr_icon.login{
    background-position: -60px 0;
}
.lg_pr_icon.profile{
    background-position: -30px 0;
}
.lg_pr_icon.download{
    background-position: -120px 0;
}
.lg_pr_text{
    vertical-align:middle;
    display:inline;
    color: #ffffff;
    text-shadow: 1px 1px 1px #00394d;
    font-size: 0.875rem;
}

/* nav_table */


.nav_table{
    width: 100%;
    margin-bottom: 10px;
    background-color: #0a2029;
}

.nav_item{
    display:block;
    text-decoration:none;
    padding: 10px;
    border-radius: 6px;
    background-color: #20515e;
    border: 1px solid #000000;
}

.nav_item:hover{
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}
.nav_item .nav_icon{
    background-image: url('IconSet36p.svg');
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}
.nav_icon.itm-1{
background-position: -108px 0;
}
.nav_icon.itm-2{
background-position: 0 -36px;
}
.nav_icon.itm-3{
background-position: -36px -36px;
}
.nav_icon.itm-4{
background-position: -72px -36px;
}

.nav_text{
    color: #ffffff;
    font-size: 0.75rem;
    text-align: center;
    text-shadow: 1px 1px 1px #00394d;
}
.nav_item:hover{
	background-color:#408c99;
}
.nav_item:active{
    color: #aeeef3;
	position:relative;
	top:1px;
}


/* rg_area */


.rg_area{
    display:table;
    width:100%;
    border-radius: 8px 8px 8px 8px;
    margin-bottom: 10px;
  }
.rg_area.hide{
    display: none;
}
.rg_row{
    display:table-row;
    width:100%;
}
  
.rg_elem{
    display:table-cell;
    text-align:center;
    vertical-align: middle;
    padding: 10px;
    color: #106363;
    background-color: #ffffff;
    font-size: 0.875rem;
}
.rg_elem.text{
    color: #ffffff;
    border-radius: 8px 8px 8px 8px;
    background-color: #225068;
    border: 1px solid #081d24;
}
  
.rg_elem.btn{
    color: #ffffff;
    border-radius: 8px 8px 8px 8px;
    background-color: #244047;
    border: 1px solid #142225;
    width: 15%;
    text-align:center;
}
  

.rg_elem.btn:hover{
    box-shadow: inset 0 0 100px 100px #ffffff1a;
}


/* id_ac_area */
.id_ac_area{
    display:table;
    width:100%;
    margin-bottom: 5px;
    border-radius: 8px 8px 8px 8px;
}
.id_ac_area.hide{
    display: none;
}
.id_ac_elem{
    display:table-cell;
    text-align:center;
    vertical-align: middle;
    padding: 10px;
    color: #106363;
    background-color: #ffffff;
    border: 1px solid #2e3b3b;
    font-size: 0.875rem;
}
.id_ac_elem:first-child{
    color: #ffffff;
    border-radius: 8px 0 0 8px;
    background-color: #3d7274;;
}
.id_ac_elem:last-child{
    color: #ffffff;
    border-radius: 0 8px 8px 0;
    background-color: #2e5869;
}

/* mbtn_table */

.mbtn_table{
    width: 100%;
    background-color: #ffffff;
}

.mbtn_item{
    position: relative;
    display:block;
    text-decoration:none;
    padding: 20px;
    border-radius: 6px;
    background-color:#12537925;
}

.mbtn_item.itm-1{
    background-color:#ca3c5f;
    border: 2px solid #74283a;
}
.mbtn_item.itm-2{
    background-color:#29444e;
    border: 2px solid #17272c;
}
.mbtn_item.itm-3{
    background-color:#00948a;
    border: 2px solid #065548;
}

.mbtn_item.itm-4{
    background-color:#2c4558;
    border: 2px solid #152326;
}
.mbtn_item.itm-5{
    background-color:#29757b;
    border: 2px solid #183744;
}
.mbtn_item.itm-6{
    background-color:#046582;
    border: 2px solid #0b4050;
}

.mbtn_item.itm-7{
    background-color:#3d7274;
    border: 2px solid #065548;
}
.mbtn_item.itm-8{
    background-color:#2a4e58;
    border: 2px solid #313a3a;
}
.mbtn_item.itm-9{
    background-color:#4e8675;
    border: 2px solid #2e5a4d;
}

.mbtn_icon{
    background-image: url('IconSet36p.svg');
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
}
.mbtn_icon.itm-1{
    background-position: -108px -36px;
}
.mbtn_icon.itm-2{
    background-position: 0 -72px;
}
.mbtn_icon.itm-3{
    background-position: -36px -72px;
}
.mbtn_icon.itm-4{
    background-position: -72px -72px;
}
.mbtn_icon.itm-5{
    background-position: -108px -72px;
}
.mbtn_icon.itm-6{
    background-position: 0 -108px;
}
.mbtn_icon.itm-7{
    background-position: -36px -108px;
}
.mbtn_icon.itm-8{
    background-position: -72px -108px;
}
.mbtn_icon.itm-9{
    background-position: -108px -108px;
}
.mbtn_text{
    font-size: 0.75rem;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 1px #00394d;
}

.mbtn_item:hover{
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}
.mbtn_item:active{
    color: #aeeef3;
	position:relative;
	top:1px;
}