@font-face {
  font-family: luz-sans-book-ie;
  font-style:  normal;
  font-weight: normal;
  src: url(../../CMS/fonts/luzsans.eot);
}
@font-face {
  font-family: luz-sans-book;
  font-style:  normal;
  font-weight: normal;
  src: url(../../CMS/fonts/luzro.ttf);
}

@font-face {
    font-family: "OpenText Sans";
    font-style: normal;
    font-weight: 400;
    src: url("../../CMS/fonts/OpenTextSans_W_Rg.eot");
    src: url("../../CMS/fonts/OpenTextSans_W_Rg.woff2") format("woff2"), url("../../CMS/fonts/OpenTextSans_W_Rg.woff") format("woff");
}
@font-face {
    font-family: "OpenText Sans";
    font-style: normal;
    font-weight: 300;
    src: url("../../CMS/fonts/OpenTextSans_W_Lt.eot");
    src: url("../../CMS/fonts/OpenTextSans_W_Lt.woff2") format("woff2"), url("../../CMS/fonts/OpenTextSans_W_Lt.woff") format("woff");
}
@font-face {
    font-family: "OpenText Sans";
    font-style: normal;
    font-weight: 700;
    src: url("../../CMS/fonts/OpenTextSans_W_Bd.eot");
    src: url("../../CMS/fonts/OpenTextSans_W_Bd.woff2") format("woff2"), url("../../CMS/fonts/OpenTextSans_W_Bd.woff") format("woff");
}

@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: "Calibri";
    src: url('../../CMS/fonts/Calibri Font/calibri_0.ttf')

}

@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: "Calibri";
    src: url('../../CMS/fonts/Calibri Font/calibrib_0.ttf')
}

@font-face {
    font-weight: 100;
    font-style: italic;
    font-family: "Calibri";
    src: url('../../CMS/fonts/Calibri Font/calibrii_0.ttf')
}

@font-face {
    font-weight: 100;
    font-style: normal;
    font-family: "Calibri";
    src: url('../../CMS/fonts/Calibri Font/calibril_0.ttf')
}

@font-face {
    font-weight: 100;
    font-style: italic;
    font-family: "Calibri";
    src: url('../../CMS/fonts/Calibri Font/calibrili_0.ttf')
}


