@font-face {
    font-family: 'AllumiStd-Bold';
    src: url('../Content/Fonts/AllumiStd-Bold.otf') format('opentype');
}
@font-face {
    font-family: 'AllumiStd-Light';
    src: url('../Content/Fonts/AllumiStd-Light.otf') format('opentype');
}
@font-face {
    font-family: 'AllumiStd-Regular';
    src: url('../Content/Fonts/AllumiStd-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'AllumiStd-ExtraLight';
    src: url('../Content/Fonts/AllumiStd-ExtraLight.otf') format('opentype');
}

@font-face {
    font-family: 'AllumiStd-Bold';
    src: url('../Content/Fonts/AllumiStd-Bold.eot') format('opentype');
}
@font-face {
    font-family: 'AllumiStd-Light';
    src: url('../Content/Fonts/AllumiStd-Light.eot') format('opentype');
}
@font-face {
    font-family: 'AllumiStd-Regular';
    src: url('../Content/Fonts/AllumiStd-Regular.eot') format('opentype');
}
@font-face {
    font-family: 'AllumiStd-ExtraLight';
    src: url('../Content/Fonts/AllumiStd-ExtraLight.eot') format('opentype');
}


@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

html, head, body
{font-family: AllumiStd-Light, "AllumiStd-Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

html, html *
{
    scrollbar-face-color: #E4E4E4;
    scrollbar-shadow-color: #969696;
    scrollbar-highlight-color: #969696;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #ffffff;
    scrollbar-track-color: #ffffff;
    scrollbar-arrow-color: #969696;
}

form
{
    /*font-family: Verdana;*/
    font-size: 12px;
    width: 100%;
    height: 100%;
}
.login-Outerpanel
{
    border: 1px solid red;
    width: 80%;
    height: 400px;
    margin-top: 70px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
}
.login-logo
{
    text-align: center;
    vertical-align: middle;
    height: 34px;
}

div#splitContnr {
    display: flex;
    height: 100%;
}
div#divMrktngBlog {
    display: flex;
    width: 61.25%;
    background-color: #25b482;
    z-index:4
}
div#loginContentDiv { 
    min-width: 450px;
    overflow-y: auto;
    height: 99vh;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items:center;
    margin-top:50px
}
div#logodiv {
    height: 74px;
}
table#login-tbl{
    width: 40.75%;
    /*border-radius: 20px 0 0 20px;*/
    z-index: 5;
    position: absolute;
    right: 0;
    height: 100%;
}
table#login-tbl.login-panel-center {   
    background-repeat: no-repeat;
    background-color: #ffffff;
    background-position: center; 
    margin: 0 auto;
    position: inherit !important;
    border-radius: 0px !important;
    width:99vw
}
.login-panel-center tr td input {
    height: 31px;
    margin: 8px 0;
}
.d-hide {
    display: none !important;
}

.login-panel
{
 /* background: url('../Images/New_FileroomLaunch_Modified_2.png');  LoginPanel.png*/
    background-repeat: no-repeat;
    background-color: #fff;/*#EDDFBA;*/
    background-position: center;
}

.login-Header
{
 /*background: url('../Images/MarketingBlog/Logo.svg'); 
 background-size:contain;*/
 border:0px;
 padding:0px;
 width:252px;
 height:73px;
 background-repeat: no-repeat;
    /*background-color: #EDDFBA;*/
 background-position: center;
}
.login-Header-helper
{
/* background: url('../Images/FileRoom_Help_Center.png'); 
 background-size:contain;*/
 border:0px;
 padding:0px;
 width:252px;
 height:73px;
 background-repeat: no-repeat;
    /*background-color: #EDDFBA;*/
 background-position: center;
}
.login-Form
{
 /*background: url('../Images/MarketingBlog/LoginForm.png');*/ 
 border:0px;
 padding:0px;
/*width:493px;*/
/*height:389px;*/
background-repeat: no-repeat;
/*background-color: #EDDFBA;*/
background-position: center 22px;
/*text-align:left;*/
position:relative
}
.login-panel tr td input {
    height: 31px ;
    margin: 8px 0;
}
.login-input
{font-family: AllumiStd-Light, "AllumiStd-Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif !important;
    outline-style: none;
    border: 0px solid transparent; /*transparent*/
     padding: 7px;
    width: 253px;
    background-color:#eee;
    height: 30px;
    border-radius: 0px;
    background-repeat: no-repeat;
  background-position-y: center;
 
}
.loginPassword
{
    margin-top: 0px;
    outline-style: none;
    border: 1px solid transparent; /*transparent*/ /* padding: 7px;*/
    width: 210px;
    height: 15px;
    border-radius: 3px;
    background-repeat: no-repeat;
  
}

