/* CSS Document */

.navbar-custom {
	padding: 5px;
	margin-bottom: 0;
	border-bottom: 1px solid rgba(0,0,0,.3);
	font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:none;
	background-color: #eee;
}

.navbar-custom .navbar-brand {
	font-size: 18px;
	font-weight: bold;
    height: 56px;
    padding-left: 20px;
    padding-right: 20px;
    letter-spacing: -1px;
}

.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:hover {
	outline: 0;
	background-color: rgba(0,0,0,.2);
	border-radius:4px;
}

.navbar-custom a {
	color: #000;
}

.navbar-custom .nav li.active {
	outline: nonte;
	background-color: rgba(0,0,0,.2);
	border-radius:4px;
}

.navbar-custom .nav li a {
	height:55px;
	padding-top: 16px;
	-webkit-transition: background .1s ease-in-out;
	-moz-transition: background .1s ease-in-out;
	transition: background .1s ease-in-out;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active {
	outline: 0;
	background-color: rgba(0,0,0,.2);
	border-radius:4px;
}

@media(min-width:1024px) {
	.navbar-custom {
		padding: 10px 0;
		border-bottom: 0;
		letter-spacing: 1px;
		background: 0 0;
		-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
		-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
		transition: background .5s ease-in-out,padding .5s ease-in-out;
	}

	.top-nav-collapse {
		padding: 0;
		background-color: #eee;
	}

	.navbar-custom.top-nav-collapse {
		border-bottom: 1px solid rgba(0,0,0,.2);
	}
}

body {
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: #fafafa;
}

.cp-center {
	text-align:center;
	vertical-align:middle;
}

.cp-table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	padding:0px;
	margin: 0 auto;
	border: 0px solid;
}

.title-logo {
  width: 300px;
  height:320px;
  margin: 0 auto;
  background-image:url(/include/images/bg.png);
  background-size: 300px 320px;
  background-repeat: no-repeat;
  background-position: center;
}

