/*
***********************************************************
**********************************************************

Customization of logon page

**********************************************************
**********************************************************
*/


div#f5-apm-contents div, span, ul{
    font-family: Segoe UI, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

div#f5-apm-contents{
    width: 489px;
    margin: 55px auto 0 auto;
    text-align: left;
    /*
    background.png !!!
    Attention: src shoudld be manually replaced with filename from customization
    */
    background-image: url(background.png);
    padding: 0;
    height: 100px; /* msie white empty text node fix */
}

div#f5-apm-contents div, span, ul{
    font-family: Segoe UI, Helvetica, Arial, sans-serif;
    font-size: 13px;
}

div#f5-apm-contents div#f5-logon-contents{
    /*border-left: 1px solid #a4a4a4;
    border-right: 1px solid #a4a4a4;*/
    border: 1px solid #a4a4a4;
    text-align: center;
    padding: 40px 50px 10px 45px;
    color: #444444;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    background:url("https://gems.qatarairways.com.qa/public/images/customization/Common/gems-access-profile_act_logon_page_ag/image01_en.jpg") no-repeat 0 100%;
}
.logoGems{
    margin-bottom:10px;
}
div#f5-logon-contents div#security{
    margin-bottom: 8px;
}

div#f5-apm-contents div#security span#show-explanation{
    color: #ff6c00;
    cursor: pointer;
}

div#f5-apm-contents ul#logon-fields{
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

div#f5-logon-contents div#explanation-1,div#explanation-2,div#warning{
    display: none;
    color: #909090;
    margin: 2px 9px 7px 31px;
    margin-left: -moz-calc( 34px ); /* ff */
    margin-left: 29px\0/; /* ie */
}
div#f5-logon-contents div#warning{
    color: #ff6c00;
}

div#f5-logon-contents ul#logon-fields div.radio-container{
    height: 19px;
}

div#f5-logon-contents ul#logon-fields label.radio,label.checkbox{
    margin-left: 9px;
}

div#f5-logon-contents ul#logon-fields input.radio,input.checkbox{
    float: left;
}

div#f5-logon-contents ul#logon-fields label.text,label.password{
    display: inline;
    float: left;
    margin-top: 7px;
    width: 70px;
}

div#f5-logon-contents ul#logon-fields input.text,input.password{
    margin: 3px 6px 3px 6px;
    width: 306px;
    border: 1px solid #666666;
    background-color: #DDDDDD;

    height: 28;
    height: 18px\0/;
    vertical-align: middle\0/;
    padding-top: 4px\0/;
    padding-bottom: 5px\0/;
    zoom: 1px;
}

div#f5-logon-contents ul#logon-fields li#field-container-pubpriv{
    margin-left: 30px;
}

div#f5-logon-contents ul#logon-fields li#field-container-lightw{
    margin-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

div#f5-logon-contents ul#logon-fields li#field-container-1, li#field-container-2{
    margin-left: 0px;
}

div#f5-logon-contents input.submit {
    display: block;
    margin: 3px 5% 3px auto;
    float: right;
    background-color: #660033;
    border: 0px;
    padding: 3px 6px;
    color: white;
}
div#f5-logon-contents input.submit:hover {
    background-color: #999999;
}

div#f5-apm-contents div#error-message {
    color: #ff6c00;
    padding: 35px 10px 0px 0px;
}

div#f5-logon-contents div#copyright {
    padding: 30px 10px 0px 22px;
    font-size: 12px;
}
/*********************************************************
This part was automatically appended to apm_full.css to ensure compartibility with Webtop new look
*/

/* custom webtop header+footer */
table#page_header.f5cust
{
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.24) 0 0 4px 0 rgba(0, 0, 0, 0.12);
}

table#page_header.f5cust td#header_rightcell span#webtop_header_message {
    float: left;
    top: 4px;
    color: #000000;
}

table#page_header.f5cust td#header_rightcell button#disconnect
{
    background: #f44336;
    padding: 0;
    border: 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

table#page_header.f5cust td#header_rightcell button#disconnect:hover
{
    transition: 0.3s ease;
    background: #4285f4;
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.10), 0px 5px 5px 0px rgba(0,0,0,0.22);
}

table#page_header.f5cust td#header_rightcell button#disconnect span
{
    padding: 4px 14px 9px 11px;
    color: #FFFFFF;
    display: block;
}

table#page_header.f5cust td#header_rightcell button#disconnect img
{
    display: none;
}

div#page_footer.f5cust
{
    border: 0;
    padding-bottom: 2px;
    text-align: center;
}

div#page_footer.f5cust div
{
    padding: 0px;
}
/* /custom webtop header+footer */

/* custom webtop body */
body.webtop2{
    background-color: #f8f8f8;
}

body.webtop_nohead2{
    background-color: #f8f8f8;
}
/* /custom webtop body */

/* replacing toolbar */
div#webtop_header_sep{
    width: 100%;
    height: 3px;
    background-color: #6d7982;
}

div#webtop_header_sep.f5cust{
    height: 5px;
    background-color: #f44336;
}
div#webtop_searchdiv{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 10px;
}

div#webtop_searchdiv input#searchinp{
    width: 20%;
    min-width: 270px;
    height: 20px;
    padding: 5px 10px;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    background-color: white;
    font-style: italic;
    color: #808080;
}

div#webtop_searchdiv img#searchimg{
    margin: 0px 0px 2px -27px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

div#webtop_settings{
    float: right;
    visibility: hidden;
    margin-right: 20px;
}

div#webtop_settings.freefloat {
    margin-bottom: -40px;
    margin-top: 10px;
}

div#webtop_settings div{
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 2px;
    cursor: pointer;
    border-radius: 50%;
    box-sizing: border-box;
    background-color: inherit;
}

div#webtop_settings div:hover{
    background-color: #d0d0d0;
}
div#webtop_settings div img{
    width: 28px;
    height: 28px;
}

div#noticebox{
   position: absolute;
   top: 0;
   display: none;
   width: 100%;
   background-color: rgb(247, 242, 219);
   padding: 10px 20px 10px 20px;
   text-align: center;
   opacity: 0.8;
   filter: alpha(opacity=80);
}
/* /replacing toolbar */

/* new inner and outer container */
div#webtop_favorites_outer_container2{
    width: 100%;
    padding-top: 5px;
    text-align: left;
    /*non-msie: page_alignment */
    clear: both;