/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
 /* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;color:#6d496f;}
a:hover{color:#4c334d;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.center{text-align:center;}
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

body{font-family: 'Droid Sans',sans-serif;font-size:100%;
	background: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
}
body.clean{background:#fff;}

.box{width:1252px;position:relative;margin:0px auto;display:block;padding:0px 10px;clear:both;}
#contentW{color:#ffffff; height:10%; width:1252px; position:relative; background-color:#fff; margin:0 auto;}
#headerW{position:relative;background:#6C496F;display:block;clear:both;color:#fff;min-height:50px;vertical-align:bottom;}
#bodyW{position:relative;background:#fff;display:block;clear:both;}
#bodyW .box{padding:30px 0px;}
#qaW{background:#e4e5e6;padding:20px 0px;}
#qaW.left{background:#fff;padding:0px 20px 0px 0px !important;}
#qaW.left > div{height:700px;overflow-y:scroll;overflow-x:hidden;padding-right:20px;}
#footerW{border-top:5px solid #6C496F;padding-top:20px;display:block;clear:both;}
.message.warning{
	background: rgba(255, 255, 255, 0.33);
	-moz-box-shadow: 0 0 0 3px rgba(56, 41, 32, 0.25);
    -webkit-box-shadow: 0 0 0 3px rgba(56, 41, 32, 0.25);
    box-shadow: 0 0 0 3px rgba(56, 41, 32, 0.25);
     margin:9% auto 0;
	width: 26%;
}
.login-head {
	padding: 2em 0;
	background: #6D4A70;
	position:relative;
}
.login-head h1 {
	color: #fff;
	font-size: 1.5em;
	text-align: left;
	margin: 0 23px;
}

.login-head h3 {
	color: #fff;
	font-size: 1.2em;
	text-align: left;
	margin: 0 23px;
}
form {
	padding: 3em 2em;
	background: #F2F2F2;
	
}
form.admin{background:#fff;}
form li{
	border: 2px ridge rgba(187, 185, 189, 0.11);
	border-radius: 0.3em;
	-webkit-border-radius:0.3em;
	-moz-border-radius:0.3em;
	-o-border-radius:0.3em;
	list-style:none;
	margin-bottom:12px;
	background:#F0EEF0;

}
.icon{
	background:url(../images/icons.png)  no-repeat 0px 0px;
	height:30px;
	width:30px;
	display: block;
	float: right;
	margin: 12px 9px 9px 0px;
}
.user{
	background: url(../images/icons.png) no-repeat 7px 1px;
	
}
.lock{
	background: url(../images/icons.png) no-repeat -22px 1px;
}

input,select,textarea{position:relative;padding:0px 10px;height:42px;
	font-family:'Droid Sans',sans-serif;color:#B8B8B8;font-size:20px;line-height:40px;
	margin:0px;outline:none;background:none;border:none;}
select{max-width:100%;}
textarea{line-height:1.4;height:300px;width:100%;padding:10px;}
fieldset{position:relative;display:block;margin-bottom:5px !important;}
label{display:block !important;margin:0px !important;color:#555;font-weight:bold;font-size:12px;}
fieldset.submit_box{padding-top:10px;}
input[type="text"],input[type="password"]{width:70%;padding:0.5em 2em 0.5em 1em;}
input:hover,select:hover,textarea:hover{color:#9E61A3;}
.admin input,.admin select,.admin textarea{border:1px solid #b8b8b8;}
input.data{width:200px;}
.submit h4 a{float:left;font-size:16px;color:#999;font-weight:400;
	font-family: 'Droid Sans', sans-serif;
	margin-top: 15px;
	margin-left: 21px;
}
.submit h4 a:hover{
	color:#8D4294;
}
/*************************/
.submit{
	padding-top:1em;
}
input[type="submit"],button.submit {
	float: left;
	color: #fff;
	cursor: pointer;
	font-weight: 900;
	outline: none;
	font-family: 'Raleway', sans-serif;
	padding: 12px 20px;
	width: auto;height:auto;
	font-size: 18px;
	background:#6C496F;
	border:2px solid #6C496F !important;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	-moz-border-radius:0.5em;
	-o-border-radius:0.5em;
}
input[type="submit"]:hover,button.submit:hover {
	background: #fff;
	color:#6C496F;
}
/*----*/
/* footer */
.footer{
	position: relative;
	margin:10px auto;
	text-align:center;
	width:500px;
	bottom: 76px;
}
.footer p{
	position:relative;
	font-family: 'Droid Sans', sans-serif;
	color:#6C496F;
	display: block;
	font-size:1.2em;
	font-weight: 400;
	text-align:center;
	padding-top:2em;
}
.footer p a{
	color:#6C496F;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}
.footer p a:hover{
	color:#6C496F;
}
.message {
	box-shadow: 0 0 0 1px rgba(0,0,0,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.4);
	position: relative;
}
.warning {
	text-align: center;
	margin: 14% auto;
	width: 280px;
	background: rgba(82, 97, 97, 0.68);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
}
.alert-close {
	background: url('../images/into.png') no-repeat 0px 3px;
	cursor: pointer;
	height: 30px;
	position: absolute;
	right: 12px;
	top: 34px;
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
	width: 30px;
}
.alert-info{background:#e1dae2 !important;border-color:#c4b6c5 !important;}
.alert_message{margin-top:10px;padding-top:10px;border-top:1px solid #c4b6c5;}
.alert-secondary{background:#fff !important;}
.alert-dark{background:#e4e5e6 !important;}
.nav-tabs{position:relative;top:2px;}
.nav-link{font-size:16px;line-height:48px !important;padding:0px 10px !important;color:#e4e5e6 !important;}
.nav-link:hover{border:none !important;color:#fff !important;}
.nav-link.active{color:#6C496F !important;border:none !important;}

p .event, p .event a, .event, .event a{color:#422043;}


video{width:100% !important;height:auto !important;}
iframe{width:100% !important;}
iframe.ifr{height:90%;position:absolute;}

.img-circle { border-radius: 50%; }
/* added by Simona */

table.dataTable tbody tr.answer th, table.dataTable tbody tr.answer td{background:#e1dae2 !important;}
table.dataTable tbody tr.hidden th, table.dataTable tbody tr.hidden td{background:#E2EFD5 !important;}

.onlyMinim,.onlyMobile,.onlyTablet,.onlyMaxim,.noDesktop{display:none !important;}
.onlyDesktop{display:block;}
.noMobile,.noTablet,.noMaxim{display:block;}
.noMinim{display:inline-block;}
.fix{clear:both;font-size:1px;line-height:1px;height:0px;padding:0px !important;display:block;}
.fixed{position:fixed !important;width:100%;top:0px;z-index:99999 !important;left:0px;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);-moz-box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);box-shadow: 0px 0px 10px 0px rgba(153,153,153,1);}
.inner_box{padding:30px !important;}

.webinar_embed{padding:30px 0px;}
.webinar_message{font-size:14px;line-height:1.2;}
.webinar_message ul{list-style:disc outside;margin:5px 0px 0px 20px;}
.webinar_message ol{list-style:decimal outside;margin:5px 0px 0px 20px;}

.action{display:inline-block;padding:0px 10px;line-height:28px;border-radius:0.5em;border:2px solid #6C496F;
	background:#6C496F;color:#fff;margin:5px;}
.action.small{line-height:18px;}
.action.edit{background:#cdcecf;border-color:#cdcecf;}
.action:hover{background:#fff !important;color:#6C496F !important;border-color:#6C496F !important;text-decoration:none;}
a.badge{padding:0px 5px !important;line-height:22px !important;border-radius:0.5em !important;}

.close{position:absolute;right:20px;top:0px;border-radius:0px 0px 50% 50%;background:#fff;color:#000;font-size:14px;font-weight:bold;width:30px;height:30px;line-height:30px;text-align:center;}
.close:hover{background:#9E61A3;color:#fff !important;}

.popup{display:block;z-index:9999999 !important;width:400px;position:fixed !important;padding:30px 20px !important;top:20%;left:50%;margin-left:-200px;}
.popup.big{width:600px;margin-left:-300px;}
.popup:before{content:'';position:absolute;background:#C6C6C7;top:0px;left:0px;opacity:0.7;display:block;width:100%;height:100%;}
.popup > div{position:relative;padding:20px;background:#fff !important;max-height:80%;overflow-y:scroll;}
.popup .important{color:#6C496F !important;}
.popup form{padding:0px !important;background:#fff !important;}
.popup input,.popup select,.popup textarea{border:1px solid #b8b8b8;border-radius:0.5em;}
.loader{display:block;width:200px;position:absolute;left:50%;margin-left:-100px;}

.cols{position:relative;margin:0px !important;}
.col2{display:block;float:left !important;width:50% !important;}
.col2:nth-child(2n+3){clear:both !important;}
.col3,.col32{display:block;float:left;width:33%;}
.col3:nth-child(3n+4){clear:both;}
.col32{position:relative;width:67%;}
.col4,.col42,.col43{display:block;float:left;width:25%;}
.col4:nth-child(4n+5){clear:both;}
.col42{width:50%;}
.col43{width:75%;}
.col5,.col52,.col53,.col54{display:block;float:left;width:20%;}
.col52{width:40%;}
.col53{width:60%;}
.col54{width:80%;}
.cols.left{float:left !important;}
.cols.right{float:right !important;}

#right_menu{position:fixed;overflow:hidden;height:50px;text-align:right;left:100%;width:470px;
	margin-left:-50px;top:75%;z-index:9999;transform:rotate(-90deg);transform-origin: left top 0;}
#right_menu a{position:relative;top:10px;display:block;float:right;margin:0px 5px;white-space:nowrap;width:180px;
	background:#846586;color:#fff;text-decoration:none !important;text-align:center;font-size:18px;border-radius:10px 10px 0px 0px;
	height:40px;line-height:40px;font-weight:bold;}
#right_menu a:hover{height:50px;top:0px;}
#right_menu a#qa_right{width:240px;background:#6C496F;}

#bodyW table{border-collapse:separate;margin:20px auto !important;padding:1px !important;}
#bodyW form table{margin:0px auto;}
#bodyW td{position:relative;padding:3px 6px !important;line-height:20px;border-bottom:1px solid #6c496f;text-align:left;vertical-align:top;}
#bodyW .cap_tabel_admin td{padding:6px !important;background-color:#6c496f;color:#fff;text-transform:uppercase;line-height:1.2;height:40px;vertical-align:middle;}
#bodyW .cap_tabel_admin td.link{padding:0px !important;}
#bodyW .cap_tabel_admin a{padding:3px 6px !important;display:table-cell;width:100%;color:#FFF !important;line-height:1.2;
	text-decoration:none !important;font-weight:bold;height:100%;vertical-align:middle;}
#bodyW .cap_tabel_admin a:hover{background:#007bff;}
#inapoi-la-portal{float: right; font-weight: bold; color: darkorange;margin-top: -5px;}
.material-symbols-outlined{vertical-align: bottom;}
#embed_id_fk{border: 1px solid;border-radius: 5px;margin-right: 5px;}
#submit-export{background: #6c496f;padding: 10px;border-radius: 5px;color: #fff;}
#link-download{display: inline-block;margin: 0px 5px;}
.form-export{margin:10px 0px;}
@media only screen 
and (max-width : 1440px) {
/* Styles */
.onlyDesktop{display:block}
.onlyMaxim,.onlyTablet{display:none !important;}
.box{width:1200px;}
.message.warning{margin: 11% auto 0;width:30%;}
.footer{left:44%;}
}
/*-----start-responsive-design------*/
@media (max-width:1366px){
.message.warning{margin:7% auto 0;width:35%;}
.footer{left:43%;bottom:9%;}
}
@media (max-width:1280px){
.box{width:1000px;}
.message.warning{width:33%;}
.nav-link{font-size:14px;}
#right_menu a{font-size:16px;}	
}
@media (max-width:1024px){
.noDesktop {display:block !important;}	
.onlyDesktop,.onlyMaxim,.onlyTablet{display:none !important;}
.box{display:block;width:100%;float:none;padding:0px 10px;height:auto !important;}
.fixed{position:inherit !important;box-shadow:none !important;top:auto !important;left:auto !important;}
textarea{height:200px;}
.message.warning{margin:12% auto 0;width:47%;}
.footer{left:41%;}
#bodyW .box{padding-bottom:0px !important;}
#webinar_qa{position:relative !important;display:block !important;width:100% !important;
	border-top:2px solid #e4e5e6;padding:0px !important;margin:0px !important;left:auto;top:auto;}
#webinar_qa:before{display:none;}
#webinar_qa > div{max-height:none !important;overflow:auto !important;}
#bodyW .cols{width:100% !important;float:none !important;}
#qaW.left{background:#e4e5e6 !important;padding:20px 10px !important;}
#qaW.left > div{height:auto;overflow:initial !important;padding:0px;}

}
@media (max-width:768px){
.noMobile{display:none !important;}
.onlyMobile{display:block !important;}
#bodyW .box{padding:20px 0px;}
.nav-link .txt{display:none;}
.nav-link .oi{display:inline-block;}
.message.warning{margin:13% auto 0;width:65%;}
.footer{left:38%;}
}
@media (max-width:640px){
.col3,.col32,.col2{width:100% !important;float:none !important;padding-right:0px !important;background:none;}
.col42 .col2{width:50% !important;float:left !important;}
#webinar_qa .img-circle{display:none;}
#webinar_qa .alert{margin:0px !important;}
.message.warning{width:67%;}
.footer{left:35%;bottom:87px;}
}
@media (max-width:480px){
.noMinim{display:none !important;}
.col4,.col42 .col2,.col4,.col52{width:100% !important;}
#bodyW .box{padding:10px 0px;}
.message.warning{margin:15% auto 0;width:90%;}
.footer{left:33%;bottom:136px;}
}
@media (max-width:320px){
.box{padding:0px;}
	.message.warning  {
		margin:8% auto 0;
		width:90%;
	}
	.login-head {
	padding: 1.45em 0;
	}
	.login-head h1 {
	font-size: 1.15em;
	}
	.icon {
		margin: -33px 9px 9px 0px;
	}
	input[type="text"], input[type="password"] {
		font-size: 16px;
	}
	.alert-close {
	right: 12px;
	top: 22px;
	}
	form {
	padding: 1.5em 1.5em;
	}
	.submit {
	padding-top: 0.4em;
	}
	input[type="submit"] {
		float:none;
	padding: 11px 0px;
	width: 52%;
	font-size: 15px;
	}
	.submit h4 {
		margin-top: 15px;
		margin-bottom: 20px;
	}
	.submit h4 a {
	float: none;
	font-size: 15px;
	}
	.footer {
	left: 22%;
	bottom: 59px;
	}
	
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 10px 0px 1000px white inset;}
input:-moz-autofill {-moz-box-shadow: 0 0 0px 1000px white inset;}
input:-o-autofill {-o-box-shadow: 0 0 0px 1000px white inset;}
input:-khtml-autofill {-khtml-box-shadow: 0 0 0px 1000px white inset;}
input:focus:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
input:focus:-moz-autofill {-moz-box-shadow: 0 0 0px 1000px white inset;}
input:focus:-o-autofill {-o-box-shadow: 0 0 0px 1000px white inset;}
input:focus:-khtml-autofill {-khtml-box-shadow: 0 0 0px 1000px white inset;}
::-webkit-input-placeholder {color:#c6b9c8;}
::-moz-placeholder {color:#c6b9c8;}
:-ms-input-placeholder {color:#c6b9c8;}
:-moz-placeholder { color:#c6b9c8;}

.embed-container{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }