/*
DOCEBO - The E-Learning Suite
http://www.docebo.com
license: http://www.gnu.org/licenses/old-licenses/gpl-2.0.txt
*/
@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows+Into+Light);

html,body{height:100%;}
body{color: #333333;font-size: 13px/1.231;font-family: "Open Sans", Arial, sans-serif;}

.main { background: url("/images/") no-repeat scroll center top / 100% 100% transparent;left: 0;margin: 0 auto;min-height: 100%;overflow: hidden; position: relative;top: 0;width: 100%;
}
.header,.content,.footer,.webcontent{position:relative;width:100%;margin:0 auto;padding:0;}
.header{width:50%;}
.webcontent{width:50%;background:#fff;}
.header{ height: 212px;}
.header .cat_link{text-decoration:none;color:#ed1c24;}
.header .catalogue{position:absolute;bottom:10px;right:215px;font-size:90%;letter-spacing:1px;}
.header .select-language{background: none repeat scroll 0 0 #fff;bottom: 10px;font-size: 90%;letter-spacing: 1px;padding: 10px;position: absolute;right: 15px;}
.header #main_title{background: url("../images/login/") no-repeat scroll center center transparent;margin: 0 auto;overflow: hidden;position: relative;top: 70px;width: 352px;}
.header #main_title a{display: block;height: 134px;opacity: 0;}
.content{margin-left: auto;margin-right: auto;padding: 2px 0;position: relative;}
.content h2 {position:relative;color:#fff;font-size:180%;font-weight:normal;margin:0;padding:0 14px;display: none;}
.content .login-box{margin:0 auto;position: relative;white-space: nowrap;width: 370px;}
.content .login-box-social{left: 34px;padding: 10px 0;position: relative;top: 7px;width: 85%;}
.content a{text-decoration:underline;color: #4e555b;padding: 10px;font-size:11pt;}
.content a:hover{text-decoration:underline;}
#link {position: relative;top: 13px;width: 50%;}
.content #login_confirm{margin:0;padding:0;}
.content #login_confirm p,.content #login_confirm div {display:block;}
.login-line {margin: 7px 0;}
#login_userid {background: url("/templates/iiq/images/login/icon-username.png") no-repeat scroll 98% 50% #fff;}
#login_pwd{background: url("/templates/iiq/images/login/icon-password.png") no-repeat scroll 98% 50% #fff;}
.content #login_confirm label {font-size:12pt;margin:0 11px 0 0;color:#4e555b;}
.content #login_confirm input.textfield {border: 1px solid #ffffff;box-shadow: 2px 2px 2px 0 #ababab inset;font-size: 90%;font-weight: normal;margin: 0;padding: 15px 5px;position: relative;width: 97%;border-radius: 3px;}
.content #login_confirm input#login{background: none repeat scroll 0 0 #cc3333;border: 1px solid #ed6364;box-shadow: 2px 2px 3px #a92a2a inset;color: #ffffff;padding: 11px 35px;position: relative;float: right;cursor: pointer;}
.button {font-size: 10pt !important;text-transform: uppercase;}
.content #social_login{float:right;zoom:1;margin-right:10px;}
.content #social_login span{ font-weight: bold; }
.content #social_login a{ margin: 0 4px;}
.content #social_login img{ height: 22px; }
.content #service_msg{color: #4e555b;font-size: 90%;margin-left: auto;margin-right: auto;position: relative;text-align: center;text-transform: uppercase;top: 71px;width: 500px;}
.content .logout{border: 1px dashed #fff;display: block;padding: 10px;}
.content .login_failed{color: #4e555b;border: 1px dashed #fff;display: block;padding: 10px;}
.content .homecatalogue{position:absolute;top:15px;left:25px;font-size:90%;letter-spacing:1px;padding:5px;background-color:#ed1c24}
.content .homecatalogue a{text-decoration:none;color:#ffffff}
.content .homecatalogue a:hover{text-decoration:underline;}
.footer{background: url("../images/login/footer-bg.png") repeat-x scroll left bottom transparent;bottom: 20px;font-size: 90%;height: auto;position: absolute;}
.footer #link{margin-top:3px;padding:3px 16px 4px;}
.footer a{text-decoration:none;color:#fff;}
.footer a:hover{text-decoration:underline;}
.footer #link a.first{font-weight:bold;padding:0 6px 0 0;margin:0 3px 0 0;border-right:1px solid #ffffff;}
.footer .copyright{position:absolute;bottom:4px;right:16px;color:#fff;}
.footer-inner {height: auto;margin: 0 auto;max-width: 80%;position: relative;}
.footer-inner img {height: auto;width: 100%;
}
.webcontent .box {margin:10px 5px;}
.webcontent h3 {margin:0 0 10px;padding:0;font-size:140%;color:#ed1c24;}
.webcontent p {margin:0 0 6px;}
/* XXX:register class ======================================*/
.reg_note{font-weight:bold;margin:1em 0 0;padding:0.20em;}
.reg_form{padding:0.40em;}
.reg_title_privacy{margin:24px auto 4px;padding:0.20em;width:70%;color:#ffffff;;font-weight:bold;}
.privacy_box{margin:0 auto;padding:0.40em;width:90%;max-height:150px;overflow:auto;background:#ffffff;border:1px solid #ed1c24;}
.reg_form_button{text-align:right;margin:0 auto;padding:0.40em;}
.reg_button{cursor:pointer;font-weight:bold;}
ul.reg_instruction{margin:0.20em 0.20em 1em;padding:4px 12px 4px 24px;}
ul.reg_instruction li{list-style-type:square;margin:2px;}
.reg_err_data{margin:0.40em;padding:0.40em;color:#ff0000;font-weight:bold;border:1px solid #ff0000;}
.reg_success{margin:0.40em;padding:0.40em;;border:1px solid #ffffff;}
.lostpwd_box{margin:1em;padding:0.60em 0.60em 0 0.60em;}
.lostpwd_logo{margin:0 0.40em;padding:0;}
.lostpwd_box span{font-weight:bold;}
#email_ins.button.art-button {
    background: none repeat scroll 0 0 #cc3333;
    border: medium none;
    box-shadow: 2px 2px 3px #a92a2a inset;
    color: white;
    padding: 4px 12px;
}
#userid_ins.button.art-button {
    background: none repeat scroll 0 0 #cc3333;
    border: medium none;
    box-shadow: 2px 2px 3px #a92a2a inset;
    color: white;
    padding: 4px 12px;
}
.form_right{ border: 1px dashed #c7091d;color: #ffffff;display: flex;font-weight: bold; margin: 0.6em 0 0;padding: 1.4em;text-align: right;}

.form_right .textfield{margin:0 14px; width:auto; padding:0;}
/* RESPONSIVE GRID =============================================== */
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWELVE   ============================================================================= */

.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
	width: 91.53%;
}

.span_10_of_12 {
	width: 83.06%;
}

.span_9_of_12 {
	width: 74.6%;
}

.span_8_of_12 {
	width: 66.13%;
}

.span_7_of_12 {
	width: 57.66%; 
}

.span_6_of_12 {
	width: 49.2%; 
}

.span_5_of_12 {
	width: 40.73%; 
}

.span_4_of_12 {
	width: 32.26%; 
}

.span_3_of_12 {
	width: 23.8%;
}

.span_2_of_12 {
	width: 12.9%; 
}

.span_1_of_12 {
	width: 6.86%; 
}