.maintenance-message
{
    width:702px;
   /*background-color:#DECFA4;*/
    text-align:left;
    margin-left:auto;
    margin-right:auto;
    display:none;
    /*border:thin solid #CBB583;*/
      padding-left:10px;
    padding-right:10px;
    padding:7px;
    font-family:Calibri;
    font-size:16px;
 }

.firmID
{
    background-image: url('../Images/Firm_ID.png');
    background-position-x: 8px;
}
.username
{
    background-image: url('../Images/username.png');
    background-position-x: 8px;
}
.password
{
    background-image: url('../Images/password.png');
    background-position-x: 8px;
}

.login-inputContainer
{
    margin-left: auto;
    margin-right: auto; /* border: 1px solid green;*/
    width: 200px;
}
.loginUsername
{
    margin-top: -350px;
}
.loginDomainname
{
    margin-top: 42px;
}

.input-table
{
    margin-left: 30px;
    width: 300px;
    height: 150px;
}

.input-table td
{
    /*padding: 10px 90px;*/
}

/*.login-button
{
    background-image: url('../Images/login_btn.png');
    background-repeat: no-repeat;
    width: 100px;
    height: 38px;
    border: 0px; cursor:inherit;
    cursor:pointer;
}*/

.login-footer a
{
    /*color: #666666;*/
    color: Blue;
    /*font-family: Verdana;*/
    text-decoration: underline;
    font-size: 9pt;
}
.field-validation-error
{
    border: 1px solid #1f1f1f;
    background-color: #ececec;
    color: #333;
    position: absolute;
    z-index: 20;
    padding: 4px 5px 4px 6px; /*min-width: 20px;*/
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    margin-top: 7px;
    margin-left: 0px;
    height: auto;
    width: auto;
    max-width: 250px;
    overflow: hidden;
    white-space: normal;
    cursor: default;
    display: block;
}

