@charset "utf-8";
/* CSS Document */

html, body, p {
	margin:0; padding:0; height:100%;
}

body{
	display:table; margin:0 auto; height:100%;
}

header, section, footer, aside, nav, main, article, figure {
    display: block;  clear:both;
}

.bg_main{	
	background-size: 100% 100%;
	width:100%;	
	/*padding-bottom: 10.5%;*/ /* 1050px/1680px */
	background:url(../_images/bg_0.jpg);
	background-size: cover;
  	-moz-background-size: cover;  /* Firefox 3.6 */
 	background-position: center;  /* Internet Explorer 7/8 */
	overflow-y:auto;
	font-family:Tahoma, Geneva, sans-serif;
}

/*CONTAINERS*/

.cont_c{
	display: table-cell; height: 100%; width:100%; vertical-align: middle;     
}

.cont_t
{
    display: table; height: 100%; width:100%;
}

.cont_head{
	position:absolute; top:0px; right:0px; left:0px;
	text-align:left; padding:5px; padding-left:20px;
}

.cont_foot{	
	position:absolute; bottom:0px; right:0px; left:0px;
    font-size:10px; color:#999; text-align:right; padding:5px;
    background-color:#000;
}

.cont_foot2{	
	font-size:10px; color:#999; padding:5px; margin:0px;
}

.cont_body{	
	max-width:500px; margin:auto; padding: 5px; text-align:center;			
	/*min-width:250px;*/
	/*border: #FFF solid 1px;	border-radius: 25px; background: rgba(255,255,255,.0); box-shadow: 0px 5px 20px #000;*/
	
}

.cont_body_2{
	margin:auto; padding: 5px; text-align:left; color:#FFF; height:85%;
}

.cont_title{
	margin:15px 0px;
}

.cont_login{
	min-width:241px; margin:auto;
}

.cont_menu{
}

.cont_msg{
	color:#e8e8e8; font-size:14px; text-align:center; margin: 5px 0px 15px 0px;
}

.cont_msg span{
	display:inline-block;
}

.cont_msg span.msg_name{
	font-size:26px; color:#FFF;
}

.cont_pwrecov{
	
}

/*ELEMENTS*/

.logo_hyu{
	background:url(../_images/logo_hyudai_0.png) no-repeat;
}

.logo_hcon{
	background:url(../_images/logo_hcon_0.png) no-repeat;
}

.tiles_gray{
	background:url(../_images/tile_hexa_disable.png) no-repeat;
	width:299px; height:341px; margin:auto;
}

a.a-collapse
{
    display: block;clear: both;cursor: pointer;color: #fff; text-decoration:none;
}

.img-set-pix
{
    width: 150px;
    height: 150px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
}


div.set-btn{
    background-color:#2586ae; height:36px; width:36px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

div.set-btn:hover{
    background-color:#0071a0; height:36px; width:36px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}

div.set-bot-bor
{
    border-bottom:2px solid #FFF; margin-bottom: 22px; 
}

.set-btn-img
{
    height:30px; width:20px; border:0px;
    background:url(../_images/sprite_icons.png) -48px 4px;
}

.exit-btn-img
{
    height:30px; width:20px; 
    background:url(../_images/sprite_icons.png) -107px 4px;
    border-style:none;
}

.return-btn-img
{
    height:30px; width:20px; border:0px;
    background:url(../_images/sprite_icons.png) -146px 4px;
}

label.rfa
{
    display: inline-block; max-width: 100%;margin-bottom: 5px;font-weight:normal;
}

div.pp-login-c
{
    width: 150px; height: 150px; display: block; margin: 5px auto;
    background-image: url(../_profile_pics/user_default.jpg); background-size: cover;
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;
}

.textbox{
	width:91%; height:20px; padding:8px; background: rgba(215,233,234,.15);
	color:#FFF; border:solid 1px #FFF; border-radius: 5px; margin:5px 0px; font-size:12px;
}



.textbox-default, .form-control[disabled].textbox-default, .form-control[readonly].textbox-default, fieldset[disabled] .form-control.textbox-default{
	background: rgba(215,233,234,.15); border:solid 1px #FFF; color:#FFF;
}

select.textbox-default option
{
    background-color: #2d4864; color:#FFF;
}

.textbox-default::-webkit-input-placeholder {
    color: #e0e0e0 !important; font-style:italic;
}
 
.textbox-default:-moz-placeholder { /* Firefox 18- */
    color: #e0e0e0 !important; font-style:italic;  
}
 
.textbox-default::-moz-placeholder {  /* Firefox 19+ */
    color: #e0e0e0 !important; font-style:italic;  
}
 
.textbox-default:-ms-input-placeholder {  
    color: #e0e0e0 !important; font-style:italic;  
}

.btn_login{
	width:100%; margin:5px 0; /*background-color:#01449f;*/ padding:9px;
	background-color:#2586ae;	
	border: 1px solid #2586ae; border-radius: 5px; color:#FFF; font-size:12px; cursor:pointer;	
}

.btn_login:hover
{
    color:#fff;
}

.btn_login_300{
	width:300px; margin:5px 0; background-color:#01449f; padding:10px;
	border: 1px solid #01449f; border-radius: 5px; color:#FFF; font-size:15px; font-weight:bold; cursor:pointer;	
}

.btn_tile{
	width:90px; height:90px; display:inline-block; background-color:#a0a0a0; border-radius: 5px; box-shadow: 0px 2px 5px #333; border:0px; margin:10px 10px 0px 0px;
}

.lnk_login{
	width:100%; text-align:center; margin:5px 0px 15px 0px;; color:#CCC; margin:2.5px;
}

.lnk_login a{
	font-size:12px; text-decoration:none; color:#DDD;
}

.lnk_sys{
	text-align:center; max-width:350px; margin:auto;
}

.lnk_sys_duo{
	display:inline-block; clear:none; padding:0px;
}

.lnk_sys_hex{
	width:299px; height:341px; background:url(../_images/tile_hexa_disable.png) no-repeat; margin:auto; margin-top:15px; margin-bottom: 0px;
}

.frm_50{
	display:inline-block; padding:5px; margin:0px; text-align:left;
}

.frm_none{
	text-align:left;
}

.frm_title{
	color:#FFF; font-size:19px; text-align:left; /*border-radius: 5px; background-color:#1bbc9b;*/ padding:3px; border-bottom:2px #FFF solid;
}

.frm_body{
 	padding:15px; padding-bottom:0px; /*border: #FFF solid 1px; border-radius: 10px; background: rgba(255,255,255,.1);*/
}

.frm_elem{
	display:inline-block;
}

.frm_elem.label{
	font-size:15px; color:#FFF; width:32%; width:180px; text-align:left;
}

.frm_elem.item{
	width:100%;
}

/*HEADERS*/
.header1{
	/*border-bottom:2px solid #FFF;*/ text-align:left; font-size:22px; color:#FFF;
}

/*MARGIN*/
.mar_b_5{
	margin-bottom:5px;
}

.mar_t_5{
	margin-top:5px;
}

.mar_b_15{
	margin-bottom:15px;
}

.mar_t_15{
	margin-top:15px;
}

/*HEIGHT*/
.height100
{
    height:100%;
}

/*WIDTH*/
.width_100
{
    width:100%;
}

.width_auto
{
    width:auto;
}

/*COLORS*/
.col_elfgreen, .col_hype{
	background-color: #149271;
}

.col_fuelyellow, .col_halo{
	background-color: #c78e33;
}

.col_fuelyellow, .col_calo {
	background-color: #c78e33;
}

.col_pictonblue, .col_smis{
	background-color: #4e94cf;
}

.col_electricpurple, .col_hsds{
	background-color: #bf3dcb;
}

.col_electricpurple, .col_csds {
	background-color: #bf3dcb;
}

/*PADDING - ALIGNMENTS*/
.padZero
{
    padding:0px;
}

.pad_top_5
{
    padding-top:5px;
}

.pad_bot_5
{
    padding-bottom:5px;
}

.align_l
{
    text-align:left;
}

.align_r
{
    text-align:right;
}

/*SYSTEM IMAGES*/
.logo_HSDSbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-390px 0px;	
}

.logo_HSDSbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-312px 0px;	
}