.title-logo-bw {
  width: 300px;
  height:320px;
  margin: 0 auto;
  background-image:url(/include/images/bg-bw.png);
  background-size: 300px 320px;
  background-repeat: no-repeat;
  background-position: center;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-info {
  margin-bottom: 10px;
  text-align:justify;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
  text-align:center;
}
.form-signin .radio {
  padding-left: 20px;
  text-align:left;
  cursor:pointer;
}
.form-signin .radio-g {
  display:table;
  height:40px;
}
.form-signin .radio-g label {
  cursor: pointer;
  display: table-cell;
  text-align: center;
  vertical-align: top;
  width: 165px;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
  padding: 10px;
  font-size: 14px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin .login-email {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin .login-pass {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin .register-pass {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin .register-pass2 {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.form-signin .forgot-pass {
  margin-top:15px;
  margin-bottom: 15px;
  text-align:center;
  font-size:14px;
}

.form-signin .alert {
  text-align:center;
 }

footer {
  padding: 50px 0;
}

footer p {
  margin: 0;
}

.wic-image {
    display: table;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.wic-title {
    color: #4b4b4b;
    display: table;
    float: none;
    font-family: sans-serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0px;
    margin: 0 auto;
    padding: 5px 0;
    text-align: center;
}
.wic-text {
    color: #8f8f8f;
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 150%;
    margin: 0 0 20px;
    padding: 0 15px;
    text-align: justify;
}
.wic-text hr {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0));
    border: 0 none;
    height: 1px;
    width: 250px;
}

.wic-img {
	display:inline-block;
	width:250px;
	height:250px;
	margin: 0 auto;
	background-size: 250px 250px;
	padding: 0px;
	margin: 0;
	line-height:0;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-repeat: no-repeat;
	background-position: center;
	border:0px solid transparent;
}

.cp-img{
	display:inline-block;
	width: 32px;
	height: 32px;
	background-size: 32px 32px;
	padding: 0px;
	margin: 0;
	line-height:0;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-repeat: no-repeat;
	background-position: center;
	border:0px solid transparent;
}

.cp-img-flag{
	display:inline-block;
	width: 24px;
	height: 24px;
	background-size: 24px 24px;
	padding: 0px;
	margin: 0;
	line-height:0;
	text-align:center;
	white-space:nowrap;
	vertical-align:middle;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	background-repeat: no-repeat;
	background-position: center;
	border:0px solid transparent;
}

.wic-img-1		{ background-image:url(/include/images/nui-hari-01.jpg) }
.wic-img-2		{ background-image:url(/include/images/nui-hari-02.jpg) }
.wic-img-3		{ background-image:url(/include/images/nui-hari-03.jpg) }
.wic-img-4		{ background-image:url(/include/images/nui-hari-04.jpg) }
.wic-img-5		{ background-image:url(/include/images/nui-hari-05.jpg) }
.wic-img-6		{ background-image:url(/include/images/nui-hari-06.jpg) }
.wic-img-7		{ background-image:url(/include/images/nui-hari-07.jpg) }
.wic-img-8		{ background-image:url(/include/images/nui-hari-08.jpg) }
.wic-img-9		{ background-image:url(/include/images/nui-hari-09.jpg) }
.wic-img-10		{ background-image:url(/include/images/nui-hari-10.jpg) }
.wic-img-11		{ background-image:url(/include/images/nui-hari-11.jpg) }
.wic-img-12		{ background-image:url(/include/images/nui-hari-12.jpg) }

.ic-cancel		{ background-image: url(/include/images/ic_cancel.png) }
.ic-accept		{ background-image: url(/include/images/ic_accept.png) }

.ic-flag-en		{ background-image: url(/include/images/flag_us.png) }
.ic-flag-es		{ background-image: url(/include/images/flag_es.png) }
.ic-flag-vi		{ background-image: url(/include/images/flag_vi.png) }
.ic-flag-it		{ background-image: url(/include/images/flag_it.png) }
.ic-flag-de		{ background-image: url(/include/images/flag_de.png) }
.ic-flag-pt		{ background-image: url(/include/images/flag_pt.png) }
.ic-flag-tr		{ background-image: url(/include/images/flag_tr.png) }
.ic-flag-id		{ background-image: url(/include/images/flag_id.png) }

@media only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-devicepixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	
	.title-logo {
		width:300px;
		height:320px;
		margin: 0 auto;
		background-image:url(/include/images/x2/bg.png);
		background-size: 300px 320px;
		background-repeat: no-repeat;
		background-position: center;
	}
	
	.title-logo-bw {
		width:300px;
		height:320px;
		margin: 0 auto;
		background-image:url(/include/images/x2/bg-bw.png);
		background-size: 300px 320px;
		background-repeat: no-repeat;
		background-position: center;
	}	
	
	.wic-img-1		{ background-image:url(/include/images/x2/nui-hari-01.jpg) }
	.wic-img-2		{ background-image:url(/include/images/x2/nui-hari-02.jpg) }
	.wic-img-3		{ background-image:url(/include/images/x2/nui-hari-03.jpg) }
	.wic-img-4		{ background-image:url(/include/images/x2/nui-hari-04.jpg) }
	.wic-img-5		{ background-image:url(/include/images/x2/nui-hari-05.jpg) }
	.wic-img-6		{ background-image:url(/include/images/x2/nui-hari-06.jpg) }
	.wic-img-7		{ background-image:url(/include/images/x2/nui-hari-07.jpg) }
	.wic-img-8		{ background-image:url(/include/images/x2/nui-hari-08.jpg) }
	.wic-img-9		{ background-image:url(/include/images/x2/nui-hari-09.jpg) }
	.wic-img-10		{ background-image:url(/include/images/x2/nui-hari-10.jpg) }
	.wic-img-11		{ background-image:url(/include/images/x2/nui-hari-11.jpg) }
	.wic-img-12		{ background-image:url(/include/images/x2/nui-hari-12.jpg) }
	
	.ic-cancel		{ background-image: url(/include/images/x2/ic_cancel.png) }
	.ic-accept		{ background-image: url(/include/images/x2/ic_accept.png) }
	
	.ic-flag-en		{ background-image: url(/include/images/x2/flag_us.png) }
	.ic-flag-es		{ background-image: url(/include/images/x2/flag_es.png) }
	.ic-flag-vi		{ background-image: url(/include/images/x2/flag_vi.png) }
	.ic-flag-it		{ background-image: url(/include/images/x2/flag_it.png) }
	.ic-flag-de		{ background-image: url(/include/images/x2/flag_de.png) }
	.ic-flag-pt		{ background-image: url(/include/images/x2/flag_pt.png) }
	.ic-flag-tr		{ background-image: url(/include/images/x2/flag_tr.png) }
	.ic-flag-id		{ background-image: url(/include/images/x2/flag_id.png) }
}