.field-validation-error-header
{
    /*border: 0px solid #990000;*/
    /*background-color: #EDDFBA;*//*#fff4c9;*/
    color: #990000;
    position: relative;
    text-align: center;
    z-index: 1;
/*  padding: 4px 5px 4px 6px; min-width: 20px;*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    margin-left: 0px;
    height: auto;
    width: 100%;

    overflow: hidden;
    white-space: normal;
    cursor: default;
   
}

.validation-summary-valid
{
    display: none;
}

.validation-summary-error
{
    text-align: center;
}

.capsLock
{
    margin-left: 11px;
    margin-top: 0px;
    background-image: url('../Images/CapsLockIsOn.png');
    height: 30px;
    background-repeat: no-repeat;
}
.announcement
{
   width:auto;
   background-color:#ffffff;
   text-align:left;
   margin-left:auto;
   margin-right:auto;
   display:inline-block;
   border:thin solid #2366a0;
   padding-left:10px;
   padding-right:10px;
   padding:7px;
   font-family: AllumiStd-Light !important, "AllumiStd-Light", "Segoe UI", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif ;
   font-size: 14px !important;
   min-height:16px;
   margin-top:3px 
    }


/**** New Login Form CSS*/

.loginNew_signIn {
  font-size: 18px;
  color: #1c2a37;
  line-height: 1.2;
  text-transform: normal;
  text-align: center;
  font-weight: 600;
  display: block;
  margin: 0 auto;
}
.divider {
  height: 0.125rem;
  margin: 0.125rem auto;
  padding-top: 0.125rem;
  width:60px
}
.highlight {
  margin-top: 8px;
  background: #2366a0;
  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #2366a0), color-stop(150%, #18b86b));
  background: linear-gradient(90deg, #2366a0 1%, #18b86b 150%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0366a0",endColorstr="#18b86b",GradientType=1);
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #eee inset !important;

}
.field-validation-error-header{
    padding:5px
}

.field-validation-error {
    margin-top: -8px;
    padding: 3px 5px 4px 6px;
    border-radius: 2px;
    background-color: #fff;
    color: #d9534f;
    border-color: #d9534f;
}

.login-button {
    background-color: #18b86b;
    /*background-image:none !important;*/ 
    color: #fff;
    font-size: 14px;
    font-weight:bold;
    padding-bottom: 4px; 
    height: 42px !important;
    width: 316px;  
    box-shadow: 0 2px 17px 0 rgba(0,0,0,0.36);     
    border:none;    
    cursor:pointer;
    background-position: center;
    transition: background 0.8s;
}
div#forgPassPnl a {
    color: #07C175
}
div#forgPassPnl {
    line-height: 4.5rem;
    color: #989FA8;
    font-size:14px
}
a#SuprtHrs, a#SysStatus {
    font-size: 14px;
    line-height: 3rem;
    color: #2366A0;
}
a#BackBtn {
    color: black;
    text-decoration: none;
    height: 25px;
    line-height: 25px;
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    margin: 10px !important;
    display: inline-block;
}
.ico_div {
    height: 45px;
    width: 45px;
    background-color: #eee;
}
.domainIco{
    background-image: url(../Images/MarketingBlog/language_black_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center; 
}
.userIco{
    background-image: url(../Images/MarketingBlog/perm_identity_black_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center; 
}
.lockIco{
    background-image: url(../Images/MarketingBlog/lock_black_24dp.svg);
    background-repeat: no-repeat;
    background-position: center center; 
}
.saf-alert2 {
    line-height: 1.25rem;
    text-align: left;
    margin-top: 15px;
    width: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.inline {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 14px 0px 14px 8px;
    background-color: rgba(229, 244, 255, 1);
    border-radius: 4px;
    border: 1px solid;
    border-color: rgba(0, 93, 162, 1);
}
.link-information {
    display: flex;
    min-width: 20px;
}
.message {
    width: fit-content;
}
/*.infoBlue {
    background-image: url(../Images/info_blue.png);
}*/
.iconBox {
    background-repeat: no-repeat;
    border-width: 0px;
    outline: 0px;
    height: 20px !important;
    width: 20px !important;
    background-size: contain;
}
.link-information.learnMore {
    width: 105px;
    height: 20px;
    align-self: flex-start;
}
#copyRightdiv{  
     margin-top:26px;  
     color: #1C2A37;    
}
.copyRightIco{
    width: 13px;
    height: 13px;
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
    padding: 1px;
}
td.Resp-spacer {
    height:2.5rem
}
.div-bot {
    padding-top: 1% ;
    height: 0;
    position: relative;
    display: inline-block;
}
/*input#btnLogin:hover, input#btnSSOLogin:hover {   
    box-shadow: 0 2px 17px 0 rgba(0,0,0,0.45)
}*/

div#orPnl {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lineSep {    
    display: inline-block;
    box-sizing: border-box;
    height: 1px;
    width: 94px;
    border: 1px solid #EEEEEE;
}

.orclass{  
  width: 21px;
  color: #2366A0;
  /*font-family: "Open Sans";*/
  font-size: 14px;
  letter-spacing: 0;
  line-height: 8vh;
  padding:0 5px;
}
.vertically-center {
    display: inline-flex;
    column-gap: 5px;
    margin-top: 25px;
}
.wit-txt{
  height: 19px;  
  color: #8D949E;
  /*font-family: "Open Sans";*/
  font-size: 14px;
  letter-spacing: 0;
  line-height: 16px;
}

div#blogContainer { 
  z-index:6;
}
span#errorHeader {
    max-width: 700px;
    display: block;
}
@media only screen and (max-height: 910px) {
    .orclass{
    line-height:8vh;
    }
    .vertically-center{
    margin-top:7px
    }
    div#forgPassPnl {
        line-height: 3.5rem;
    }
    div#loginContentDiv{
        justify-content:flex-start;
        align-items:center;
        margin-top:5px
    }
}