body { background-color: #eee; overflow: hidden; }
p { }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }
table.full_HV { width: 100%; height: 100%; }
table.full_H { width: 100%; }
td.login_top_left { background-color: #0073e7; background-image: url(../images/blue_bg.png); background-position: left bottom; background-repeat: no-repeat; vertical-align: top; width: 60%; height: 50%; padding: 25px 10px 40px 20px; }
td.login_top_right { background-color: #F6F7F9; background-image: url(../images/login_pict_bac.jpg); background-repeat: no-repeat; vertical-align: top; width: 40%; height: 50%; }
td.login_hp_logo {background-image: url(../../CMS/images/login/login_logo.gif); background-repeat: no-repeat; vertical-align: top; width:15%; height:50%;}
td.login_mid_right { text-align: left; vertical-align: top; width: 40%; height: 250px; padding-top: 30px; padding-bottom: 10px; }
td.landing_mid_right { text-align: left;
    vertical-align: top;
    padding-top: 7px;
    padding-right: 40px ;
    position:absolute;
    right:0;
}
td.login_mid_center { text-align:right ; padding-top: 30px; padding-bottom: 10px; width: 35%; height: 250px; vertical-align: top; }
td.login_mid_center_license { font-size: small; font-family: Arial, Verdana, Helvetica, sans-serif;  text-align: left;  }
td.login_mid_left { text-align: left; padding-top: 30px; padding-bottom: 10px; width: 21%; height: 250px; vertical-align: top; }
td.login_bot_right { font-size: xx-small; font-family: Arial, Verdana, Helvetica, sans-serif; background-color: #eee; text-align: left; width: 40%; height: 1%; vertical-align: bottom; }
td.login_logo { text-align: left; vertical-align: top; }
td.login_appname { text-align: right; vertical-align: bottom; }
input.login_name { color: black; font-size: x-small; font-family: Arial, Verdana, Helvetica, sans-serif; width: 280px; height: 27px; padding-right: 5px; padding-left: 5px; border: #f1f2f3; border-bottom: solid 1px #bdbec0; }
input.login_password { color: black; font-size: x-small; font-family: Arial, Verdana, Helvetica, sans-serif; width: 280px; height: 27px; padding-right: 5px; padding-left: 5px; border: #f1f2f3; border-bottom: solid 1px #bdbec0; }
select.customer_field { color: black; font-size: x-small; font-family: Arial, Verdana, Helvetica, sans-serif; width: 250px; height: 21px; border: solid 1px #596d80; }
td.login_fields { text-align: left; vertical-align: top; height: 34px; padding-bottom: 13px; }
td.login_fields_lable { font-size: x-small; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: right; padding-bottom: 16px; vertical-align: bottom; height: 40px; padding-right: 10px; }
td.login_button_field { text-align: left; vertical-align: top; padding-top: 20px; padding-bottom: 10px; }
td.help_button_field { text-align: right; vertical-align: top; padding-top: 20px; padding-bottom: 10px; }
td.login_checkbox { text-align: left; vertical-align: top; height: 25px; padding-bottom: 0px; }
.help_button { background: url("../images/help.png") no-repeat; width:20px; height:20px; display: block; }
/*td.help_button{ text-align:right; }*/
td.copyright { color: #656668; font-family: Arial; font-size: 12px; text-align: left; vertical-align: bottom; padding-bottom: 10px;}

td.landing_top{
    background-position: left bottom;
    background-repeat: no-repeat;
    vertical-align: bottom;
}

ul.landing_page_list{
    list-style-image: url(../images/bull.gif);
    vertical-align: top;
    width: 406px;
    padding: 0;
    margin: 0;
    height: 288px;


}

ul.landing_page_list li{
    color: #000;
    font-family: "OpenText Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-top: 0px;

}

ul.landing_page_list li a{
    color: #1A6AFF;
}


tr.landing_page_top {
    background-image: url(../images/bgimg_landingpage.png);
    background-repeat: no-repeat;
    height:50%;
    background-position-x: 70%;
    background-position-y: 30%;
    background-size:cover;
}
tr.landing_page_bottom {background-image: linear-gradient(180deg, #E1E8F6 0%, #FFF 100%);
    height:50%;
}

button { color: #485464; font-size: 11px; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; background-color: #c8cbd0; background-image: url(../images/bu_bg.png); background-repeat: repeat-x; cursor: pointer; height: 23px; vertical-align: middle; border-style: solid; border-width: 1px; border-color: #eee #333 #333 #eee}

div.login_fields_center { text-align: left; vertical-align: top; height: 250px; padding-top: 20px; padding-bottom: 10px; }

div.version { color: #FFFFFF; font-size: 28px; font-family: LuzSans-Book, luz-sans-book-ie, luz-sans-book; font-weight: normal;  position: relative; right: 100px; background-position: left bottom }

div.bottomStatusBar {height:100%; background-color: #eee; background-repeat: no-repeat; background-position: left bottom; }
td.statusBar {background:whitesmoke; text-align:center; border:thin white; border-top-style:groove; height:12px}

td.remember_text { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; padding-top: 10px; }
td.remember_cb { font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; text-align: left; vertical-align: top; padding-right: 5px; }
/*<agl.folder "buttons">*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button { color: #fff; display: block; font: 12px Arial, sans-serif; background-image: url(../images/bg_button_a.png); background-repeat: no-repeat; background-attachment: scroll; background-position: right top; height: 29px; margin-right: 6px; padding-right: 15px; /* sliding doors padding */
    text-decoration: none; float: left; margin-bottom: 3px; white-space: nowrap; text-align: center;}
a.button span { display: block; line-height: 20px; background-image: url(../images/bg_button_span.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; padding: 3px 0 6px 15px; }
a.button:hover {
    background-position: right center;
    color: white;
    outline: none medium; /* hide dotted outline in Firefox */
}
a.button:hover span { background-position: left center; padding: 3px 0 6px 15px; }
a.button:active { color: white; background-position: right bottom; padding-right: 14px; outline: none medium; }
a.button:active span {
    background-position: left bottom;
    padding: 4px 0 4px 16px; /* push text down 1px */
}

.login_hp {
    margin:8px;
}
.sign-in-btn {
    background: #ffffff;
    border: 1px solid #ffffff;
    padding: 0.475rem 2.25rem;
    border-radius: 20px;
    font-size: 18px;
    color: #232e72;
    margin-top: 32px;
    opacity: 1;
    cursor: pointer;
    font-family: "OpenText Sans", sans-serif;
    height:40px;
    width:140px;
}
.sign-in-btn:hover{
    background: #232e72;
    border: 1px solid #ffffff;
    font-size: 18px;
    color: #ffffff;
}

.sign-in-btn-disabled{
    padding: 0.475rem 2.25rem;
    border-radius: 20px;
    margin-top: 32px;
    opacity: 1;
    text-decoration: none;
    font-family: "OpenText Sans", sans-serif;
    background: none;
    border: 1px solid #5864AD;
    font-size: 18px;
    color: #5864AD;
    cursor: default;
    pointer-events: none;
    height:40px;
    width:140px;
}


.invalid-credentials-error {
    width: 328px;
    background-image: url(../../CMS/images/ot_login/login_error.svg);
    background-repeat: no-repeat;
    background-position: 20px 30px;
    background-size: 18px 18px;
    font-size: 1.25em;
    display: table;
    min-height: 50px;
    margin: 0 auto;
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
    text-align: left;
}


.invalid-credentials-error p {
    padding-left: 32px;
    vertical-align: middle;
    display: table-cell;
    color: #FFF;
    font-family: "OpenText Sans", sans-serif;
    font-feature-settings: normal;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;

}

.expired_licence{
    width: 414px;
    height: 24px;
    background-image: url(../images/Success.png);
    background-repeat: no-repeat;
    font-size: 1.25em;
    display: table;
    background-color: #FCDB1F;
    text-align: left;
    background-position: center left 8px;
    position: relative;
    left: -5px;
}
.licence_not_expired{
    width: 414px;
    height: 24px;
}

.invalid_licence{
    padding-left: 30px;
    color: #333;
    font-family: 'Calibri',sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
}

.invalid_licence_message img{
    cursor:pointer;
}

div.login_credentials {
    text-align: left;
    vertical-align: top;
    width: 40%;
    height: 250px;
    padding-bottom: 10px;
    padding-top: 32px;
}