/*!
 * Start Bootstrap - Stylish Portfolio Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    width: 100%;
    height: 100%;
	background-color:#990099;
	color:#F9FFA8;
}

body {
    font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
table tr td thead{
	border:1px solid;
}

.border{
	border:1px solid;
}
.underline{
	 text-decoration: underline;
}
.layer-color{
	background-color:#3333cc;
	opacity: 0.90;
    filter: alpha(opacity=80);
}
.org-header{
	color:#99cc66;
}
/*
 * form
 */
#ajax-loading{
	z-index:100;
	background: url(/icedupsy16/asset/img/loading.gif) no-repeat center center scroll;
	background-color:#990099;
	position:fixed;
	top:0; 
	right:0; 
	bottom:0; 
	left:0;
	margin:0;
	box-sizing:border-box;
	width:100%;
	height:100%;
	object-fit:contain;
	opacity: 0.90;
    filter: alpha(opacity=90);
	display:none;
}
#paymentCost{
	display:none;
}
.flabel{
	width:10em;
	text-align: right;
	/*border:1px solid;*/
}
.llabel{
	width:28em;
}
a{
	color:#3FF7FF;
}
a:visited{
	color:#FFD568;
}
a:hover{
	color:#4DD1FF;
}
a:active{
	color:#FFC15A;
}

legend {
    display: block;
    padding-left: 2px;
    padding-right: 2px;
    border: none;
}
form{
	color:black;
}
input, textarea,select{
	border:1px solid;
	width:28em;	
	margin:0.5em 0 0 0;
	padding:0.2em;
}
input[type=radio], input[type=checkbox]{
	border:1px solid;
	width:1em;	
	margin:0.5em 0 0 10em;
	
}
#pembentangType, #pembentang_student, #pembentang_non_student,#pembentang_abstract,#pembentang_poster{
	display:none;
}
#pembentang_option{
	display:none;
}
.img-circle {
    border-radius: 50%;
}


.text-vertical-center {
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vertical-center h1 {
    margin:-3.5em 0 0 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

/* Side Menu */

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 250px;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: #222;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 55px;
    font-size: 18px;
    line-height: 55px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

#menu-toggle {
    z-index: 1;
    position: fixed;
    top: 0;
    right: 0;
}

#sidebar-wrapper.active {
    right: 250px;
    width: 250px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle {
    margin: 5px 5px 0 0;
}

/* Header */

.header {
    /*display: table;
    position: relative;
    width: 100%;
    height: 100%;*/
    background: url(/icedupsy16/asset/img/bg.png) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.cheader{
	/*position:fixed !important;
	position:absolute;*/
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:50em;
}

.logo-seminar{
	width:70%;
    height:auto;
    padding-top:1.5em;
    padding-right:1.5em;
}
.logo-penganjur{
	display:table;
	position:relative;
   	width: 100%;
   	background:rgba(255,255,255,0.6);
	margin-top:-5em;
}
.con-header{
	height:70%;
}
.logopenganjur{
	display:inline-block;
	vertical-align: middle;
	text-align:left;
	font-weight:normal;
	font-size:1.5em;
	color:#252931;
    padding:1em 1em 1em 1.5em;
    z-index:10;
	float:bottom;
	text-align:center;
}
.logopenganjur img{
	display:block;
	/*width:15em;*/
	height:80px;
	width:auto;
	float:center;
	margin:auto;
}
/* organizer*/
.organizer{
	padding: 50px 0;
	background-color:#3039B3;
}
/* About */
.about {
    padding: 20px 0;
    background: url(/icedupsy16/asset/img/intro.png) no-repeat center center scroll;
}
/*tarikh penting*/
.important_date{
	padding: 50px 0;
	background: url(/icedupsy16/asset/img/bg4.png) no-repeat center center scroll;
	background-color:#257F2E;
}
/*speaker*/
.speaker-size{
	width:150px;
	height:auto;
}
.speaker{
    padding: 50px 0;
	background-color:#DA54A0;
}
.guide_for_author{
	padding: 50px 0;
	background-color:#3039B3;
}
.visa{
	padding: 50px 0;
	background-color:#575145;	
}
.register{
	padding: 50px 0;
	background-color:#DA54A0;
}
.speaker{
	padding: 50px 0;
	background-color:#3039B3;
}
.programme{
	padding: 50px 0;
	background-color:#1B8F22;	
}
.aturcara{
	text-align:left;
}
.accommodation{
	padding: 50px 0;
	background-color:#575145
}
.box{
	margin-top:5px;
}
.contact{
	padding: 20px 0;
	background-color:#257F2E;
	background: url(/icedupsy16/asset/img/bg_footer.png) no-repeat center center scroll;
	/*border:1px solid black;*/
}
/* Callout */
.callout {
    display: table;
    width: 100%;
    height: 400px;
    color: #fff;
    background: url(../asset/img/callout.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

/* Portfolio */

.portfolio {
    padding: 50px 0;
}

.portfolio-item {
    margin-bottom: 30px;
}

.img-portfolio {
    margin: 0 auto;
}

.img-portfolio:hover {
    opacity: 0.8;
}

/* Call to Action */

.call-to-action {
    padding: 50px 0;
}

.call-to-action .btn {
    margin: 10px;
}

/* Map */

.map {
    height: 500px;
}

@media(max-width:768px) {
    .map {
        height: 75%;
    }
}

/* Footer */

footer {
    padding: 50px 0;
	
}