@media only screen and (max-height: 768px) {
    .div-bot {
    padding-top: 0% !important;
    height: 0;
    position: relative;
    display: inline-block;
    }    
    div#splitContnr {   
    overflow-y: auto;
    }
    div#forgPassPnl {
        line-height: 3.5rem;
    }
    .orclass{
    line-height:5vh;
    }
    .vertically-center{
    margin-top:5px
    }
     div#loginContentDiv{
        justify-content:flex-start;
        align-items:center
    }
}


@media only screen and (max-height: 699.999px) {
    .div-bot {
    padding-top: 0% !important;
    height: 0;
    position: relative;
    display: inline-block;
    }    
    div#splitContnr {   
    overflow-y: auto;
    }
    div#forgPassPnl {
        line-height: 3.5rem;
    }
    .orclass{
    line-height:5vh;
    }
    .vertically-center{
    margin-top:4px
    }
     div#loginContentDiv{
        justify-content:flex-start;
        align-items:center
    }
    
}

/*// Extra small devices (portrait phones, less than 576px)*/

@media only screen  (max-width: 575.98px) { 
    
    .orclass{
    line-height:9vh;
    }
    .vertically-center{
        margin-top:2px
    }
    
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
    
    .orclass{
    line-height:2vh;
    }
    .vertically-center{
    margin-top:5px
    }
    
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) { 
   
    .orclass{
    line-height:2vh;
    }
    .vertically-center{
     margin-top:8px
    }
    
}

/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) { 
    
    .orclass{
    line-height:5vh;
    }
    .vertically-center{
    margin-top:7px
    }
     div#loginContentDiv{
        justify-content:flex-start;
        align-items:center
    }
}
/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) and (max-width: 1499.98px) { 
    
    .orclass{
    line-height:2vh;
    }
    .vertically-center{
    margin-top:5px
    }
     div#loginContentDiv{
        
        align-items:center
    }


}
.login-button:disabled, .login-button.SSO:disabled{
    opacity:0.5;
    pointer-events:none
}
.login-button:hover {
  background: #0DA55C radial-gradient(circle, transparent 1%, #0DA55C 1%) center/15000%;
}
.login-button:active {
  background-color: #5BCB95;
  background-size: 100%;
  transition: background 0s;
}

.login-button.SSO{
    background-color:#2366a0;
    padding-left: 20px
}
img.keyIco {   
    position: absolute;
    margin-top: 16px;
    margin-left: 73px;
    cursor:pointer;
    transform: rotate(45deg)
}
.login-button.SSO:hover {
  background: #205C90 radial-gradient(circle, transparent 1%,  #205C90  1%) center/15000%;
}
.login-button.SSO:visited {
  color:#fff
}
.login-button.SSO:active {
  background-color: #2c6fa9 ;
  background-size: 100%;
  transition: background 0s;
}

div#PasswordPcHldr {
    height: 45px;
    margin: 8px 0 8px 1px;
    background-color: #eee;
    color:#ccc;
    display:none;
    text-align: left;
    line-height:  45px;
    padding-left: 7px;
    font-size: 14px;
}
.d-block{
    display:block !important
}