﻿/* css reset minified */
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,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,hgroup,menu,nav,output,ruby,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/*html { font-family: 'Raleway', sans-serif !important; }*/


header{
    background-color: #dee6f1;
    height: 48px;
}

section{
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #dee6f1;
}

.loginForm
#login-form{
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    max-width: 300px;
    width: 100%;
}

.form-container{
    padding: 20px;
    margin: 20px;
    background-color: #dee6f1;
    box-shadow: 0px 0px 15px #003e7d;
}
.form-container label,
.form-container a,
.form-container a:hover{
    color: #003E7D;
}

#container 
{
    margin: 0 auto;
    width: 96%;
    max-width: 1024px;
}

#header 
{
    padding: 1%;
    text-align: right;
}

#login-header{
    margin-top: 25px;
    text-align: center;
    margin-bottom: 10px;
}
#login-title{
    text-align: center;
}

#left 
{
    float: left;
    width: 48%;
    padding: 1%;
}

#right 
{
    float: right;
    width: 48%;
    padding: 1%;
}

/* controls style */
/*body
{
    font-family: "Segoe UI","Segoe UI Web Regular","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}*/

.hidden
{
    visibility: hidden;
}

.formElem
{
    margin-bottom: 12px;
}

/* single elems */
.company-logo
{
    background: transparent url('App_Themes/Default/Images/genialcloud_logo_login.png') no-repeat center center;
    height: 56px;
}

#lblLoginHeader{
    font-weight: bold;
    font-size: 20px;
    color: #003E7D;
}

.lblPortal
{
    font-weight: bold;
    font-size: 35px;
    color: #003E7D;
}

#btnSubmit
{
    width: 100%;
    margin-top: 22px;
}

.imgLoading 
{
    width: 16px;
    height: 16px;
    display: none;
    background: transparent url('./Images/loader.gif') center;
}

.default
{
    height: 400px;
    background: transparent url('./images/default.png') no-repeat center;
}

#msgBox 
{
    height: 46px;
    padding-top: 14px;
}

.msgBoxContainer
{
    height: 32px;
    background: transparent url('./images/alert2.png') 5px center no-repeat;
}    

.msgTxt
{
    color: #F00;
    font-size: 100%;
    position: relative;
    top: 25%;
    padding: 2px 2px 2px 44px;
    display: inline-block;
}

/* App layout */
.appContainer
{
    padding-right: 50px;
}

.appContainer h1
{
    font-size: 110%;
}

.appContainer .desc
{
    margin-top: 20px;
    font-size: 90%;
    text-align: justify;
    color: #222;
}

.appContainer .price
{
    margin-top: 20px;
    font-size: 90%;
    color: #666;
    font-weight: bold;
}

/* forgotPassword.aspx */

#innerContainer
{
    padding: 10px;   
}

.msgPass
{
    display:block;
    margin-top: 10px;
    padding: 10px;
    background-color: #FAEEB8;
    color: #C8191D;
}

.form-area{
    margin: 0 auto;
    padding: 7%;
    background-color: #fff;
    border: 3px solid #649ed5;
}
.container{
        margin: 10% auto 0;
    padding: 0 10px;
    width: 100%;
    max-width: 1024px !important;
}
.margin-bottom-sm{
    margin-bottom:5px;
}

select#cboLang {
    margin-bottom: 0;
    height:34px;
    width: 100%;
    background-color: rgba(255, 255, 255, 1);
    padding: 6px 8px;
    border: 1px solid #649ed5;
}

#remember span{
    color: #649ed5;
    font-weight: normal;
    font-size: 11px;
    vertical-align: text-top !important;
}

#chkRemember{
    margin-top:20px;
}

a#lnkForgotPass {
    padding-top: 22px;
    font-size: .90em;
    line-height: 1em;
    float: right;
}

#forgotPwd{
    float: right;
}

.loginMain{
    margin-bottom: 52px;
}

.newAccount{
    margin-top:10px;
    text-align:center;
}

.world i{
    /*background: transparent url('App_Themes/Default/Images/world_white_24.png') no-repeat center;*/
    /*padding-left: 4px !important;
    padding-right: 4px !important;*/
    width:32px;
    font-size:20px;
}

.user i{
    /*background: transparent url('App_Themes/Default/Images/user_white_24.png') no-repeat center;*/
    /*padding-left: 4px !important;
    padding-right: 4px !important;*/  
    width:32px;  
    font-size:20px;
}

.password i{
    /*background: transparent url('App_Themes/Default/Images/key_white_24.png') no-repeat center;*/
    /*padding-left: 4px !important;
    padding-right: 4px !important;*/
    width:32px;
    font-size:20px;
}