.logo_HSDS-CVbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-234px 0px;	
}

.logo_HSDS-CVbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-156px 0px;
}

.logo_CSDSbtn {
	background: url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position: -390px 0px;
}

	.logo_CSDSbtn:hover {
		background: url(../_images/sprite_btn_systems_1.png) no-repeat;
		background-position: -312px 0px;
	}

.logo_ACSSbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-78px 0px;	
}

.logo_ACSSbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:0px 0px;	
}

/**/
.logo_HCAPbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-390px -78px;	
}

.logo_HCAPbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-312px -78px;	
}

.logo_SMISbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-234px -78px;	
}

.logo_SMISbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-156px -78px;
}

.logo_SMIS-CVbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-78px -78px;	
}

.logo_SMIS-CVbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:0px -78px;	
}
/**/
.logo_SDMSbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-390px -156px;	
}

.logo_SDMSbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-312px -156px;	
}

.logo_WMISbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-234px -156px;	
}

.logo_WMIS:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-156px -156px;
}

.logo_MWSbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-78px -156px;	
}

.logo_MWSbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:0px -156px;	
}
/**/
.logo_HRISbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-390px -234px;	
}

.logo_HRISbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-312px -234px;	
}

.logo_HYPEbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-234px -234px;	
}

.logo_HYPEbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-156px -234px;
}

.logo_HYPE-CVbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-78px -234px;	
}

.logo_HYPE-CVbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:0px -234px;	
}
/**/
.logo_HALO-CVbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-390px -312px;	
}

.logo_HALO-CVbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-312px -312px;	
}

.logo_CALO-CVbtn {
	background: url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position: -390px -312px;
}

.logo_MIASbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-234px -312px;	
}

.logo_MIASbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-156px -312px;
}

.logo_HELPbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-78px -312px;	
}

.logo_HELPbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:0px -312px;	
}
/**/
.logo_CRMSbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-390px -390px;	
}

.logo_CRMSbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-312px -390px;	
}

.logo_CPMSbtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position:-234px -390px;	
}

.logo_CPMSbtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-156px -390px;
}

.logo_HALObtn{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:-78px -390px;	
}

.logo_CALObtn {
	background: url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position: -78px -390px;
}

.logo_HALObtn:hover{
	background:url(../_images/sprite_btn_systems_1.png) no-repeat;	
	background-position:0px -390px;	
}

.logo_CALObtn:hover {
	background: url(../_images/sprite_btn_systems_1.png) no-repeat;
	background-position: 0px -390px;
}
/**/

/*SYSTEM MESSAGES*/
.notif0
{
    border-radius: 5px; padding:10px; font-size:12px; text-decoration:none;
    /*background: rgba(205,92,92,.5);*/
    width:100%; display:block; clear:both;
    /*border:1px solid white;*/
}

/*SYSTEM BUTTONS*/
ul.lstSystems
{
    padding:0px;
}

.lstSystems li
{
    list-style-type:none; display:inline-block;
}

.lstSystems li input[type="submit"]
{
    width:78px;height:78px;background-color:transparent;border:none;
}

/*MODAL*/
.modalBackground
{
    filter: Alpha(Opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    background-color: #000;
    position: absolute;
    z-index: 500;
    top: 0px;
    left: 0px;
}